@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

@pushOnce('styles')
    <style>
        @media(max-width:800px) {
            .container {
                padding-left: 20px;
                padding-right: 20px;
            }
        }
    </style>
@endpushOnce
<x-shop::layouts>
    {{-- Page Title --}}
    <x-slot:title>
        {{ $channel->home_seo['meta_title'] ?? '' }}
    </x-slot>


    @foreach ($customizations as $customization)
        @php($data = $customization->options)

        {{-- Static content --}}
        @switch ($customization->type)
            {{-- Image Carousel --}}
            @case ($customization::IMAGE_CAROUSEL)
                    <x-shop::glanum.carousel.hero :options="$data"></x-shop::glanum.carousel.hero>
            @break

            {{-- @case ($customization::STATIC_CONTENT) --}}
            {{-- push style --}}
            {{-- @push('styles')
                    <style>
                        {{ $data['css'] }}
                    </style>
                @endpush --}}

            {{-- render html --}}
            {{-- {!! $data['html'] !!} --}}
            {{-- @break --}}

            @case ($customization::CATEGORY_CAROUSEL)
                <x-shop::glanum.categories.wrapper
                    :title="$data['title'] ?? 'Les catégories à découvrir'"
                    :src="route('shop.api.categories.index', $data['filters'] ?? [])"
                    :navigation-link="route('shop.home.index')"
                ></x-shop::glanum.categories.wrapper>
             @break

             @case ($customization::PRODUCT_CAROUSEL)
                    <x-shop::glanum.carousel.products
                        title="Nos meilleures ventes"
                        :title="$data['title'] ?? ''"
                        :src="route('shop.api.products.index', $data['filters'] ?? [])"
                        :navigation-link="route('shop.home.index')"
                    ></x-shop::glanum.carousel.products>
             @break
        @endswitch
    @endforeach
    {{-- Loop over the theme customization --}}

    <div class="container cards-gifts">
        <div class="header-section">
            <div class="title">Les idées cadeaux</div>
        </div>
        <div class="cards-gifts-wrapper">
            <x-shop::glanum.cards.card-gift :title="'A la recherche d&#8217;un cadeau ?'" :subtitle="'Découvrez notre sélection !'" image="{{bagisto_asset('images/glanum/img-gift-1.png') }}"
                :button="'Découvrir'"></x-shop::glanum.cards.card-gift>
            <x-shop::glanum.cards.card-gift :title="'En panne d&#8217;inspiration ?'" :subtitle="'Offrez une carte cadeau !'" image="{{bagisto_asset('images/glanum/img-gift-2.png') }}"
                :button="'En savoir plus'"></x-shop::glanum.cards.card-gift>
        </div>
    </div>
    <div class="container accordion-section">
        <x-shop::glanum.accordion></x-shop::glanum.accordion>
    </div>
    <x-shop::glanum.cat></x-shop::glanum.cat>

    <div class="container reinsurrance-container">
        <x-shop::glanum.reinssurance></x-shop::glanum.reinssurance>
    </div>






</x-shop::layouts>