@props(['produk'])

<a href="{{ route('produk.detail', $produk->slug) }}" class="produk-card-link">
    <div class="produk-card">
        <div class="produk-card-image">
            @if ($produk->gambar)
                <img src="{{ img_src($produk->gambar) }}" alt="{{ $produk->nama }}">
            @endif
        </div>
        <h6 class="produk-card-name">{{ $produk->nama }}</h6>
        {{-- (Hide informasi produk)
        <div class="produk-card-footer">
            <div class="produk-card-info">
                <div class="produk-card-unit">{{ $produk->unit ?? '' }}</div>
                <div class="produk-card-price">
                    {{ $produk->harga ? 'Rp' . number_format($produk->harga, 0, ',', '.') : 'Rp.' }}
                </div>
            </div>
            <div class="produk-card-basket">
                <i class="fas fa-shopping-basket"></i>
            </div>
        </div>
            --}}
        <div class="produk-card-cta">
            {{ __('nav.detail_produk') ?? 'Detail Produk' }} <i class="fas fa-arrow-right"></i>
        </div>
        
    </div>
</a>