@extends('web.layouts.container')

@section('header')
    <div class="container">
        <div class="inner">
            <div class="top">
                <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)}}">{{__('main.home')}}</a>
                <span>{{$servicePage->title}}</span>
            </div>
{{--            <h2>{{$servicePage->title}}</h2>--}}
{{--            <p>{{stripText($servicePage->description)}}</p>--}}
        </div>
    </div>
@endsection

@section('content')
    <section class="services-sec services-pg">
        <div class="container">
            <div class="heading-sec wow zoomIn" data-wow-duration="2s">
                <h4>{{__('services.our_services')}}</h4>
            </div>
            <div class="row justify-content-center">
                @if(count($services))
                    @foreach($services as $service)
                        <div class="col-lg-4 col-md-6">
                            <a href="{{route('service.index').'?hash='.stripText(strtolower($service->hash_name), 10, true)}}">
                                <div class="card">
                                    <img src="{{asset($service->images[0])}}" alt="" class="icon">
                                    <div class="wrapper">
                                        <h5>{{$service->name}}</h5>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
        <img src="{{asset('asset/web/images/pattern-1.png')}}" class="pattern-l">
        <img src="{{asset('asset/web/images/pattern-1.png')}}" class="pattern-r">
    </section>
@endsection

@section('inner_js')
    <script>
        let url = "{{asset($servicePage->image)}}";
        $('header').addClass('inner_header inner_header_lg').attr('style', 'background: url('+url+')');
        $('.navs-container').addClass('inner_nav');
    </script>
@endsection