@extends('layouts.finance')

@section('title', 'Expiry Priority')
@section('subtitle', 'Vouchers that should be sold first')

@section('content')
    <section class="card">
        <div class="section-head">
            <h2>Expiry Priority</h2>
            <div class="flex items-center gap-2">
                <span class="pill">Apeuni excluded</span>
                <a href="{{ route('finance.inventory') }}" class="btn btn-sm">Inventory</a>
            </div>
        </div>

        @if($expiryPriorityError ?? null)
            <div class="card-pad">
                <div class="muted">{{ $expiryPriorityError }}</div>
            </div>
        @else
            <div class="card-pad">
                <div class="grid grid-3">
                    @foreach($expirySummary as $bucket)
                        <a href="{{ route('finance.inventory.expiry-priority.show', $bucket['months']) }}" class="card card-pad card-hover" style="background:var(--bg);display:block">
                            <div class="kpi-label">{{ $bucket['label'] }}</div>
                            <div class="kpi-value">{{ number_format($bucket['quantity']) }}</div>
                            <div class="muted text-xs" style="margin-top:6px">
                                {{ number_format($bucket['product_count']) }} {{ \Illuminate\Support\Str::plural('product', $bucket['product_count']) }}
                                until {{ \Carbon\Carbon::parse($bucket['cutoff_date'])->format('M d, Y') }}
                            </div>
                        </a>
                    @endforeach
                </div>
            </div>
        @endif
    </section>
@endsection