@extends('frontend.layouts.master')

@php
    $lang = selectedLang();
    $agent_slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::AGENT_SECTION);
    $agent = App\Models\Admin\SiteSections::getData( $agent_slug)->first();

    $agent_app_slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::AGENT_APP_SECTION);
    $agent_app = App\Models\Admin\SiteSections::getData( $agent_app_slug)->first();
    
@endphp

@section('content')
<div class="page-container">
    <section class="banner-section bg_img" data-background="{{ asset('public/frontend/') }}/images/banner/agent-bg.jpg">
        <div class="container home-container">
            <div class="row mb-30-none">
                <div class="col-lg-6 col-md-6 mb-30">
                    <div class="banner-thumb-area text-center">
                        <img src="{{ get_image(@$agent->value->images->banner_image,'site-section') }}" alt="banner">
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 mb-30">
                    <div class="banner-content">
                        <span class="banner-sub-titel"><i class="fas fa-qrcode"></i> {{ __(@$agent->value->language->$lang->heading) }}</span>
                        <h1 style="color: white;" class="banner-title">{{ __(@$agent->value->language->$lang->sub_heading) }}</h1>
                        <p style="color: white;">{{ __(@$agent->value->language->$lang->details) }}</p>
                        <div class="banner-btn">
                            <a href="{{ setRoute('agent.register') }}" class="btn--base"><i class="las la-user-plus me-1"></i>{{ __("Register") }}</a>
                            <a href="{{ setRoute('agent.login') }}" class="btn--base active"><i class="las la-key me-1"></i>{{ __("Login") }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        End Banner
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Start app section
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section class="merchant-app-section pt-120">
        <div class="container">
            <div class="row mb-30-none justify-content-center align-items-center">
                <div class="col-xxl-2 col-xl-2 col-lg-1 d-md-none"></div>
                <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6 mb-30">
                    <div class="thumb">
                        <img src="{{ get_image(@$agent_app->value->images->site_image,'site-section') }}" alt="img">
                    </div>
                </div>
                <div class="col-xxl-1 col-xl-1 col-lg-1 d-md-none"></div>
                <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6 mb-30">
                    <div class="content text-sm-center">
                        <h1  style="color: white;" class="display-2 fw-bolder mb-10">{{ @$agent_app->value->language->$lang->title }}</h1>
                        <p style="color: white;">{{ @$agent_app->value->language->$lang->details }}</p>
                        <div class="download-btn-area align-items-center d-flex justify-content-sm-center pt-20 m-8-none">
                                <a href="https://apps.apple.com/us/app/halapay-agent/id6748044403" target="_blank" class="m-8"><img src="{{ get_image(@$agent_app->value->images->appple_store,'site-section') }}" alt="img"></a>
                                <a href="{{ asset('public/apk/halapay_agent_android_build.apk') }}" target="_blank" class="m-8" download><img src="{{ get_image(@$agent_app->value->images->google_play,'site-section') }}" alt="img"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="service-section ptb-120">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-6 col-lg-8 col-md-10 text-center">
                        @if( Route::currentRouteName() == 'merchant')
                        <div class="section-header">
                            <span class="section-sub-titel"><i class="fas fa-qrcode"></i> {{ __(@$merchant->value->language->$lang->heading) }}</span>
                            <h2 class="section-title" style="color: white;">{{ __(@$merchant->value->language->$lang->sub_heading) }}</h2>
                            <p style="color: white;">{{ __(@$merchant->value->language->$lang->details) }}</p>
                        </div>
                        @elseif(Route::currentRouteName() == 'agent')
                        <div class="section-header">
                            <span class="section-sub-titel"><i class="fas fa-qrcode"></i> {{ __(@$agent_info->value->language->$lang->bottom_heading) }}</span>
                            <h2 class="section-title" style="color: white;">{{ __(@$agent_info->value->language->$lang->bottom_sub_heading) }}</h2>
                            <p style="color: white;">{{ __(@$agent_info->value->language->$lang->bottom_details) }}</p>
                        </div>
                        @else
                        <div class="section-header">
                            <span class="section-sub-titel"><i class="fas fa-qrcode"></i> {{ __(@$service->value->language->$lang->heading) }}</span>
                            <h2 class="section-title" style="color: white;">{{ __(@$service->value->language->$lang->sub_heading) }}</h2>
                            <p style="color: white;">{{ __(@$service->value->language->$lang->details) }}</p>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="row justify-content-center mb-40-none">
                    @if( Route::currentRouteName() == 'merchant')
                        @if(isset($merchant->value->items))
                            @foreach($merchant->value->items ?? [] as $key => $item)
                                <div class="col-xl-6 col-md-6 col-sm-6 mb-40">
                                    <div class="service-item text-center">
                                        <div class="service-icon">
                                            <i class="{{ @$item->language->$lang->icon }}"></i>
                                        </div>
                                        <div class="service-content">
                                            <h4 class="title">{{ @$item->language->$lang->title }}</h4>
                                            <p>{{ @$item->language->$lang->sub_title }}</p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    @elseif(Route::currentRouteName() == 'agent')
                        @if(isset($agent->value->items))
                            @foreach($agent->value->items ?? [] as $key => $item)
                                <div class="col-xl-3 col-md-6 col-sm-6 mb-40">
                                    <div class="service-item text-center">
                                        <div class="service-icon">
                                            <i class="{{ @$item->language->$lang->icon }}"></i>
                                        </div>
                                        <div class="service-content">
                                            <h4 class="title">{{ @$item->language->$lang->title }}</h4>
                                            <p>{{ @$item->language->$lang->sub_title }}</p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    @else
                        @if(isset($service->value->items))
                            @foreach($service->value->items ?? [] as $key => $item)
                                <div class="col-xl-3 col-md-6 col-sm-6 mb-40">
                                    <div class="service-item text-center">
                                        <div class="service-icon">
                                            <i class="{{ @$item->language->$lang->icon }}"></i>
                                        </div>
                                        <div class="service-content">
                                            <h4 class="title">{{ @$item->language->$lang->title }}</h4>
                                            <p>{{ @$item->language->$lang->sub_title }}</p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
        
                    @endif
        
                </div>
            </div>
        </section>
</div>
<style>
    .page-container {
    background-image: url(https://halapay.io/frontend/images/banner/bg-1.jpg); /* Replace with your image path */
    background-size: cover; /* This makes sure the image covers the entire background */
    background-position: center center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}
</style>    
@endsection


@push("script")

@endpush