<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title><?php echo e($company->name); ?> — AsignaPro</title>
    <meta name="description" content="<?php echo e($company->description ?: 'Reserva tus citas en '.$company->name.' de forma rápida y sencilla.'); ?>">
    <?php if (isset($component)) { $__componentOriginalc48b91435247d616b15f15e5e62caf59 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalc48b91435247d616b15f15e5e62caf59 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.pwa-meta','data' => ['themeColor' => $company->primary_color]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('pwa-meta'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['theme-color' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($company->primary_color)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalc48b91435247d616b15f15e5e62caf59)): ?>
<?php $attributes = $__attributesOriginalc48b91435247d616b15f15e5e62caf59; ?>
<?php unset($__attributesOriginalc48b91435247d616b15f15e5e62caf59); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc48b91435247d616b15f15e5e62caf59)): ?>
<?php $component = $__componentOriginalc48b91435247d616b15f15e5e62caf59; ?>
<?php unset($__componentOriginalc48b91435247d616b15f15e5e62caf59); ?>
<?php endif; ?>
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    <?php echo \Livewire\Mechanisms\FrontendAssets\FrontendAssets::styles(); ?>

    <style>
        /* Native-feel tap on all interactive elements */
        * { -webkit-tap-highlight-color: transparent; }
        html { scroll-behavior: smooth; }
        /* Safe area support */
        .safe-pb { padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
        /* Custom scrollbar for date/service strips */
        .snap-strip { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
        .snap-strip > * { scroll-snap-align: start; }
        /* Horizontal scrollbar hidden */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .public-shell { width: min(100%, 72rem); }
        @media (min-width: 768px) { .public-shell { width: min(calc(100vw - 2rem), 78rem); } }
        @media (min-width: 1280px) { .public-shell { width: min(calc(100vw - 4rem), 90rem); } }
    </style>
</head>
<body class="bg-slate-100 font-sans antialiased">

<?php
    $heroImage = $company->coverUrl() ?: $gallery->first()?->imageUrl() ?: $services->first(fn ($s) => $s->imageUrl())?->imageUrl();
    $featuredService = $services->first();
    $address = collect([$company->address, $company->city])->filter()->join(', ');
    $promotionForService = fn ($svc) => $featuredPromotions->first(fn ($p) => $p->appliesToService($svc->id));
?>


<div class="public-shell mx-auto min-h-screen bg-white md:my-8 md:overflow-hidden md:rounded-[2rem] md:shadow-[0_32px_80px_rgba(15,23,42,0.12)]">

    
    <header>
        
        <div class="relative z-10 flex items-center justify-between gap-3 px-4 py-4 md:px-6">
            
            <div class="flex min-w-0 items-center gap-3">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($company->logoUrl()): ?>
                    <div class="flex h-11 w-11 shrink-0 items-center justify-center overflow-hidden rounded-2xl bg-white shadow-md ring-1 ring-white/60">
                        <img src="<?php echo e($company->logoUrl()); ?>" alt="<?php echo e($company->name); ?>" class="h-full w-full object-contain p-1.5">
                    </div>
                <?php else: ?>
                    <div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl text-lg font-black text-white shadow-md"
                         style="background:<?php echo e($company->primary_color); ?>;">
                        <?php echo e(strtoupper(substr($company->name, 0, 1))); ?>

                    </div>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                <div class="min-w-0">
                    <p class="truncate text-base font-black text-slate-950 md:text-lg"><?php echo e($company->name); ?></p>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($address || $company->phone): ?>
                        <p class="truncate text-[11px] font-medium text-slate-500">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($address): ?><?php echo e($address); ?><?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($address && $company->phone): ?> &middot; <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($company->phone): ?><?php echo e($company->phone); ?><?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </p>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </div>
            </div>

            
            <div class="flex shrink-0 items-center gap-2">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($company->whatsapp): ?>
                    <a href="https://wa.me/<?php echo e(preg_replace('/\D/', '', $company->whatsapp)); ?>"
                       target="_blank" rel="noopener"
                       class="flex h-10 w-10 items-center justify-center rounded-full bg-[#25D366] text-white shadow-md transition hover:bg-[#22c55e] active:scale-95"
                       aria-label="WhatsApp">
                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 00-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
                        </svg>
                    </a>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                <a href="#reservar"
                   class="hidden rounded-full px-5 py-2.5 text-sm font-black text-white shadow-md transition hover:opacity-90 active:scale-95 md:inline-flex"
                   style="background:<?php echo e($company->primary_color); ?>;">
                    Reservar
                </a>
            </div>
        </div>

        
        <div class="mx-4 overflow-hidden rounded-[1.5rem] bg-slate-900 shadow-xl md:mx-6 md:rounded-[1.75rem]">
            <div class="relative min-h-[13rem] md:min-h-[20rem]">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($heroImage): ?>
                    <img src="<?php echo e($heroImage); ?>" alt="<?php echo e($company->name); ?>"
                         class="absolute inset-0 h-full w-full object-cover opacity-80">
                <?php else: ?>
                    <div class="absolute inset-0" style="background:linear-gradient(135deg,<?php echo e($company->primary_color); ?>,<?php echo e($company->secondary_color); ?>);"></div>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                <div class="absolute inset-0 bg-gradient-to-t from-slate-950/80 via-slate-950/30 to-transparent"></div>
                <div class="relative flex min-h-[13rem] flex-col justify-end p-5 text-white md:min-h-[20rem] md:p-7">
                    <span class="mb-3 inline-flex w-fit items-center gap-1.5 rounded-full bg-white/15 px-3 py-1 text-xs font-bold backdrop-blur-sm">
                        <span class="h-1.5 w-1.5 rounded-full bg-emerald-400"></span>
                        Reserva online disponible
                    </span>
                    <h1 class="text-2xl font-black leading-tight md:text-4xl">
                        <?php echo e($company->description ?: 'Agenda fácil, rápida y desde cualquier lugar'); ?>

                    </h1>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($featuredService): ?>
                        <div class="mt-4 flex flex-wrap items-center gap-2 text-sm">
                            <span class="rounded-full bg-white/15 px-3 py-1 font-bold backdrop-blur-sm"><?php echo e($featuredService->name); ?></span>
                            <span class="rounded-full bg-white/10 px-3 py-1 backdrop-blur-sm"><?php echo e($featuredService->duration_minutes); ?> min</span>
                            <span class="rounded-full bg-white/15 px-3 py-1 font-black backdrop-blur-sm">
                                $&nbsp;<?php echo e(number_format($featuredService->price, 0, ',', '.')); ?>

                            </span>
                        </div>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </div>
            </div>
        </div>

        <div class="mt-4 flex justify-center gap-1.5 pb-2">
            <span class="h-2 w-5 rounded-full" style="background:<?php echo e($company->primary_color); ?>;"></span>
            <span class="h-2 w-2 rounded-full bg-slate-200"></span>
            <span class="h-2 w-2 rounded-full bg-slate-200"></span>
        </div>
    </header>

    
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($featuredPromotions->isNotEmpty()): ?>
        <section class="px-4 pt-8 md:px-6">
            <div class="mb-4 flex items-end justify-between gap-4">
                <div>
                    <p class="text-[11px] font-black uppercase tracking-widest" style="color:<?php echo e($company->primary_color); ?>;">Promociones</p>
                    <h2 class="text-xl font-black text-slate-950">Ofertas destacadas</h2>
                </div>
                <a href="#reservar" class="rounded-full px-4 py-2 text-xs font-black text-white transition hover:opacity-90 active:scale-95"
                   style="background:<?php echo e($company->primary_color); ?>;">
                    Reservar
                </a>
            </div>
            <div class="snap-strip no-scrollbar flex gap-3 overflow-x-auto pb-2 md:grid md:grid-cols-2 md:overflow-visible xl:grid-cols-3">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $featuredPromotions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $promo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <a href="#reservar"
                       class="group w-72 shrink-0 snap-start overflow-hidden rounded-[1.25rem] text-white shadow-lg transition hover:-translate-y-0.5 hover:shadow-xl active:scale-[0.98] md:w-auto">
                        <div class="relative min-h-36 p-5">
                            <div class="absolute inset-0" style="background:linear-gradient(135deg,<?php echo e($company->primary_color); ?>,<?php echo e($company->secondary_color); ?>);"></div>
                            <div class="absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(255,255,255,0.22),transparent_40%)]"></div>
                            <div class="relative">
                                <span class="inline-flex rounded-full bg-white/20 px-3 py-1 text-xs font-black backdrop-blur-sm"><?php echo e($promo->discountLabel()); ?></span>
                                <h3 class="mt-3 text-lg font-black leading-tight"><?php echo e($promo->name); ?></h3>
                                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($promo->description): ?>
                                    <p class="mt-1.5 line-clamp-2 text-sm text-white/80"><?php echo e($promo->description); ?></p>
                                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                <p class="mt-4 text-sm font-bold text-white/90">Ver servicios →</p>
                            </div>
                        </div>
                    </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
        </section>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    
    <section class="px-4 pt-8 md:px-6">
        <div class="mb-4 flex items-end justify-between gap-4">
            <div>
                <p class="text-[11px] font-black uppercase tracking-widest" style="color:<?php echo e($company->primary_color); ?>;">Menú</p>
                <h2 class="text-xl font-black text-slate-950">Servicios</h2>
            </div>
            <a href="#reservar" class="text-sm font-black transition" style="color:<?php echo e($company->primary_color); ?>;">
                Ver todos →
            </a>
        </div>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($services->isEmpty()): ?>
            <p class="rounded-2xl border border-dashed border-slate-200 p-6 text-center text-sm text-slate-400">
                Aún no hay servicios disponibles.
            </p>
        <?php else: ?>
            <div class="snap-strip no-scrollbar flex gap-3 overflow-x-auto pb-2 md:grid md:grid-cols-2 md:overflow-visible lg:grid-cols-3 xl:grid-cols-4">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $svc): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php $svcPromo = $promotionForService($svc); ?>
                    <button type="button"
                       data-public-service-id="<?php echo e($svc->id); ?>"
                       class="group w-64 shrink-0 snap-start overflow-hidden rounded-[1.25rem] border border-slate-100 bg-white text-left shadow-[0_8px_24px_rgba(15,23,42,0.07)] transition hover:-translate-y-0.5 hover:shadow-lg active:scale-[0.98] md:w-auto">
                        <div class="relative h-36 bg-slate-100">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($svc->imageUrl()): ?>
                                <img src="<?php echo e($svc->imageUrl()); ?>" alt="<?php echo e($svc->name); ?>" class="h-full w-full object-cover transition duration-300 group-hover:scale-105">
                            <?php elseif($heroImage): ?>
                                <img src="<?php echo e($heroImage); ?>" alt="<?php echo e($svc->name); ?>" class="h-full w-full object-cover transition duration-300 group-hover:scale-105">
                            <?php else: ?>
                                <div class="h-full w-full" style="background:linear-gradient(135deg,<?php echo e($company->primary_color); ?>,<?php echo e($company->secondary_color); ?>);"></div>
                            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            
                            <span class="absolute left-3 top-3 rounded-full px-2.5 py-1 text-[11px] font-black text-white shadow"
                                  style="background:<?php echo e($company->primary_color); ?>;">
                                <?php echo e($svc->category?->name ?: 'Servicio'); ?>

                            </span>
                            
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($svcPromo): ?>
                                <span class="absolute right-3 top-3 rounded-full bg-white px-2.5 py-1 text-[11px] font-black shadow"
                                      style="color:<?php echo e($company->primary_color); ?>;">
                                    <?php echo e($svcPromo->discountLabel()); ?>

                                </span>
                            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>
                        <div class="p-4">
                            <h3 class="text-base font-black text-slate-950"><?php echo e($svc->name); ?></h3>
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($svc->description): ?>
                                <p class="mt-1 line-clamp-2 text-xs leading-relaxed text-slate-500"><?php echo e($svc->description); ?></p>
                            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <div class="mt-3.5 flex items-center justify-between">
                                <span class="inline-flex items-center gap-1 text-xs font-semibold text-slate-400">
                                    <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                                    <?php echo e($svc->duration_minutes); ?> min
                                </span>
                                <span>
                                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($svcPromo): ?>
                                        <?php $promoPrice = max(0, (float)$svc->price - $svcPromo->calculateDiscount((float)$svc->price)); ?>
                                        <span class="block text-right text-xs font-semibold text-slate-400 line-through">
                                            $&nbsp;<?php echo e(number_format($svc->price, 0, ',', '.')); ?>

                                        </span>
                                        <span class="text-base font-black" style="color:<?php echo e($company->primary_color); ?>;">
                                            $&nbsp;<?php echo e(number_format($promoPrice, 0, ',', '.')); ?>

                                        </span>
                                    <?php else: ?>
                                        <span class="text-base font-black" style="color:<?php echo e($company->primary_color); ?>;">
                                            $&nbsp;<?php echo e(number_format($svc->price, 0, ',', '.')); ?>

                                        </span>
                                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                </span>
                            </div>
                        </div>
                    </button>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </section>

    
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($gallery->isNotEmpty()): ?>
        <section class="px-4 pt-8 md:px-6">
            <div class="mb-4">
                <p class="text-[11px] font-black uppercase tracking-widest" style="color:<?php echo e($company->primary_color); ?>;">Galería</p>
                <h2 class="text-xl font-black text-slate-950">Nuestro trabajo</h2>
            </div>
            <div class="grid grid-cols-2 gap-2.5 md:grid-cols-4">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $gallery; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <figure class="group overflow-hidden rounded-2xl bg-slate-100 shadow-sm">
                        <img src="<?php echo e($item->imageUrl()); ?>"
                             alt="<?php echo e($item->title ?: 'Imagen de '.$company->name); ?>"
                             class="aspect-square w-full object-cover transition duration-300 group-hover:scale-105">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($item->title): ?>
                            <figcaption class="px-3 py-2">
                                <p class="text-xs font-bold text-slate-700 line-clamp-1"><?php echo e($item->title); ?></p>
                            </figcaption>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </figure>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
        </section>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($employees->isNotEmpty()): ?>
        <section class="px-4 pt-8 md:px-6">
            <div class="mb-4">
                <p class="text-[11px] font-black uppercase tracking-widest" style="color:<?php echo e($company->primary_color); ?>;">Profesionales</p>
                <h2 class="text-xl font-black text-slate-950">Nuestro equipo</h2>
            </div>
            <div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $employees; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $emp): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="rounded-[1.125rem] border border-slate-100 bg-white p-4 text-center shadow-[0_8px_24px_rgba(15,23,42,0.06)]">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($emp->photoUrl()): ?>
                            <img src="<?php echo e($emp->photoUrl()); ?>" alt="<?php echo e($emp->fullName()); ?>"
                                 class="mx-auto mb-3 h-16 w-16 rounded-full object-cover ring-2 ring-white shadow-md">
                        <?php else: ?>
                            <div class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full text-xl font-black text-white shadow-md ring-2 ring-white"
                                 style="background:<?php echo e($emp->color); ?>;">
                                <?php echo e(strtoupper(substr($emp->first_name, 0, 1))); ?>

                            </div>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        <p class="text-sm font-black text-slate-900"><?php echo e($emp->fullName()); ?></p>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($emp->position): ?>
                            <p class="mt-0.5 text-xs font-medium text-slate-400"><?php echo e($emp->position); ?></p>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($emp->bio): ?>
                            <p class="mt-2 text-xs leading-relaxed text-slate-500 line-clamp-3"><?php echo e($emp->bio); ?></p>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
        </section>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    
    <section id="reservar" class="scroll-mt-4 px-4 py-10 md:px-6 lg:py-12">
        <div class="rounded-[2rem] bg-slate-50 p-4 ring-1 ring-slate-100 md:p-6 lg:p-8">
            <div class="mb-7 flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
                <div>
                    <p class="text-[11px] font-black uppercase tracking-widest" style="color:<?php echo e($company->primary_color); ?>;">Reserva online</p>
                    <h2 class="mt-1 text-3xl font-black tracking-tight text-slate-950 md:text-4xl">Agenda tu cita</h2>
                    <p class="mt-2 max-w-2xl text-sm leading-relaxed text-slate-500">Selecciona servicio, profesional y horario disponible. Confirmamos tu reserva por correo.</p>
                </div>
                <div class="hidden rounded-full bg-white px-4 py-2 text-xs font-black text-slate-500 ring-1 ring-slate-200 md:inline-flex">
                    Reserva en menos de 1 minuto
                </div>
            </div>

            <div class="grid gap-6 lg:grid-cols-[minmax(250px,0.78fr)_minmax(0,1.5fr)] xl:grid-cols-[320px_minmax(0,1fr)]">
                <aside class="space-y-4 lg:sticky lg:top-6 lg:self-start">
                    <div class="overflow-hidden rounded-[1.5rem] bg-slate-950 text-white shadow-[0_24px_55px_rgba(15,23,42,.18)]">
                        <div class="relative min-h-48 p-5">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($heroImage): ?>
                                <img src="<?php echo e($heroImage); ?>" alt="<?php echo e($company->name); ?>" class="absolute inset-0 h-full w-full object-cover opacity-45">
                            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                            <div class="absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/70 to-slate-950/20"></div>
                            <div class="relative flex min-h-40 flex-col justify-end">
                                <span class="mb-3 inline-flex w-fit rounded-full bg-white/15 px-3 py-1 text-xs font-black backdrop-blur">Disponible ahora</span>
                                <h3 class="text-2xl font-black leading-tight"><?php echo e($company->name); ?></h3>
                                <p class="mt-2 text-sm leading-relaxed text-white/70"><?php echo e($company->description ?: 'Reserva tus citas online de forma rápida y sencilla.'); ?></p>
                            </div>
                        </div>
                    </div>

                    <div class="rounded-[1.25rem] border border-slate-100 bg-white p-4 shadow-sm">
                        <p class="text-xs font-black uppercase tracking-widest text-slate-400">Tu reserva incluye</p>
                        <div class="mt-4 space-y-3">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = [
                                ['title' => 'Confirmación por correo', 'text' => 'Recibes el detalle de tu cita al finalizar.'],
                                ['title' => 'Profesionales disponibles', 'text' => 'Solo mostramos horarios realmente libres.'],
                                ['title' => 'Cancelación online', 'text' => $company->allow_customer_cancel ? 'Puedes cancelar desde tu enlace de reserva.' : 'El negocio gestiona cambios directamente.'],
                            ]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $benefit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="flex gap-3">
                                    <span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-white" style="background:<?php echo e($company->primary_color); ?>;">
                                        <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"/></svg>
                                    </span>
                                    <div>
                                        <p class="text-sm font-black text-slate-900"><?php echo e($benefit['title']); ?></p>
                                        <p class="mt-0.5 text-xs leading-relaxed text-slate-500"><?php echo e($benefit['text']); ?></p>
                                    </div>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </div>
                    </div>

                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($featuredPromotions->isNotEmpty()): ?>
                        <div class="rounded-[1.25rem] border border-emerald-100 bg-emerald-50 p-4">
                            <p class="text-xs font-black uppercase tracking-widest text-emerald-700">Promoción activa</p>
                            <p class="mt-2 text-lg font-black text-slate-950"><?php echo e($featuredPromotions->first()->name); ?></p>
                            <p class="mt-1 text-sm font-semibold text-emerald-700"><?php echo e($featuredPromotions->first()->discountLabel()); ?></p>
                        </div>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </aside>

                <div class="min-w-0">
                    <?php
$__split = function ($name, $params = []) {
    return [$name, $params];
};
[$__name, $__params] = $__split('public.booking-wizard', ['slug' => $company->slug]);

$__key = null;

$__key ??= \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::generateKey('lw-191579108-0', $__key);

$__html = app('livewire')->mount($__name, $__params, $__key);

echo $__html;

unset($__html);
unset($__key);
unset($__name);
unset($__params);
unset($__split);
if (isset($__slots)) unset($__slots);
?>
                </div>
            </div>
        </div>
    </section>

    
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($company->website || $company->email || $address): ?>
        <section class="border-t border-slate-100 px-4 py-6 md:px-6">
            <div class="flex flex-wrap justify-center gap-3 text-xs font-semibold text-slate-500">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($address): ?>
                    <span class="flex items-center gap-1.5 rounded-full bg-slate-100 px-3 py-1.5">
                        <svg class="h-3.5 w-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                        <?php echo e($address); ?>

                    </span>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($company->email): ?>
                    <a href="mailto:<?php echo e($company->email); ?>"
                       class="flex items-center gap-1.5 rounded-full bg-slate-100 px-3 py-1.5 transition hover:bg-slate-200">
                        <svg class="h-3.5 w-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                        <?php echo e($company->email); ?>

                    </a>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($company->website): ?>
                    <a href="<?php echo e($company->website); ?>" target="_blank" rel="noopener"
                       class="flex items-center gap-1.5 rounded-full bg-slate-100 px-3 py-1.5 transition hover:bg-slate-200">
                        <svg class="h-3.5 w-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9"/></svg>
                        <?php echo e(parse_url($company->website, PHP_URL_HOST) ?: $company->website); ?>

                    </a>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
        </section>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    
    <footer class="border-t border-slate-100 px-4 py-6 text-center text-xs text-slate-400 md:px-6">
        <p>Powered by <a href="/" class="font-bold text-slate-600 transition hover:text-slate-900">AsignaPro</a></p>
    </footer>

    
    <div class="safe-pb sticky bottom-0 z-30 border-t border-slate-200/80 bg-white/95 px-4 pt-3 backdrop-blur-md md:hidden">
        <div class="flex gap-2 pb-1">
            <a href="#reservar"
               class="flex flex-1 items-center justify-center rounded-full py-3.5 text-sm font-black text-white shadow-lg transition active:scale-[0.97]"
               style="background:<?php echo e($company->primary_color); ?>;">
                <svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                Reservar turno
            </a>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($company->allow_customer_cancel): ?>
                <a href="<?php echo e(route('public.bookings.cancel.lookup')); ?>"
                   class="flex items-center rounded-full border-2 border-slate-200 px-4 py-3.5 text-sm font-black text-slate-600 transition hover:bg-slate-50 active:scale-[0.97]">
                    <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                </a>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>
    </div>

</div>

<?php if (isset($component)) { $__componentOriginal5b6745fadc65cdc3052b92baf193c2e8 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal5b6745fadc65cdc3052b92baf193c2e8 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.pwa-install-banner','data' => ['aboveNav' => false]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('pwa-install-banner'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['above-nav' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(false)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal5b6745fadc65cdc3052b92baf193c2e8)): ?>
<?php $attributes = $__attributesOriginal5b6745fadc65cdc3052b92baf193c2e8; ?>
<?php unset($__attributesOriginal5b6745fadc65cdc3052b92baf193c2e8); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal5b6745fadc65cdc3052b92baf193c2e8)): ?>
<?php $component = $__componentOriginal5b6745fadc65cdc3052b92baf193c2e8; ?>
<?php unset($__componentOriginal5b6745fadc65cdc3052b92baf193c2e8); ?>
<?php endif; ?>

<?php echo \Livewire\Mechanisms\FrontendAssets\FrontendAssets::scriptConfig(); ?>

<script>
    document.addEventListener('click', function (event) {
        const trigger = event.target.closest('[data-public-service-id]');

        if (!trigger) {
            return;
        }

        const id = Number(trigger.dataset.publicServiceId);
        document.getElementById('reservar')?.scrollIntoView({ behavior: 'smooth', block: 'start' });

        window.setTimeout(() => {
            if (window.Livewire && id) {
                window.Livewire.dispatch('public-service-selected', { id: id });
            }
        }, 250);
    });
</script>
</body>
</html>
<?php /**PATH /Applications/XAMPP/xamppfiles/htdocs/CitasSoft/resources/views/public/company.blade.php ENDPATH**/ ?>