@php
    $channel = core()->getCurrentChannel();
    $locale = core()->getRequestedLocaleCode();
@endphp

<!-- SEO Meta Content -->
@push ('meta')
    <meta name="title" content="{{ $channel->home_seo['meta_title'] ?? '' }}" />

    <meta name="description" content="{{ $channel->home_seo['meta_description'] ?? '' }}" />

    <meta name="keywords" content="{{ $channel->home_seo['meta_keywords'] ?? '' }}" />
@endPush

<x-shop::layouts>
    <!-- Page Title -->
    <x-slot:title>
        {{  $channel->home_seo['meta_title'] ?? '' }}
    </x-slot>
    {{-- @php
        $slider_images = $customizations->where('type', 'image_carousel')->first()->options['images'];
    @endphp --}}
    <!-- Loop over the theme customization -->
    @foreach ($customizations as $customization)
        @php ($data = $customization->options) @endphp
        <!-- Static content -->
        @switch ($customization->type)
            @case ($customization::IMAGE_CAROUSEL)
                @php
                    // Sorting
                    usort($data['images'], fn($a, $b) => (int)$a['sort_order'] <=> (int)$b['sort_order']);
                @endphp
                <!-- Image Carousel -->
                <x-shop::carousel :options="$data" aria-label="Image Carousel" />

                @break
            @case ($customization::STATIC_CONTENT)
                <!-- push style -->
                @if (! empty($data['css']))
                    @push ('styles')
                        <style>
                            {{ $data['css'] }}
                        </style>
                    @endpush
                @endif
                <!-- render html -->
                @if (! empty($data['html']))
                    {!! $data['html'] !!}
                @endif

                @break
            @case ($customization::CATEGORY_CAROUSEL)
                <!-- Categories carousel -->
                <x-shop::categories.carousel
                    :title="$data['title'] ?? ''"
                    :src="route('shop.api.categories.index', $data['filters'] ?? [])"
                    :navigation-link="route('shop.home.index')"
                    aria-label="Categories Carousel"
                />

                @break
            @case ($customization::PRODUCT_CAROUSEL)
                <!-- Product Carousel -->
                <x-shop::products.carousel
                    :title="$data['title'] ?? ''"
                    :src="route('shop.api.products.index', $data['filters'] ?? [])"
                    :navigation-link="route('shop.search.index', $data['filters'] ?? [])"
                    aria-label="Product Carousel"
                />

                @break
            @case ($customization::HERO_SECTION)
                {{-- @php
                    $herosection = app('Webkul\Theme\Models\HeroSection')->where('locale', $locale)->first();
                    // Sorting
                    usort($slider_images, fn($a, $b) => (int)$a['sort_order'] <=> (int)$b['sort_order']);
                    $data['images'] = $slider_images;
                    $data['herosection'] = $herosection;
                @endphp
                <!-- Image Carousel -->
                <x-shop::carousel :options="$data" aria-label="Image Carousel" /> --}}
                {{-- <x-shop::hero-section.hero :herosection="$herosection ?? null" :sliderimages="$slider_images ?? null" /> --}}

                @break
            @case ($customization::IMAGE_TEXT_SECTION)
                @php
                    $data = $customization->imageTextSections()->where('locale', $locale)->first();
                @endphp
                <x-shop::image-text.image-text :data="$data ?? null" />

                @break
        @endswitch
    @endforeach
</x-shop::layouts>