<div class="grid-card" onclick="openItemModal(<?= (int)$item['id'] ?>)">

    <!-- Image -->
    <div class="gc-img-wrap">
        <?php if (!empty($item['item_image'])): ?>
        <img src="<?= e(upload_url($item['item_image'])) ?>" alt="<?= e($item['name']) ?>" loading="lazy" class="gc-img">
        <?php else: ?>
        <div class="gc-img-ph">🍽</div>
        <?php endif; ?>
    </div>

    <!-- Info -->
    <div class="gc-body">
        <div class="gc-name"><?= e($item['name']) ?></div>
        <?php if (!empty($item['description'])): ?>
        <div class="gc-desc"><?= e($item['description']) ?></div>
        <?php endif; ?>
        <div class="gc-footer">
            <div class="gc-price"><?= money((float)$item['base_price']) ?></div>
            <button class="gc-add" onclick="event.stopPropagation(); openItemModal(<?= (int)$item['id'] ?>)">
                <i class="bi bi-plus-lg"></i>
            </button>
        </div>
    </div>

</div>
