@php
/**
 * @var array $item popular menu item with restaurant_name / restaurant_slug / restaurant_logo
 * @var bool  $showRestaurant  false when the whole rail already belongs to one restaurant
 *                              (e.g. a restaurant-spotlight "Popular at X" rail), so the
 *                              per-card restaurant tag would just repeat what's already shown
 */
$veg = (int) ($item['is_veg'] ?? 0) === 1;
$restUrl = url('/restaurant/' . e($item['restaurant_slug'] ?? ''));
$showRestaurant = $showRestaurant ?? true;
@endphp
<div class="qm-pop-card">
    <a class="qm-pop-media" href="{!! $restUrl !!}">
        <img src="{{ media($item['image'], 'assets/client/dish/dish-1.png') }}" alt="{{ $item['name'] }}" loading="lazy">
        @if (!empty($item['is_popular']))<span class="qm-pop-tag">{{ t_raw('vendor.menu.popular_pill') }}</span>@endif
        <span class="qm-pop-diet">
            <span class="{{ $veg ? 'qm-badge-veg' : 'qm-badge-nonveg' }}" role="img" title="{!! $veg ? t('restaurant.diet_veg') : t('common.non_vegetarian') !!}" aria-label="{!! $veg ? t('restaurant.diet_veg') : t('common.non_vegetarian') !!}"></span>
        </span>
    </a>
    @if ($showRestaurant)
    <a class="qm-pop-rest-tab" href="{!! $restUrl !!}">
        {!! restaurant_logo_html(['logo' => $item['restaurant_logo'] ?? '', 'name' => $item['restaurant_name'] ?? ''], 'sm', 'qm-pop-rest-logo') !!}
        <span>{{ $item['restaurant_name'] ?? '' }}</span>
    </a>
    @endif
    <div class="qm-pop-body">
        <div class="qm-pop-name-row">
            <h3 class="qm-pop-name">{{ $item['name'] }}</h3>
            <span class="qm-pop-price">{{ money($item['price']) }}</span>
        </div>
        @partial('cards/dish-attrs', ['item' => $item])
        <button type="button" class="qm-btn qm-pop-add" data-add-to-cart data-item-id="{{ (int) $item['id'] }}" data-qty="1" aria-label="{{ t_raw('restaurant.add_to_cart') }} - {{ $item['name'] }}">
            <i class="fas fa-shopping-bag" aria-hidden="true"></i> <span class="add-label">{{ t_raw('restaurant.add_to_cart') }}</span>
        </button>
    </div>
</div>