<?php $__env->startPush('styles'); ?>
    
<?php $__env->stopPush(); ?>


<?php $__env->startPush('content'); ?>
<div class="app">

    <!-- 1) Bunları Beğenebilirsiniz -->
    <?php
        $vitrinYemekler = $kategori->yemekler->where('vitrin', true)->where('is_active', true);
    ?>

    <?php if($vitrinYemekler->isNotEmpty()): ?>
        <section class="recommendations animate-in">
            <h2>Müşterilerimizin seçtikleri</h2>
            <div class="rec-list">
                <?php $__currentLoopData = $vitrinYemekler; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $yemek): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="rec-item clickable-item"
                         data-name="<?php echo e($yemek->name); ?>"
                         data-button="<?php echo e(number_format($yemek->price, 2, ',', '.')); ?>₺"
                         data-img="<?php echo e($yemek->image 
    ? asset('storage/' . $yemek->image) 
    : asset('assets/images/resimYok.jpg')); ?>"
                         data-desc="<?php echo e($yemek->description); ?>">
                        <div class="rec-thumb">
                            <img src="<?php echo e($yemek->image 
    ? asset('storage/' . $yemek->image) 
    : asset('assets/images/resimYok.jpg')); ?>" alt="<?php echo e($yemek->name); ?>" />
                        </div>
                        <span><?php echo e($yemek->name); ?></span>
                        <p><?php echo e(number_format($yemek->price, 2, ',', '.')); ?>₺</p>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </section>
  
<hr class="animate-in delay-1">
    <?php endif; ?>
<h2 style="
    font-weight: 400;
    background: linear-gradient(to right, var(--accent-solid), rgba(173, 41, 41, 0));
    font-size: 14px;
    color: var(--accent);
    margin: 2rem 1rem 0 1rem;
    text-align: left;
    padding: 10px 1rem;
    border-radius: 10px;
    "><?php echo e($kategori->name); ?></h2>
 <!-- 3) 8 kutucuk -->
    <section class="grid-eight animate-in delay-2">
      <?php $__currentLoopData = $kategori->yemekler
        ->where('is_active', 1)
        ->sortBy(fn($yemek) => $yemek->order); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $yemek): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="kategori-item clickable-item" 
         data-name="<?php echo e($yemek->name); ?>" 
         data-img="<?php echo e($yemek->image 
    ? asset('storage/' . $yemek->image) 
    : asset('assets/images/resimYok.jpg')); ?>"
         data-desc="<?php echo e($yemek->description); ?>"
         data-button="<?php echo e(number_format($yemek->price, 2, ',', '.')); ?>₺">
        <div class="kategori-thumb">
            <img src="<?php echo e($yemek->image 
    ? asset('storage/' . $yemek->image) 
    : asset('assets/images/resimYok.jpg')); ?>" alt="<?php echo e($yemek->name); ?>">
        </div>
        <span><?php echo e($yemek->name); ?></span>
        <p><?php echo e(number_format($yemek->price, 2, ',', '.')); ?>₺</p>
    </div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>


    
    </section>

    <footer class="footer animate-in delay-6">
    <div class="footer-bottom reveal" style="transition-delay:0.6s;"><span id="current-year"></span>DESIGNED BY A</p>
    </div>
  </footer>

  </div>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('js'); ?>
    
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.qr-layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\qr-menu\resources\views/category.blade.php ENDPATH**/ ?>