<?php $__env->startSection('title', 'Dining & Bar'); ?>

<?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">Restaurant · Bar · Room Service</p>
        <h1 class="mt-2 font-serif text-4xl font-bold">Dining & Bar</h1>
        <p class="mx-auto mt-3 max-w-xl px-4 text-slate-300">World cuisines, Nigerian soul. Filter by cuisine or dietary need, then order straight to your table or room.</p>
        <a href="<?php echo e(route('site.order')); ?>" class="mt-6 inline-block rounded-xl bg-gradient-to-r from-gold-400 to-gold-600 px-7 py-3 text-sm font-extrabold text-slate-950 hover:brightness-110">Start an order</a>
    </section>

    <section class="mx-auto max-w-7xl px-4 py-10 sm:px-6">
        
        <form method="GET" class="no-scrollbar mb-6 flex gap-2 overflow-x-auto pb-1">
            <a href="<?php echo e(route('site.dining')); ?>" class="shrink-0 rounded-full px-4 py-2 text-xs font-bold <?php echo e(! request()->hasAny(['cuisine', 'type', 'diet']) ? 'bg-slate-950 text-white' : 'bg-white text-slate-600 ring-1 ring-slate-200'); ?>">Everything</a>
            <a href="<?php echo e(route('site.dining', ['type' => 'food'])); ?>" class="shrink-0 rounded-full px-4 py-2 text-xs font-bold <?php echo e(request('type') === 'food' ? 'bg-slate-950 text-white' : 'bg-white text-slate-600 ring-1 ring-slate-200'); ?>">🍽 Food</a>
            <a href="<?php echo e(route('site.dining', ['type' => 'drink'])); ?>" class="shrink-0 rounded-full px-4 py-2 text-xs font-bold <?php echo e(request('type') === 'drink' ? 'bg-slate-950 text-white' : 'bg-white text-slate-600 ring-1 ring-slate-200'); ?>">🍹 Drinks</a>
            <?php $__currentLoopData = $cuisines; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cuisine): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e(route('site.dining', ['cuisine' => $cuisine->id])); ?>" class="shrink-0 rounded-full px-4 py-2 text-xs font-bold <?php echo e(request('cuisine') == $cuisine->id ? 'bg-slate-950 text-white' : 'bg-white text-slate-600 ring-1 ring-slate-200'); ?>"><?php echo e($cuisine->name); ?></a>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            <?php $__currentLoopData = ['vegan' => '🌱 Vegan', 'halal' => '🕌 Halal', 'gluten_free' => '🌾 Gluten-free']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $diet => $label): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e(route('site.dining', ['diet' => $diet])); ?>" class="shrink-0 rounded-full px-4 py-2 text-xs font-bold <?php echo e(request('diet') === $diet ? 'bg-emerald-600 text-white' : 'bg-white text-emerald-700 ring-1 ring-slate-200'); ?>"><?php echo e($label); ?></a>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </form>

        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
            <?php $__empty_1 = true; $__currentLoopData = $items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__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($item->image): ?>
                        <img src="<?php echo e(asset($item->image)); ?>" alt="<?php echo e($item->name); ?>" class="h-40 w-full object-cover">
                    <?php endif; ?>
                    <div class="p-5">
                    <div class="flex items-start justify-between">
                        <?php if (! ($item->image)): ?><span class="text-3xl"><?php echo e($item->type === 'drink' ? '🍹' : '🍽'); ?></span><?php endif; ?>
                        <?php if($item->featured): ?><span class="rounded-full bg-gold-400/20 px-2.5 py-1 text-[10px] font-bold uppercase text-gold-600">Chef's pick</span><?php endif; ?>
                    </div>
                    <h3 class="mt-2 font-serif text-lg font-bold text-slate-900"><?php echo e($item->name); ?></h3>
                    <p class="text-xs text-slate-500"><?php echo e($item->cuisine->name ?? ''); ?><?php echo e($item->chef ? ' · by ' . $item->chef->name : ''); ?><?php echo e($item->spice_level ? ' · ' . str_repeat('🌶', min(3, $item->spice_level)) : ''); ?></p>
                    <div class="mt-2 flex flex-wrap gap-1">
                        <?php $__currentLoopData = $item->dietary_tags ?? []; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tag): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <span class="rounded-full bg-emerald-50 px-2 py-0.5 text-[10px] font-bold text-emerald-700"><?php echo e(str_replace('_', ' ', $tag)); ?></span>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                    <div class="mt-4 flex items-center justify-between">
                        <span class="text-lg font-extrabold text-gold-600"><?php echo e($CUR ?? '₦') . number_format((float) ($item->price), 2); ?></span>
                        <a href="<?php echo e(route('site.order')); ?>" class="rounded-xl bg-slate-950 px-4 py-2 text-xs font-bold text-white hover:bg-slate-800">Order</a>
                    </div>
                    </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">Nothing matches that filter right now.</p>
            <?php endif; ?>
        </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/dining.blade.php ENDPATH**/ ?>