@php
    $channel = core()->getCurrentChannel();
@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>
    <x-slot:title>
        {{  $channel->home_seo['meta_title'] ?? '' }}
    </x-slot>
    
    <!-- Loop over the theme customization -->
    @foreach ($customizations as $customization)
        @php
            ($data = $customization->options)
        @endphp

        <!-- Static content -->
        @switch ($customization->type)
            @case ($customization::IMAGE_CAROUSEL)
                <!-- Image Carousel -->
                @minify
                <x-shop::carousel :options="$data" />
                @endminify

                @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']))
                    @minify
                    {!! $data['html'] !!}
                    @endminify
                @endif

                @break
            
            @case ($customization::PRODUCT_CAROUSEL)
                @php
                    $data["filters"]["limit"] = 15;
                @endphp
                <!-- Product Carousel -->
                @minify
                <x-shop::products.carousel
                    :title="$data['title'] ?? ''"
                    :src="route('shop.api.products.index', $data['filters'] ?? [])"
                    :navigation-link="route('shop.search.index', $data['filters'] ?? [])"
                />
                @endminify
                @break
        @endswitch
    @endforeach

    @if(isset($categoriesCarouselHome) && count($categoriesCarouselHome) > 0)
        @php
            $filters = [
                //"limit" => core()->getConfigData('catalog.products.storefront.products_per_page'),
                "limit" => 10,
                "fromList" => "home",
                "sort" => ""
            ];
        @endphp
        @foreach($categoriesCarouselHome as $key => $value)
        @php
            $categoryId = $value['id']?? '';
            $categoryName = $value['name'] ?? '';
            $categoryRoute = route('shop.api.products.index', $filters?? []);
            $categoryLinkSearch = route('shop.search.index', ['category_id' => $value['id']]);
        @endphp
        @minify
        <x-shop::products.carousel
            :title="$categoryName"
            :src="$categoryRoute"
            :navigation-link="$categoryLinkSearch"
            :category-parent="$categoryId"
        />
        @endminify
        @endforeach
    @endif

    @foreach ($customizations as $customization)
        @php
            ($data = $customization->options)
        @endphp
        <!-- Static content -->
        @switch ($customization->type)
            @case ($customization::CATEGORY_CAROUSEL)
                <!-- Categories carousel -->
                @minify
                <div class="mt-14 max-lg:px-8 max-sm:mt-8 listCategoriesHome">
                    <x-shop::categories.list
                        :title="'Nuestras Categorías'"
                        :src="route('shop.api.categories.index', $data['filters'] ?? [])"
                        :navigation-link="route('shop.home.index')"
                    />
                </div>
                
                @endminify
                @break
        @endswitch
    @endforeach
</x-shop::layouts>