@extends('layouts.app')

@section('title', 'Issued to Kitchen')

@section('content')
    @php
        $money = fn ($v) => \App\Support\Fmt::money($v);
        $plain = fn ($v) => rtrim(rtrim(number_format((float) $v, 2), '0'), '.');
    @endphp

    <div class="flex flex-col gap-6">
        <div class="flex items-end justify-between gap-3">
            <div>
                <h1 class="text-lg font-semibold">Issued to Kitchen</h1>
                <p class="text-xs text-muted-foreground">Stock issued from stores against approved kitchen store requisitions (S11)</p>
            </div>
            <a href="{{ route('inventory.issued-to-kitchen.csv', $filters) }}"
               class="rounded-lg border border-border bg-card px-3 py-2 text-sm font-medium hover:bg-accent">CSV</a>
        </div>

        @include('partials.flashes')

        <div class="grid grid-cols-3 gap-3">
            @foreach ([
                ['label' => 'S11 Vouchers', 'value' => $vouchers],
                ['label' => 'Issuance Lines', 'value' => $lineCount],
                ['label' => 'Total Value', 'value' => $money($totalValue)],
            ] as $stat)
                <div class="rounded-xl border border-border bg-card p-4">
                    <div class="flex flex-col">
                        <span class="text-lg font-semibold leading-tight tabular-nums">{{ $stat['value'] }}</span>
                        <span class="text-xs text-muted-foreground">{{ $stat['label'] }}</span>
                    </div>
                </div>
            @endforeach
        </div>

        <form method="get" action="{{ route('inventory.issued-to-kitchen') }}"
              class="flex flex-wrap items-end gap-3 rounded-xl border border-border bg-card p-3">
            <div>
                <label class="text-xs text-muted-foreground">From</label>
                <input type="date" name="from" value="{{ $filters['from'] }}"
                       class="mt-1 h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
            </div>
            <div>
                <label class="text-xs text-muted-foreground">To</label>
                <input type="date" name="to" value="{{ $filters['to'] }}"
                       class="mt-1 h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
            </div>
            <div>
                <label class="text-xs text-muted-foreground">Search</label>
                <input type="search" name="q" value="{{ $filters['q'] }}" placeholder="Item, S11 no, store or issuer..."
                       class="mt-1 h-9 w-64 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
            </div>
            <button class="h-9 rounded-lg bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90">Filter</button>
            <a href="{{ route('inventory.issued-to-kitchen') }}"
               class="h-9 rounded-lg border border-border px-3 py-2 text-sm hover:bg-accent">Reset</a>
        </form>

        <div class="rounded-xl border border-border bg-card">
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead>
                        <tr class="border-b text-left text-xs uppercase text-muted-foreground">
                            <th class="px-3 py-2 font-medium">Date</th>
                            <th class="px-3 py-2 font-medium">S11 No.</th>
                            <th class="px-3 py-2 font-medium">Item</th>
                            <th class="px-3 py-2 text-right font-medium">Quantity</th>
                            <th class="px-3 py-2 text-right font-medium">Value</th>
                            <th class="px-3 py-2 font-medium">From Store</th>
                            <th class="px-3 py-2 font-medium">Issued By</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($rows as $r)
                            <tr class="border-b last:border-0 hover:bg-accent/40">
                                <td class="px-3 py-2">{{ \App\Support\Fmt::day($r->issued_on) }}</td>
                                <td class="px-3 py-2 font-mono text-xs font-semibold">{{ $r->s11_no }}</td>
                                <td class="px-3 py-2 font-medium">{{ $r->item }}</td>
                                <td class="px-3 py-2 text-right tabular-nums">{{ $plain($r->qty) }}</td>
                                <td class="px-3 py-2 text-right font-medium tabular-nums">{{ $money($r->value) }}</td>
                                <td class="px-3 py-2 text-xs">{{ $r->from_store }}</td>
                                <td class="px-3 py-2 text-xs">{{ $r->issued_by }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="px-3 py-10 text-center text-sm text-muted-foreground">No issuances match your filters.</td></tr>
                        @endforelse
                    </tbody>
                    @if ($rows->isNotEmpty())
                        <tfoot>
                            <tr class="border-t bg-muted/40">
                                <td colspan="4" class="px-3 py-2 text-right text-xs font-medium uppercase text-muted-foreground">Total</td>
                                <td class="px-3 py-2 text-right font-semibold tabular-nums">{{ $money($totalValue) }}</td>
                                <td colspan="2"></td>
                            </tr>
                        </tfoot>
                    @endif
                </table>
            </div>
            <div class="border-t px-4 py-2 text-xs text-muted-foreground">
                {{ $lineCount }} line(s) across {{ $vouchers }} S11 voucher(s)
            </div>
        </div>
    </div>
@endsection