@props(['events' => []])
@php
    $currentPath = request()->path();
    $segments = explode('/', $currentPath);
    $slug = end($segments);
    $ubicacion = empty($slug) ? env('APP_PAIS', 'eventos') : $slug;

    // Definir si la pestaña 'Todos' está activa
    $isTodosActive = $slug === env('APP_PAIS', 'eventos') || empty($slug);

    // Crear un array que incluya 'Todos' y todos los artistas
    $tabs = collect([
        [
            'name' => 'Todos',
            'slug' => null,
            'route' => route('home.todos'),
        ],
    ])->merge(
        collect($events['artistas'])->map(function ($festividad) use ($ubicacion) {
            return [
                'name' => ucfirst(strtolower($festividad['name'])),
                'slug' => $festividad['slug'],
                'route' => route('detalle-highlight', [
                    'ubicacion' => $ubicacion,
                    'slug_highlight' => $festividad['slug'],
                ]),
            ];
        }),
    );
@endphp
<div class="container">
    <div x-data="{
        scrollContainer: null,
        showButtons: false,
        moveScrollLeft() {
            if (this.scrollContainer) {
                this.scrollContainer.scrollBy({
                    left: -200,
                    behavior: 'smooth'
                });
            }
        },
        moveScrollRight() {
            if (this.scrollContainer) {
                this.scrollContainer.scrollBy({
                    left: 200,
                    behavior: 'smooth'
                });
            }
        },
        hasScroll() {
            this.showButtons = this.scrollContainer.scrollWidth > this.scrollContainer.clientWidth;
        },
        init() {
            this.scrollContainer = this.$refs.scrollContainer;
            this.hasScroll();
    
            window.addEventListener('resize', () => {
                this.$nextTick(() => {
                    this.hasScroll();
                });
            });
        }
    }" class="relative group">
        <button type="button" x-show="showButtons"
            class="btn absolute opacity-0 group-hover:opacity-100 focus:opacity-100 right-full -translate-y-1/2 top-1/2 mr-2.5 p-0 size-7 rounded-full border-2 border-neutral-100 bg-white/20 text-neutral-600 focus:ring-2 focus:ring-neutral-600 focus:ring-offset-1 max-md:hidden"
            x-on:click="moveScrollLeft">
            <x-icon name="chevron-left" class="size-4 shrink-0" />
            <span class="sr-only">Mover a la izquierda</span>
        </button>
        <div x-ref="scrollContainer" x-init="init()"
            class="flex items-center gap-1 overflow-x-auto w-full no-scrollbar overscroll-contain"
            x-data="{ activeTab: '{{ empty($slug) ? 'todos' : $slug }}' }">
            @foreach ($tabs as $tab)
                <button type="button" @click="activeTab = '{{ $tab['slug'] }}'"
                    :class="(activeTab === '{{ $tab['slug'] }}') ?
                    'bg-secondary-blue-500 text-neutral-50 focus:bg-secondary-blue-500 focus:text-neutral-50' :
                    'text-neutral-500 bg-transparent hover:bg-secondary-blue-100/50 focus:bg-secondary-blue-500 focus:text-neutral-50'"
                    class="cursor-pointer whitespace-nowrap text-xs md:text-body font-semibold inline-flex items-center justify-center rounded-t-lg p-2 md:p-3 transition-colors duration-200">
                    {{ $tab['name'] }}
                </button>
            @endforeach
        </div>
        <button type="button" x-show="showButtons"
            class="btn absolute opacity-0 group-hover:opacity-100 focus:opacity-100 left-full -translate-y-1/2 top-1/2 ml-2.5 p-0 size-7 rounded-full border-2 border-neutral-100 bg-white/20 text-neutral-600 focus:ring-2 focus:ring-neutral-600 focus:ring-offset-1 max-md:hidden"
            x-on:click="moveScrollRight">
            <x-icon name="chevron-right" class="size-4 shrink-0" />
            <span class="sr-only">Mover a la derecha</span>
        </button>
    </div>
</div>


{{-- <section class="bg-neutral-50">
    <div class="container py-6 md:py-12 space-y-4 md:space-y-8">
        <section class="space-y-4 md:space-y-8">
            <header class="flex items-center gap-3">
                <h2 class="text-body md:text-heading-h4 font-bold shrink-0">Eventos</h2>
            </header>
            <section class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-2 gap-y-4 md:gap-x-7 md:gap-y-3">
                @foreach (array_slice($events['proximos']['data'], 0, 8) as $event)
                    <div class="eventsDataContainer event-item mostrarValor">
                        <x-card class="space-y-3">
                            <div class="relative">
                                <a href="{{ route('detalle-evento', [
                                    'ubicacion' => $ubicacion,
                                    'slug_categoria' => $event['product_categorie']['category']['slug'],
                                    'slug' => $event['slug'],
                                ]) }}"
                                    class="group block relative z-1">
                                    <div
                                        class="absolute rounded-sm inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100">
                                        <div role="button" class="btn btn-sm btn-primary">
                                            <svg class="size-6">
                                                <use xlink:href="{{ asset('/assets/sprite.svg#ticket') }}" />
                                            </svg>
                                            Comprar
                                        </div>
                                    </div>
                                    <picture>
                                        @php
                                            $super_img_url =
                                                env('CDN_URL') .
                                                '/public/products/' .
                                                $event['id'] .
                                                '/' .
                                                $event['poster'];
                                            $poster_url =
                                                env('CDN_URL') .
                                                '/public/products/' .
                                                $event['id'] .
                                                '/' .
                                                $event['poster'];
                                        @endphp
                                        <source media="(min-width: 1020px)"
                                            srcset="{{ !empty($event['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}">
                                        <source media="(max-width: 1021px)"
                                            srcset="{{ !empty($event['poster']) ? e($poster_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault.jpg' }}">
                                        <img class="w-full aspect-square rounded-sm"
                                            src="{{ !empty($event['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}"
                                            alt="{{ $event['title_small'] }}" loading="lazy" decoding="async">
                                    </picture>
                                </a>
                                <x-favoritos-boton :event="$event" :favoritos="$events['userFavorites']"
                                    class="z-10 relative pointer-events-auto" />
                            </div>
                            <div class="space-y-2">
                                <div class="flex flex-wrap items-center gap-2">
                                    <div
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full">
                                        <svg class="size-4">
                                            <use xlink:href="{{ asset('/assets/sprite.svg#calendar') }}" />
                                        </svg>
                                        {{ \Carbon\Carbon::parse($event['fecha_evento'])->format('d/m/Y') }} •
                                        {{ \Carbon\Carbon::parse($event['hora_evento'])->format('g:i A') }}
                                    </div>
                                    <div aria-label="Categoría: {{ $event['product_categorie']['category']['name'] }}"
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">
                                        {{ $event['product_categorie']['category']['name'] }}
                                    </div>
                                </div>
                                <header class="flex flex-col gap-1.5">
                                    <h2 class="text-neutral-500 text-body font-bold line-clamp-1">
                                        {{ $event['title_small'] }}
                                    </h2>
                                    <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">
                                        {{ $event['address'] }}</p>
                                    <p class="text-neutral-500 text-subtitle font-medium">Desde
                                        S/{{ number_format($event['price_partner'], 2) }}</p>
                                </header>
                            </div>
                        </x-card>
                    </div>
                @endforeach
            </section>
        </section> --}}
{{-- Home Group --}}
{{-- <section class="space-y-4 md:space-y-8">
            @foreach ($events['homeGroups'] as $event)
                @if ($event['id'] == 1 || ($event['id'] != 1 && $event['products'] && count($event['products']) > 0))
                    <header class="flex items-center gap-3">
                        <h2 class="text-body md:text-heading-h4 font-bold shrink-0 lowercase first-letter:uppercase">
                            {{ $event['title'] }}</h2>
                    </header>
                    @if ($event['id'] == 1 && $events['destacados'] && count($events['destacados']) > 0)
                        <section
                            class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-2 gap-y-4 md:gap-x-7 md:gap-y-3">
                            @foreach ($events['destacados']['data'] as $destacados)
                                <div class="eventsDataContainer event-item mostrarValor">
                                    <x-card class="space-y-3">
                                        <div class="relative">
                                            <a href="{{ route('detalle-evento', [
                                                'ubicacion' => $ubicacion,
                                                'slug_categoria' => $destacados['product_categorie']['category']['slug'],
                                                'slug' => $destacados['slug'],
                                            ]) }}"
                                                class="group block relative z-1">
                                                <div
                                                    class="absolute rounded-sm inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100">
                                                    <div role="button" class="btn btn-sm btn-primary">
                                                        <svg class="size-6">
                                                            <use
                                                                xlink:href="{{ asset('/assets/sprite.svg#ticket') }}" />
                                                        </svg>
                                                        Comprar
                                                    </div>
                                                </div>
                                                <picture>
                                                    @php
                                                        $super_img_url =
                                                            env('CDN_URL') .
                                                            '/public/products/' .
                                                            $destacados['id'] .
                                                            '/' .
                                                            $destacados['poster'];
                                                        $poster_url =
                                                            env('CDN_URL') .
                                                            '/public/destacadoss/' .
                                                            $destacados['id'] .
                                                            '/' .
                                                            $destacados['poster'];
                                                    @endphp
                                                    <source media="(min-width: 1020px)"
                                                        srcset="{{ !empty($destacados['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}">
                                                    <source media="(max-width: 1021px)"
                                                        srcset="{{ !empty($destacados['poster']) ? e($poster_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault.jpg' }}">
                                                    <img class="w-full aspect-square rounded-sm"
                                                        src="{{ !empty($destacados['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}"
                                                        alt="{{ $destacados['title_small'] }}" loading="lazy"
                                                        decoding="async">
                                                </picture>
                                            </a>
                                            <x-favoritos-boton :event="$destacados" :favoritos="$events['userFavorites']"
                                                class="z-10 relative pointer-events-auto" />
                                        </div>
                                        <div class="space-y-2">
                                            <div class="flex flex-wrap items-center gap-2">
                                                <div
                                                    class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full">
                                                    <svg class="size-4">
                                                        <use xlink:href="{{ asset('/assets/sprite.svg#calendar') }}" />
                                                    </svg>
                                                    {{ \Carbon\Carbon::parse($destacados['fecha_evento'])->format('d/m/Y') }}
                                                    •
                                                    {{ \Carbon\Carbon::parse($destacados['hora_evento'])->format('g:i A') }}
                                                </div>
                                                <div aria-label="Categoría: {{ $destacados['product_categorie']['category']['name'] }}"
                                                    class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">
                                                    {{ $destacados['product_categorie']['category']['name'] }}
                                                </div>
                                            </div>
                                            <header class="flex flex-col gap-1.5">
                                                <h2 class="text-neutral-500 text-body font-bold line-clamp-1">
                                                    {{ $destacados['title_small'] }}
                                                </h2>

                                                <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">
                                                    {{ $destacados['address'] }}</p>
                                                <p class="text-neutral-500 text-subtitle font-medium">Desde
                                                    S/{{ number_format($destacados['price_partner'], 2) }}</p>
                                            </header>
                                        </div>
                                    </x-card>
                                </div>
                            @endforeach
                        </section>
                    @else
                        <section
                            class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-2 gap-y-4 md:gap-x-7 md:gap-y-3">
                            @foreach ($event['products'] as $product)
                                <div class="eventsDataContainer event-item mostrarValor">
                                    <x-card class="space-y-3">
                                        <div class="relative">
                                            <a href="{{ route('detalle-evento', [
                                                'ubicacion' => $ubicacion,
                                                'slug_categoria' => $product['product_categorie']['category']['slug'],
                                                'slug' => $product['slug'],
                                            ]) }}"
                                                class="group block relative z-1">
                                                <div
                                                    class="absolute rounded-sm inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100">
                                                    <div role="button" class="btn btn-sm btn-primary">
                                                        <svg class="size-6">
                                                            <use
                                                                xlink:href="{{ asset('/assets/sprite.svg#ticket') }}" />
                                                        </svg>
                                                        Comprar
                                                    </div>
                                                </div>
                                                <picture>
                                                    @php
                                                        $super_img_url =
                                                            env('CDN_URL') .
                                                            '/public/products/' .
                                                            $product['id'] .
                                                            '/' .
                                                            $product['poster'];
                                                        $poster_url =
                                                            env('CDN_URL') .
                                                            '/public/products/' .
                                                            $product['id'] .
                                                            '/' .
                                                            $product['poster'];
                                                    @endphp
                                                    <source media="(min-width: 1020px)"
                                                        srcset="{{ !empty($product['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}">
                                                    <source media="(max-width: 1021px)"
                                                        srcset="{{ !empty($product['poster']) ? e($poster_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault.jpg' }}">
                                                    <img class="w-full aspect-square rounded-sm"
                                                        src="{{ !empty($product['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}"
                                                        alt="{{ $product['title_small'] }}" loading="lazy"
                                                        decoding="async">
                                                </picture>
                                            </a>
                                            <x-favoritos-boton :event="$product" :favoritos="$events['userFavorites']"
                                                class="z-10 relative pointer-events-auto" />
                                        </div>
                                        <div class="space-y-2">
                                            <div class="flex flex-wrap items-center gap-2">
                                                <div
                                                    class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full">
                                                    <svg class="size-4">
                                                        <use
                                                            xlink:href="{{ asset('/assets/sprite.svg#calendar') }}" />
                                                    </svg>
                                                    {{ \Carbon\Carbon::parse($product['fecha_evento'])->format('d/m/Y') }}
                                                    •
                                                    {{ \Carbon\Carbon::parse($product['hora_evento'])->format('g:i A') }}
                                                </div>
                                                <div aria-label="Categoría: {{ $product['product_categorie']['category']['name'] }}"
                                                    class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">
                                                    {{ $product['product_categorie']['category']['name'] }}
                                                </div>
                                            </div>
                                            <header class="flex flex-col gap-1.5">
                                                <h2 class="text-neutral-500 text-body font-bold line-clamp-1">
                                                    {{ $product['title_small'] }}
                                                </h2>
                                                <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">
                                                    {{ $product['address'] }}</p>
                                                <p class="text-neutral-500 text-subtitle font-medium">Desde
                                                    S/{{ number_format($product['price_partner'], 2) }}</p>
                                            </header>
                                        </div>
                                    </x-card>
                                </div>
                            @endforeach
                        </section>
                    @endif
                @endif
            @endforeach
        </section>
        <section class="space-y-4 md:space-y-8">
            <header class="flex items-center gap-3">
                <h2 class="text-body md:text-heading-h4 font-bold shrink-0">Próximos eventos</h2>
            </header>
            <section class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-2 gap-y-4 md:gap-x-7 md:gap-y-3">
                @foreach (array_slice($events['destacados']['data'], 0, 4) as $event)
                    <div class="eventsDataContainer event-item mostrarValor">
                        <x-card class="space-y-3">
                            <div class="relative">
                                <a href="{{ route('detalle-evento', [
                                    'ubicacion' => $ubicacion,
                                    'slug_categoria' => $event['product_categorie']['category']['slug'],
                                    'slug' => $event['slug'],
                                ]) }}"
                                    class="group block relative z-1">
                                    <div
                                        class="absolute rounded-sm inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100">
                                        <div role="button" class="btn btn-sm btn-primary">
                                            <svg class="size-6">
                                                <use xlink:href="{{ asset('/assets/sprite.svg#ticket') }}" />
                                            </svg>
                                            Comprar
                                        </div>
                                    </div>
                                    <picture>
                                        @php
                                            $super_img_url =
                                                env('CDN_URL') .
                                                '/public/products/' .
                                                $event['id'] .
                                                '/' .
                                                $event['poster'];
                                            $poster_url =
                                                env('CDN_URL') .
                                                '/public/products/' .
                                                $event['id'] .
                                                '/' .
                                                $event['poster'];
                                        @endphp
                                        <source media="(min-width: 1020px)"
                                            srcset="{{ !empty($event['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}">
                                        <source media="(max-width: 1021px)"
                                            srcset="{{ !empty($event['poster']) ? e($poster_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault.jpg' }}">
                                        <img class="w-full aspect-square rounded-sm"
                                            src="{{ !empty($event['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}"
                                            alt="{{ $event['title_small'] }}" loading="lazy" decoding="async">
                                    </picture>
                                </a>
                                <x-favoritos-boton :event="$event" :favoritos="$events['userFavorites']"
                                    class="z-10 relative pointer-events-auto" />
                            </div>
                            <div class="space-y-2">
                                <div class="flex flex-wrap items-center gap-2">
                                    <div
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full">
                                        <svg class="size-4">
                                            <use xlink:href="{{ asset('/assets/sprite.svg#calendar') }}" />
                                        </svg>
                                        {{ \Carbon\Carbon::parse($event['fecha_evento'])->format('d/m/Y') }} •
                                        {{ \Carbon\Carbon::parse($event['hora_evento'])->format('g:i A') }}
                                    </div>
                                    <div aria-label="Categoría: {{ $event['product_categorie']['category']['name'] }}"
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">
                                        {{ $event['product_categorie']['category']['name'] }}
                                    </div>
                                </div>
                                <header class="flex flex-col gap-1.5">
                                    <h2 class="text-neutral-500 text-body font-bold line-clamp-1">
                                        {{ $event['title_small'] }}
                                    </h2>
                                    <p class="text-neutral-300 text-subtitle font-medium line-clamp-1">
                                        {{ $event['address'] }}</p>
                                    <p class="text-neutral-500 text-subtitle font-medium">Desde
                                        S/{{ number_format($event['price_partner'], 2) }}</p>
                                </header>
                            </div>
                        </x-card>
                    </div>
                @endforeach
            </section>
        </section>
        <section class="space-y-4 md:space-y-8">
            <header class="flex items-center gap-3">
                <h2 class="text-body md:text-heading-h4 font-bold shrink-0">Otros eventos</h2>
            </header>
            <section class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-2 gap-y-4 md:gap-x-7 md:gap-y-3">
                @foreach (array_slice($events['more_events'], 0, 4) as $event)
                    <div class="eventsDataContainer event-item mostrarValor">
                        <x-card class="space-y-3">
                            <div class="relative">
                                <a href="{{ route('detalle-evento', [
                                    'ubicacion' => $ubicacion,
                                    'slug_categoria' => $event['product_categorie']['category']['slug'],
                                    'slug' => $event['slug'],
                                ]) }}"
                                    class="group block relative z-1">
                                    <div
                                        class="absolute rounded-sm inset-0 flex items-center justify-center bg-primary-100/50 opacity-0 transition-opacity duration-200 group-hover:opacity-100">
                                        <div role="button" class="btn btn-sm btn-primary">
                                            <svg class="size-6">
                                                <use xlink:href="{{ asset('/assets/sprite.svg#ticket') }}" />
                                            </svg>
                                            Comprar
                                        </div>
                                    </div>
                                    <picture>
                                        @php
                                            $super_img_url =
                                                env('CDN_URL') .
                                                '/public/products/' .
                                                $event['id'] .
                                                '/' .
                                                $event['poster'];
                                            $poster_url =
                                                env('CDN_URL') .
                                                '/public/products/' .
                                                $event['id'] .
                                                '/' .
                                                $event['poster'];
                                        @endphp
                                        <source media="(min-width: 1020px)"
                                            srcset="{{ !empty($event['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}">
                                        <source media="(max-width: 1021px)"
                                            srcset="{{ !empty($event['poster']) ? e($poster_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault.jpg' }}">
                                        <img class="w-full aspect-square rounded-sm"
                                            src="{{ !empty($event['poster']) ? e($super_img_url) : env('VITE_CDN_URL')  .  '/assets' . '/default/imageDefault2.jpg' }}"
                                            alt="{{ $event['title_small'] }}" loading="lazy" decoding="async">
                                    </picture>
                                </a>
                                <x-favoritos-boton :event="$event" :favoritos="$events['userFavorites']"
                                    class="z-10 relative pointer-events-auto" />
                            </div>
                            <div class="space-y-2">
                                <div class="flex flex-wrap items-center gap-2">
                                    <div
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap tabular-nums text-caption leading-none font-medium px-1 py-0.5 text-primary-200 bg-primary-50 rounded-full">
                                        <svg class="size-4">
                                            <use xlink:href="{{ asset('/assets/sprite.svg#calendar') }}" />
                                        </svg>
                                        {{ \Carbon\Carbon::parse($event['fecha_evento'])->format('d/m/Y') }} •
                                        {{ \Carbon\Carbon::parse($event['hora_evento'])->format('g:i A') }}
                                    </div>
                                    <div aria-label="Categoría: {{ $event['product_categorie']['category']['name'] }}"
                                        class="inline-flex items-center gap-x-1 whitespace-nowrap ring ring-neutral-100 text-caption leading-none font-medium px-1 py-0.5 text-neutral-400 bg-transparent rounded-full">
                                        {{ $event['product_categorie']['category']['name'] }}
                                    </div>
                                </div>
                                <header class="flex flex-col gap-1.5">
                                    <h2 class="text-neutral-500 text-body font-bold line-clamp-1">
                                        {{ $event['title_small'] }}
                                    </h2>
                                    <p class="text-neutral-300 text-subtitle font-medium">{{ $event['address'] }}</p>
                                    <p class="text-neutral-500 text-subtitle font-medium">Desde
                                        S/{{ number_format($event['price_partner'], 2) }}</p>
                                </header>
                            </div>
                        </x-card>
                    </div>
                @endforeach
            </section>
        </section> --}}
{{-- </div>
</section> --}}