@extends('site.layouts.master')

@section('title')
    {{__('site.Service_Page')}}
@endsection
    @php
        $seo = SEO\Models\Page::where('path',URL::full())->first();
    @endphp
@section('metatags')
 @if(!empty($seo))
    <meta name="title" content="{{ $seo->meta_title ?? $seo->title }}">
    <meta name="keywords" content="{{ $seo->meta_keywords }}">
 <meta name="description" content="{{ $seo->description }}">
 @endif
 <link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
href="@if(app()->getLocale() == 'en' && str_contains(url()->current(),'/en/')){{str_replace('/en/','/ar/',str_replace('public/','',url()->current()))}}@else{{str_replace('/ar/','/en/',str_replace('public/','',url()->current()))}}@endif">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@section('content')
    <!-- Sub banner start -->
    <div class="sub-banner overview-bgi">
        <!-- <div class="container">
            <div class="breadcrumb-area">
                <h1>{{__('site.Services')}}</h1>
                <ul class="breadcrumbs">
                    <li><a href="{{route('site.intro')}}">{{__('site.HOME')}}</a></li>
                    <li class="active">{{__('site.Services')}}</li>
                </ul>
            </div>
        </div> -->
    </div>
    <!-- Sub banner end -->

    <!-- services start -->
    <div class="services content-area-13">
        <div class="container">
            <div class="main-title">
                <h1>{{__('site.Services')}}</h1>
            </div>
            <div class="row">
                @foreach($services as $service)
                    <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="media services-info">
                        <i class="{{$service->icon}}"></i>
                        <div class="media-body">
                            <h5 class="mt-0">{{$service->title}}</h5>
                            <p>{!! $service->desc !!}</p>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- services end -->

    <!-- Counters start -->
    <div class="counters overview-bgi" style="background-image: url({{asset('assets/site/img/counters.jpg')}})">
        <div class="container">
            <div class="row">
                @foreach($about_static as $one)
                 <div class="col-lg-3 col-md-3 col-sm-6">
                    <div class="counter-box">
                        <i class="{{$one->icon}}"></i>
                        <h1 class="counter">{{$one->number}}</h1>
                        <h5>{{$one->title}}</h5>
                    </div>
                </div>
               @endforeach
            </div>
        </div>
    </div>
    <!-- Counters end -->

    <!-- Our service start -->
    <div class="services content-area-2">
        <div class="container">
            <div class="main-title">
                <h1>{{__('site.Professional_Service')}}</h1>
            </div>
            <div class="row">
                @foreach($personal_pros as $personal_pro)
                    <div class="col-lg-4 col-md-4">
                    <div class="card services-info-4">
                        <img loading="lazy" class="card-img-top" src="{{$personal_pro->image->full_url}}" alt="{{$personal_pro->title}}">
                        <div class="card-body detail">
                            <h5>
                                {{$personal_pro->title}}
                            </h5>
                            <p>{{$personal_pro->desc}}</p>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- Our service end -->
@endsection