@extends('frontend.layouts.app')
@section('content')
<section class="innerPageBanner ServicesPageBnr ejariPageBnr">
    <div class="container">
        <div class="contentWrapper__wr wow animate__zoomIn" data-wow-duration="2s">
            <p class="bannerTitle__wr" title="Ejari &amp; Land Department Services">{{ $service->getTranslation('title') }}</p>
            <ol class="breadcrumb__wr">
                <li><a href="{{links()}}" title="Takhlees-Home">{{translate('Home')}}</a></li>
                <li><a href="javascript:void(0);" title="Takhlees-Services">{{translate('Services')}}</a></li>
                <li title="Ejari &amp; Land Department Services">{{ $service->getTranslation('title') }}</li>
            </ol>
        </div>
    </div>
</section>
<section class="serviceDetailSec__wr">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
                <div class="contentWrap__wr wow animate__fadeInLeft" data-wow-duration="2s">
                    <div class="secTitle__wr">
                        <h2 class="title__wr">{{ $service->getTranslation('title') }}</h2>
                    </div>
                    <picture class="img__wr">
                        <img src="{{uploaded_asset($service->image)}}" loading="lazy" class="img-fluid" alt="pro-service-license-bg" title="pro-service-license-bg" width="575" height="395">
                    </picture>
                    @if($service->sub_title)
                    <h3 class="subTitle__wr">{{ $service->getTranslation('sub_title') }}</h3>
                    @endif
                    <p>{!! $service->getTranslation('description') !!}</p>
                    <br>
                    <p>{!! $service->getTranslation('short_description') !!}</p>
                    
                    <!-- <p><strong>{{ translate('LAST UPDATED') }}:-</strong>&nbsp;&nbsp;<span>({{ date('F Y', strtotime($service->updated_at)) }})</span></p> -->
                </div>
            </div>
            @include('frontend.inc.get_in_touch')
        </div>
    </div>
</section>
<section class="callStrapSec__wr">
    <div class="container">
        <div class="contentWrap__wr">
            <div class="callBtn__wr wow animate__heartBeat" data-wow-duration="2s"><a href="tel:+971509886666" title="+971509886666"><i class="fa-solid fa-phone"></i></a></div>
            <p class="title__wr">{{translate("What you're waiting for?")}}</p>
            <p class="callTitle wow animate__fadeInUp" data-wow-duration="2s">{{translate('Call us now')}}: <a href="tel:+97145177337" title="+97145177337"><span dir="ltr">+971-451-77-337</span></a></p>
        </div>
    </div>
</section>
<section class="allServicesSec__wr">
    <div class="container">
        <div class="secTitle__wr">
            <p class="title__wr">{{translate('Explore Our Other Services')}}</p>
        </div>
        <div class="row">
            @if($services_cards->isNotEmpty())
                @foreach ($services_cards as $service_card)
                    <div class="item__wr col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 wow animate__zoomIn" data-wow-duration="2s">
                        <a href="{{route('service-custom', $service_card->slug)}}">
                            <span class="BorderVr__wr"></span>
                            <span class="BorderHr__wr"></span>
                            <span class="OverlayLeft__wr"></span>
                            <span class="OverlayRight__wr"></span>
                            <span class="icon__wr" title="Ejari"><img src="{{ uploaded_asset($service_card->icon) }}" loading="lazy" class="imgsvg"></span>
                            <div class="content__wr">
                                <p class="title__wr" title="Ejari">{{ $service_card->getTranslation('title') }}</p>
                            </div>
                        </a>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
</section>
@endsection