<?php $__env->startSection('title', 'Experiences & Wellness'); ?>

<?php $__env->startSection('content'); ?>
    <section class="bg-slate-950 py-14 text-center text-white">
        <p class="text-xs font-bold uppercase tracking-[0.3em] text-gold-400">Wellness · Leisure · Celebrations</p>
        <h1 class="mt-2 font-serif text-4xl font-bold">Experiences at Epelcon</h1>
        <p class="mx-auto mt-3 max-w-xl px-4 text-slate-300">Rejuvenating spa treatments, private cinema screenings, banquet halls fit for a wedding — all bookable in minutes.</p>
    </section>

    <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6">
        <?php
            $icons = ['spa'=>'💆','swimming_pool'=>'🏊','jacuzzi'=>'🛁','pedicure'=>'💅','theater'=>'🎬','banquet'=>'🎪','gym'=>'🏋️','other'=>'✨'];
        ?>

        <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
            <?php $__empty_1 = true; $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class="overflow-hidden rounded-3xl bg-white shadow-sm ring-1 ring-slate-200">
                    <?php if($service->image): ?>
                        <img src="<?php echo e(asset($service->image)); ?>" alt="<?php echo e($service->name); ?>" class="h-40 w-full object-cover">
                    <?php else: ?>
                        <div class="flex h-40 items-center justify-center bg-gradient-to-br from-violet-500 to-indigo-700 text-5xl"><?php echo e($icons[$service->category] ?? '✨'); ?></div>
                    <?php endif; ?>
                    <div class="p-6">
                        <span class="rounded-full bg-violet-100 px-2 py-0.5 text-[10px] font-bold uppercase text-violet-700"><?php echo e(str_replace('_', ' ', $service->category)); ?></span>
                        <h3 class="mt-2 font-serif text-xl font-bold text-slate-900"><?php echo e($service->name); ?></h3>
                        <p class="mt-1 text-sm text-slate-500"><?php echo e($service->duration_minutes); ?> min · up to <?php echo e($service->capacity); ?> guest<?php echo e($service->capacity === 1 ? '' : 's'); ?></p>
                        <?php if($service->description): ?><p class="mt-2 text-sm leading-relaxed text-slate-600"><?php echo e(Str::limit($service->description, 100)); ?></p><?php endif; ?>
                        <p class="mt-4 text-2xl font-extrabold text-gold-600"><?php echo e($CUR ?? '₦') . number_format((float) ($service->price), 2); ?></p>
                        <a href="#book" onclick="document.getElementById('svc-select').value=<?php echo e($service->id); ?>" class="mt-3 inline-block rounded-xl bg-slate-950 px-5 py-2.5 text-sm font-bold text-white hover:bg-slate-800">Request booking →</a>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <p class="col-span-full rounded-3xl bg-white p-10 text-center text-slate-400 ring-1 ring-slate-200">No experiences listed yet.</p>
            <?php endif; ?>
        </div>

        
        <div id="book" class="mt-12 rounded-3xl bg-slate-950 p-8 text-white sm:p-12">
            <div class="mx-auto max-w-lg text-center">
                <h2 class="font-serif text-3xl font-bold">Request your experience</h2>
                <p class="mt-2 text-sm text-slate-300">Our concierge team will confirm your booking and arrange the details personally.</p>
            </div>
            <form method="POST" action="<?php echo e(route('site.experiences.book')); ?>" class="mx-auto mt-6 max-w-lg space-y-4">
                <?php echo csrf_field(); ?>
                <label class="block"><span class="mb-1 block text-xs font-bold uppercase tracking-wide text-gold-400">Experience</span>
                    <select id="svc-select" name="hotel_service_id" required class="w-full rounded-xl border-white/20 bg-white/10 text-sm text-white">
                        <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><option value="<?php echo e($service->id); ?>" class="text-slate-800"><?php echo e($service->name); ?> — <?php echo e($CUR); ?><?php echo e(number_format($service->price)); ?></option><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select></label>
                <div class="grid grid-cols-2 gap-4">
                    <label><span class="mb-1 block text-xs font-bold uppercase tracking-wide text-gold-400">Your name</span>
                        <input name="customer_name" value="<?php echo e(auth()->user()->name ?? ''); ?>" required class="w-full rounded-xl border-white/20 bg-white/10 text-sm text-white"></label>
                    <label><span class="mb-1 block text-xs font-bold uppercase tracking-wide text-gold-400">Phone</span>
                        <input name="phone" required class="w-full rounded-xl border-white/20 bg-white/10 text-sm text-white"></label>
                    <label><span class="mb-1 block text-xs font-bold uppercase tracking-wide text-gold-400">Preferred date & time</span>
                        <input type="datetime-local" name="scheduled_at" min="<?php echo e(now()->addHour()->format('Y-m-d\TH:i')); ?>" required class="w-full rounded-xl border-white/20 bg-white/10 text-sm text-white"></label>
                    <label><span class="mb-1 block text-xs font-bold uppercase tracking-wide text-gold-400">Guests</span>
                        <input type="number" name="guests" min="1" max="500" value="1" class="w-full rounded-xl border-white/20 bg-white/10 text-sm text-white"></label>
                </div>
                <label class="block"><span class="mb-1 block text-xs font-bold uppercase tracking-wide text-gold-400">Notes for concierge</span>
                    <textarea name="notes" rows="2" class="w-full rounded-xl border-white/20 bg-white/10 text-sm text-white"></textarea></label>
                <button class="w-full rounded-xl bg-gradient-to-r from-gold-400 to-gold-600 py-4 text-sm font-extrabold text-slate-950 shadow-lg shadow-gold-500/20 hover:brightness-110">Request experience →</button>
            </form>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.site', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\wamp64\www\hms\resources\views/site/experiences.blade.php ENDPATH**/ ?>