@extends('frontend.layouts.master')
@php
    $app_local      = get_default_language_code();
    $banner_slug    = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::AGENT_BANNER_SECTION);
    $banner         = App\Models\Admin\SiteSections::getData($banner_slug)->first();

    $feature_slug   = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::AGENT_FEATURES_SECTION);
    $feature        = App\Models\Admin\SiteSections::getData($feature_slug)->first();

    $download_app_slug   = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::AGENT_DOWNLOAD_APP_SECTION);
    $download_app       = App\Models\Admin\SiteSections::getData($download_app_slug)->first();
@endphp
@section('content')
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Start Banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="banner agent-banner bg-overlay-agent bg_img" data-background="{{ get_image('frontend/images/element/agent-page.webp') }}">
    <div class="container mx-auto">
        <div class="row justify-content-center">
            <div class="col-lg-7 col-md-12 col-12 banner-content my-auto">
                <h3 class="title">{{ $banner->value->language->$app_local->heading ?? "" }}</h3>
                <p>{{ $banner->value->language->$app_local->sub_heading ?? "" }}</p>
                <div class="agent-access-btn">
                    <a href="{{ setRoute('agent.login') }}" class="btn--base agent-login"><i class="las la-key me-1"></i> {{ __("Login") }}</a>
                    <a href="{{ setRoute('agent.register') }}" class="btn--base agent-register"><i class="las la-user-alt me-1"></i> {{ __("Register") }}</a>
                </div>
            </div>
            <div class="col-lg-5 col-md-8 col-12">
                <div class="agent-img">
                     <img src="{{ get_image($banner->value->image ?? '' , 'site-section') }}">
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        End Banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->


<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Start Features
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="features ptb-80 bg_img-2" data-background="assets/images/element/fbg.png">
        <div class="container mx-auto">
            <div class="text-content">
                <h4>{{ $feature->value->language->$app_local->title ?? '' }}</h4>
                <h3>{{ $feature->value->language->$app_local->heading ?? '' }}</h3>
            </div>
            <div class="row g-3 pt-40">
                @foreach ($feature->value->items ?? [] as $item)
                    <div class="col-lg-4 col-md-6 col-12" data-aos="zoom-in">
                        <div class="card">
                            <div class="d-flex">
                                <div class="thumb">
                                    <img src="{{ get_image($item->image ?? '' ,'site-section') }}" alt="icon">
                                </div>
                                <div>
                                    <h3>{{ $item->language->$app_local->item_title ?? '' }}</h3>
                                    <p>{{ $item->language->$app_local->description ?? '' }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        End Features
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->


<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Start App Download
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="app ptb-60">
        <div class="container mx-auto">
            <div class="row">
                <div class="col-lg-6 col-12 my-auto">
                    <div class="text-content">
                        <h4>{{ $download_app->value->language->$app_local->title ?? '' }}</h4>
                        <h3>{{ $download_app->value->language->$app_local->heading ?? '' }}</h3>
                    </div>
                    <div>
                        <p>{{ $download_app->value->language->$app_local->sub_heading ?? '' }}</p>
                    </div>
                    <div class="d-flex mt-5">
                        <div class="me-4">
                            <a href="{{ $download_app->value->google_play_link ?? '' }}" class="btn--base mb-4 mb-lg-0 mb-md-0"><i class="lab la-google-play"></i>
                                {{ __("Google Play") }}</a>
                        </div>
                        <div class="">
                            <a href="{{ $download_app->value->app_store_link ?? '' }}" class="btn--base mb-4 mb-lg-0 mb-md-0"><i class="lab la-app-store"></i> {{__("App
                                Store")}}</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <img src="{{ get_image($download_app->value->image ?? '','site-section') }}" alt="image">
                </div>
            </div>
        </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        End App Download
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
@endsection