@extends('layouts.landing.app')
@section('title', 'Landing Page | ' . \App\Models\BusinessSetting::where(['key' => 'business_name'])->first()->value ??
    'Stackfood')
@section('content')
    <!-- Basic Settings -->
    @php($front_end_url = \App\Models\BusinessSetting::where(['key' => 'front_end_url'])->first())
    @php($front_end_url = $front_end_url ? $front_end_url->value : null)
    @php($landing_page_text = \App\Models\BusinessSetting::where(['key' => 'landing_page_text'])->first())
    @php($landing_page_text = isset($landing_page_text->value) ? json_decode($landing_page_text->value, true) : null)
    @php($landing_page_links = \App\Models\BusinessSetting::where(['key' => 'landing_page_links'])->first())
    @php($landing_page_links = isset($landing_page_links->value) ? json_decode($landing_page_links->value, true) : null)
    @php($landing_page_images = \App\Models\BusinessSetting::where(['key' => 'landing_page_images'])->first())
    @php($landing_page_images = isset($landing_page_images->value) ? json_decode($landing_page_images->value, true) : null)
    <!-- Hero Section -->
    <section>
        <div class="container">
            <div class="row hero-content-main">
                <div class="col-lg-6 col-md-6 col-sm-12 hero-content responsive-ps ps-5 ">
                    <h3 class="animate__animated animate__backInRight hero-title-top">
                        {{ isset($landing_page_text) ? $landing_page_text['header_title_3'] : '' }}
                    </h3>
                    <h1 class="animate__animated animate__backInLeft hero-title-main">
                        {{ isset($landing_page_text) ? $landing_page_text['header_title_1'] : '' }}
                    </h1>
                    <h4 class="animate__animated animate__bounceIn animate__delay-1s hero-title-three">
                        {{ isset($landing_page_text) ? $landing_page_text['header_title_2'] : '' }}
                    </h4>
                    <div class="app-logo animate__animated animate__fadeInDown">
                        @if ($landing_page_links['app_url_android_status'])
                            <a href="{{ $landing_page_links['app_url_android'] }}">
                                <img class="img-fluid" src="{{ asset('public/assets/landing') }}/image/playstore.png"
                                    alt="Play store" />
                            </a>
                        @endif
                        @if ($landing_page_links['app_url_ios_status'])
                            <a href="{{ $landing_page_links['app_url_ios'] }}">
                                <img class="img-fluid"
                                    src="{{ asset('public/assets/landing') }}/image/apple_store.png" alt="iOS App">
                            </a>
                        @endif
                        @if ($landing_page_links['web_app_url_status'])
                            <a href="{{ $landing_page_links['web_app_url'] }}">
                                <img class="img-fluid" src="{{ asset('public/assets/landing') }}/image/browse.png">
                            </a>
                        @endif
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <img src="{{asset('public/assets/landing')}}/image/{{isset($landing_page_images['top_content_image'])?$landing_page_images['top_content_image']:'double_screen_image.png'}}" alt="Image One"
                        class="img-fluid hero-content-image animate__animated animate__bounceInRight" />
                </div>
            </div>
        </div>
    </section>
    <!-- About us section -->
    <section class="about-section">
        <div class="container">
            <div class="row about-section-row">
                <div class="col-lg-6 col-md-6 col-sm-12 about-us-left justify-content-center">
                    <img class="img-fluid animate__animated animate__fadeInDown about-us-image w-100"
                        src="{{ asset('public/assets/landing') }}/image/{{ isset($landing_page_images['about_us_image']) ? $landing_page_images['about_us_image'] : 'about_us_image.png' }}"
                        alt="Image" />
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 about-us-right-column">
                    <div class="about-us__right animate__animated animate__backInRight">
                        <h3>{{ translate('messages.about_us') }}</h3>
                        <h2>{{ isset($landing_page_text) ? $landing_page_text['about_title'] : '' }}</h2>
                        <p class="about-us-text">
                            {!! \Illuminate\Support\Str::limit(\App\CentralLogics\Helpers::get_settings('about_us'), 200) !!}
                        </p>
                        <a href="{{ route('about-us') }}"
                            class="btn btn-lg read-more mt-4">{{ translate('messages.read_more') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Our Features -->
    @php($feature = \App\Models\BusinessSetting::where(['key' => 'feature'])->first())
    @php($feature = isset($feature->value) ? json_decode($feature->value, true) : null)
    @if ($feature && count($feature) > 0)
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-sm-12 mb-5 stuning-feature">
                        <div class="service-left animate__animated animate__backInLeft">
                            <h2 class="section-heading">{{ isset($landing_page_text['feature_section_title']) ? $landing_page_text['feature_section_title'] :translate('messages.our_features') }}</h2>
                            <p class="stuning-p">
                                {{ isset($landing_page_text['feature_section_description']) ? $landing_page_text['feature_section_description'] : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ex odio,  turpis accumsan congue.' }}
                            </p>
                        </div>
                        @foreach ($feature as $feature_data)
                            <div class="d-flex align-items-center feature">
                                <div class="flex-shrink-0">
                                    <img class="img-fluid feature-image animate__animated animate__fadeInDown"
                                        src="{{ asset('public/assets/landing/') }}/image/{{ $feature_data['img'] }}"
                                        alt="Image" />
                                </div>
                                <div class="flex-grow-1 ms-3 feature-service">
                                    <h4>{{ $feature_data['title'] }}</h4>
                                    <p>
                                        {{ $feature_data['feature_description'] }}
                                    </p>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 about-us-left">
                        <img class="img-fluid stuning-image w-100"
                            src="{{ asset('public/assets/landing') }}/image/{{ isset($landing_page_images['feature_section_image']) ? $landing_page_images['feature_section_image'] : 'about_us_image.png' }}" alt="About us" />
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- Apps -->
    @if ($landing_page_links['app_url_android_status'] !== null || $landing_page_links['app_url_ios_status'] !== null)
        <section class="pt-lg-5 pb-lg-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 about-us-left">
                        <img class="img-fluid our-app-image w-100"
                            src="{{ asset('public/assets/landing') }}/image/{{ isset($landing_page_images['mobile_app_section_image']) ? $landing_page_images['mobile_app_section_image'] : 'our_app_image.png' }}" alt="Image" />
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 our-app-text-box">
                        <div class="about-us-right align-center">
                            <h3>{{ translate('messages.our_mobile_applications') }}</h3>
                            <h2>{{ isset($landing_page_text['mobile_app_section_heading']) ? $landing_page_text['mobile_app_section_heading'] : 'Mobile app section heading' }}
                            </h2>
                            <p class="about-text">
                                {{ isset($landing_page_text['mobile_app_section_text']) ? $landing_page_text['mobile_app_section_text'] : 'Mobile App Section Paragraph' }}
                            </p>
                            <div class="app-section-logo animate__animated animate__fadeInDown">
                                @if ($landing_page_links['app_url_android_status'])
                                    <a href="{{ $landing_page_links['app_url_android'] }}" target="_blank">
                                        <img class="img-fluid w-100"
                                            src="{{ asset('public/assets/landing') }}/image/playstore.png"
                                            alt="Play store" />
                                    </a>&nbsp;
                                @endif
                                @if ($landing_page_links['app_url_ios_status'])
                                    <a href="{{ $landing_page_links['app_url_ios'] }}" target="_blank">
                                        <img class="img-fluid apple-store w-100"
                                            src="{{ asset('public/assets/landing') }}/image/apple_store.png"
                                            alt="iOS App" />
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- Why Choose Us -->
    @php($speciality = \App\Models\BusinessSetting::where(['key' => 'speciality'])->first())
    @php($speciality = isset($speciality->value) ? json_decode($speciality->value, true) : null)
    @if (isset($speciality) && count($speciality) > 0)
        <section class="pt-lg-5 pb-lg-5">
            <div class="container why-choose-us">
                <div class="row text-center d-flex justify-content-center responsive-css">
                    <div class="col-md-12 col-lg-12 col-sm-12">
                        <h2 class="section-heading">
                            {{ isset($landing_page_text) ? $landing_page_text['why_choose_us'] : '' }}</h2>
                        <p class="why-choose-text">
                            {{ isset($landing_page_text) ? $landing_page_text['why_choose_us_title'] : '' }}</p>
                        <div class="main-heading-underline mx-auto"></div>
                    </div>
                    @foreach ($speciality as $sp)
                        <div class="col-md-4 col-sm-12 custom-card ">
                            <div class="card card-square shadow">
                                <img class="img-fluid mt-3"
                                    src="{{ asset('public/assets/landing') }}/image/{{ $sp['img'] }}" alt="Image" />
                                <div class="card-body my-card-body">
                                    <h4 class="box-card-heading">{{ $sp['title'] }}</h4>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    <section class="subscription">
        <div class="container">
            <div class="subscription">
                <div class="row d-flex justify-content-center text-center">
                    <div class="col-md-12 col-lg-12 col-sm-12">
                        <h2 class="news-letter-heading">{{ translate('messages.news_letter_signup') }}</h2>
                        <p class="news-letter-text">

                            {{ translate('messages.news_letter_signup_text') }}
                        </p>
                        <div class="news-heading-underline mx-auto"></div>
                    </div>
                    <div class="col-md-6">
                        <div class="search">
                            <form id="newsLetterForm" method="post" action="{{ route('newsletter.subscribe') }}">
                                @csrf
                                <input type="email" name="email" class="form-control newsletter--input"
                                    placeholder="Enter Valid Email" value="{{ old('email') }}" required> <br>
                                <button type="submit" class="btn btn-info subscribe-btn"><i
                                        class="fa-solid fa-chevron-right"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- Final testimonial --}}
    @php($testimonial = \App\Models\BusinessSetting::where(['key' => 'testimonial'])->first())
    @php($testimonial = isset($testimonial->value) ? json_decode($testimonial->value, true) : null)
    @if ($testimonial && count($testimonial) > 0)
        <section class="customer-testimonial">
            <div class="container">
                <div class="row text-center">
                    <div class="col-md-12 col-lg-12 col-sm-12">
                        <h2 class="section-heading client-review-mt">
                            {{ isset($landing_page_text) ? $landing_page_text['testimonial_title'] : '' }}
                        </h2>
                    </div>
                </div>
                <div class="row d-flex justify-content-center text-center">
                    <div class="owl-carousel mt-4 testimononial--slider">
                        @foreach ($testimonial as $data)
                            <div class="col owl-item">
                                <div class="testimonial">
                                    <div class="pic">
                                        <img src="{{ asset('public/assets/landing') }}/image/{{ $data['img'] }}"
                                            alt="Image">
                                    </div>
                                    <div class="testimonial-content">
                                        <h3 class="testimonial-title">
                                            {{ $data['name'] }}
                                            <small class="post">{{ $data['position'] }}</small>
                                        </h3>
                                        <p class="description">
                                            {{ $data['detail'] }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection
@push('script_2')
@endpush