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

    <!-- Text side -->
    <div class="item-card-body">
        <div class="item-veg-badge"><span></span></div>
        <div class="item-name"><?= e($item['name'] ?? '') ?></div>
        <?php if (!empty($item['description'])): ?>
        <div class="item-desc"><?= e($item['description']) ?></div>
        <?php endif; ?>
        <div class="item-price"><?= money((float)$item['base_price']) ?></div>
    </div>

    <!-- Image + Add button side -->
    <div class="item-card-right">
        <?php if (!empty($item['item_image'])): ?>
        <img class="item-card-img" src="<?= e(upload_url($item['item_image'])) ?>"
             alt="<?= e($item['name']) ?>" loading="lazy">
        <?php else: ?>
        <div class="item-card-img-placeholder">🍽</div>
        <?php endif; ?>
        <button class="item-add-btn" onclick="event.stopPropagation(); openItemModal(<?= (int)$item['id'] ?>)">
            + ADD
        </button>
    </div>

</div>
