@extends('layouts.landing.app')
@php($business_name = \App\CentralLogics\Helpers::get_settings('business_name'))
@section('title', translate('messages.landing_page') . ' | ' . $business_name != 'null' ? $business_name : 'Sixam Mart')
@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)
    <!-- ==== Banner Section Starts Here ==== -->
    @php($logo = \App\Models\BusinessSetting::where(['key' => 'logo'])->first())
    <section class="banner-section position-relative">
        <div class="container">
            <div class="banner-content wow fadeInUp">
                <h1 class="title">{{ $landing_data['fixed_header_title'] }}</h1>
                <img class="w-100 onerror-image" data-onerror-image="{{ asset('public/assets/admin/img/160x160/img2.jpg') }}"
                    src="{{ \App\CentralLogics\Helpers::get_full_url('business', $logo?->value ?? '', $logo?->storage[0]?->value ?? 'public', 'favicon') }}"
                    alt="">
                <div class="text">
                    {{ $landing_data['fixed_header_sub_title'] }}
                </div>
            </div>
        </div>
        <div class="px-xl-5 d-flex justify-content-center text-base banner-svg-img">
            <img src="{{asset('public/assets/landing/img/main-banner.svg')}}" class="svg" alt="">
        </div>
    </section>
    <!-- ==== Banner Section Ends Here ==== -->

    <!-- ==== Ecommerce Venture Section Starts Here ==== -->
    <section class="ecommerce-venture-section">
        <div class="container max-w1060">
            <div class="section-header mb-30 wow fadeInUp">
                <h2 class="title">{{ $landing_data['fixed_module_title'] }}

                </h2>
                <p>
                    {{ $landing_data['fixed_module_sub_title'] }}
                </p>
            </div>
            <div class="nav--tabs-wrapper">
                @php($modules = \App\Models\Module::Active()->get())
                <div class="nav--tabs">
                    <div class="owl-theme owl-carousel" id="sync2">
                        @foreach ($modules as $key => $item)
                            <div class="item">
                                <img class="__img-50 onerror-image"
                                    data-onerror-image="{{ asset('public/assets/admin/img/100x100/2.png') }}"
                                    src="{{ $item['icon_full_url'] ?? asset('public/assets/admin/img/100x100/2.png') }}"
                                    alt="image">
                                <div class="txt d-block">{{ translate("messages.{$item->module_name}") }}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="owl-theme owl-carousel" id="sync1">
                @foreach ($modules as $key => $item)
                    <div class="row flex-wrap-reverse justify-content-center align-items-center">
                        <div class="col-lg-6 col-md-8">
                            <div class="venture-content mt-4 mt-lg-0">
                                <div class="venture-content-box">
                                    {!! $item->description ?? '' !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-8">
                            <div class="venture-img mx-1">
                                <img src="{{ $item['thumbnail_full_url'] ?? asset('public/assets/admin/img/100x100/2.png') }}"
                                    class="img-fluid onerror-image w-100 mw-450"
                                    data-onerror-image="{{ asset('public/assets/admin/img/100x100/2.png') }}"
                                    alt="image">
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- ==== Ecommerce Venture Section Ends Here ==== -->

    <!-- ==== Main Category Section Starts Here ==== -->
    @php($promotion_banner = $landing_data['promotional_banners'])
    @if ($promotion_banner && count($promotion_banner) > 0)
        <section class="main-category overflow-hidden pt-80 pb-80">
            <div class="container">
                <div class="overflow-hidden">
                    <div class="main-category-slider owl-theme owl-carousel">
                        @foreach ($promotion_banner as $item)
                            <div class="category-slide-item"
                                style="background: url({{ $item['image_full_url'] }}) no-repeat center center / cover">
                                <div>
                                    <h2 class="title">{{ $item['title'] ?? '' }}</h2>
                                    <div class="text">{{ $item['sub_title'] ?? '' }}</div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- ==== Main Category Section Ends Here ==== -->

    <!-- ==== Learn Feature Section Starts Here ==== -->
    <section class="learn-feature-section"
        style="background: url({{ asset('public/assets/landing/img/learn-feature-bg.svg') }}) no-repeat center center / cover">
        <div class="container position-relative">
            <div class="row gy-5 gx-0 gx-xl-4 align-items-center">
                <div class=" col-lg-6 pe-lg-5">
                    <div class="learn-feature-content wow fadeInUp">
                        <div class="section-header text-start mb-0">
                            <h2 class="title">
                                {{ $landing_data['feature_title'] }}

                            </h2>
                            <div class="text">
                                {{ $landing_data['feature_short_description'] }}
                            </div>
                        </div>
                    </div>
                </div>
                @php($feature = $landing_data['features'])