<?php $__env->startSection('title', 'Our Chefs'); ?>

<?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">Culinary team</p>
        <h1 class="mt-2 font-serif text-4xl font-bold">Meet our chefs</h1>
        <p class="mx-auto mt-3 max-w-xl px-4 text-slate-300">The artists behind every plate and pour at Epelcon.</p>
    </section>

    <section class="mx-auto max-w-6xl px-4 py-12 sm:px-6">
        <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
            <?php $__currentLoopData = $chefs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chef): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="rounded-3xl bg-white p-7 text-center shadow-sm ring-1 ring-slate-200">
                    <?php if($chef->photo): ?>
                        <img src="<?php echo e(asset($chef->photo)); ?>" alt="<?php echo e($chef->name); ?>" class="mx-auto h-24 w-24 rounded-full object-cover">
                    <?php else: ?>
                        <div class="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-gradient-to-br from-orange-400 to-rose-500 text-4xl">👨‍🍳</div>
                    <?php endif; ?>
                    <h2 class="mt-4 font-serif text-xl font-bold text-slate-900"><?php echo e($chef->name); ?> <?php if($chef->featured): ?>⭐<?php endif; ?></h2>
                    <p class="text-xs font-bold uppercase tracking-widest text-orange-600"><?php echo e($chef->title); ?></p>
                    <p class="mt-3 text-sm leading-relaxed text-slate-600"><?php echo e($chef->bio); ?></p>
                    <?php if($chef->specialties): ?>
                        <div class="mt-4 flex flex-wrap justify-center gap-1.5">
                            <?php $__currentLoopData = array_map('trim', explode(',', $chef->specialties)); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $spec): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <span class="rounded-full bg-stone-100 px-3 py-1 text-[11px] font-semibold text-slate-600"><?php echo e($spec); ?></span>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    <?php endif; ?>
                    <p class="mt-4 text-xs font-bold text-slate-400">★ <?php echo e($chef->rating); ?> rating · <?php echo e($chef->years_experience); ?> years experience</p>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </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/chefs.blade.php ENDPATH**/ ?>