@extends('layouts.app')

@section('title', 'Counter Requisition')

@section('content')
    @php
        $money = fn ($v) => \App\Support\Fmt::money($v);
        $num = fn ($v) => \App\Support\Fmt::plain($v, 2);
        $day = fn ($v) => \App\Support\Fmt::day($v instanceof \DateTimeInterface ? $v->format('Y-m-d') : $v);
        $sel = 'h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50';
    @endphp
    <div class="flex flex-col gap-6">
        <div>
            <p class="text-xs font-medium text-muted-foreground">S11 vouchers moving goods from stores to points of use</p>
            <h1 class="text-lg font-semibold">Counter Requisition</h1>
        </div>

        @include('partials.flashes')

        <div class="rounded-xl border border-border bg-card">
            <form method="get" action="{{ route('kitchen.counter-requisition') }}" class="grid gap-3 border-b border-border p-4 md:grid-cols-6">
                <x-field label="Search"><x-input name="q" value="{{ $filters['q'] }}" placeholder="No., purpose, requester" /></x-field>
                <x-field label="From store">
                    <select name="store" class="{{ $sel }}">
                        @foreach ($storeOptions as $id => $name)
                            <option value="{{ $id }}" @selected($filters['store'] === (string) $id)>{{ $name }}</option>
                        @endforeach
                    </select>
                </x-field>
                <x-field label="Status">
                    <select name="status" class="{{ $sel }}">
                        <option value="all">All statuses</option>
                        @foreach ($statuses as $s)
                            <option value="{{ $s }}" @selected($filters['status'] === $s)>{{ $s }}</option>
                        @endforeach
                    </select>
                </x-field>
                <x-field label="From"><x-input type="date" name="from" value="{{ $filters['from'] }}" /></x-field>
                <x-field label="To"><x-input type="date" name="to" value="{{ $filters['to'] }}" /></x-field>
                <div class="flex items-end gap-2">
                    <button class="h-9 rounded-lg bg-primary px-3 text-sm font-medium text-primary-foreground hover:bg-primary/90">Filter</button>
                    <a href="{{ route('kitchen.counter-requisition.csv', array_filter($filters, fn ($v) => $v !== 'all' && $v !== '')) }}"
                       class="flex h-9 items-center rounded-lg border border-border px-3 text-sm hover:bg-accent">CSV</a>
                </div>
            </form>

            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead>
                        <tr class="border-b border-border text-left text-xs text-muted-foreground">
                            <th class="px-4 py-2 font-medium">S11 No.</th>
                            <th class="px-4 py-2 font-medium">Date</th>
                            <th class="px-4 py-2 font-medium">From &rarr; To</th>
                            <th class="px-4 py-2 font-medium">Purpose</th>
                            <th class="px-4 py-2 text-center font-medium">Lines</th>
                            <th class="px-4 py-2 text-right font-medium">Required</th>
                            <th class="px-4 py-2 text-right font-medium">Issued</th>
                            <th class="px-4 py-2 text-right font-medium">Value</th>
                            <th class="px-4 py-2 font-medium">Status</th>
                            <th class="px-4 py-2 text-right font-medium">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($rows as $s)
                            <tr class="border-b border-border/60 align-top last:border-0">
                                <td class="px-4 py-2 font-mono text-xs font-semibold">
                                    {{ $s->s11_no }}
                                    <span class="block font-sans text-[11px] font-normal text-muted-foreground">{{ $s->requester }}</span>
                                </td>
                                <td class="px-4 py-2 text-xs">{{ $day($s->raised_on) }}</td>
                                <td class="px-4 py-2 text-xs">{{ $s->store?->name ?? '—' }} &rarr; {{ $s->point_of_use }}</td>
                                <td class="max-w-52 truncate px-4 py-2 text-xs" title="{{ $s->purpose }}">{{ $s->purpose ?: '—' }}</td>
                                <td class="px-4 py-2 text-center tabular-nums">{{ $s->lineCount() }}</td>
                                <td class="px-4 py-2 text-right tabular-nums">{{ $num($s->requiredQty()) }}</td>
                                <td class="px-4 py-2 text-right tabular-nums">{{ $num($s->issuedQty()) }}</td>
                                <td class="px-4 py-2 text-right tabular-nums">{{ $money($s->value()) }}</td>
                                <td class="px-4 py-2">@include('kitchen.partials.badge', ['status' => $s->status])</td>
                                <td class="px-4 py-2">
                                    <div class="flex flex-wrap items-center justify-end gap-1">
                                        <a href="{{ route('kitchen.counter-requisition.print', $s) }}" title="Print voucher"
                                           class="rounded-md border border-border px-2 py-1 text-[11px] hover:bg-accent">Print</a>

                                        @if ($s->status === 'Draft')
                                            <form method="post" action="{{ route('kitchen.counter-requisition.submit', $s) }}">
                                                @csrf
                                                <button class="rounded-md border border-sky-300 px-2 py-1 text-[11px] text-sky-700 hover:bg-sky-50">Submit</button>
                                            </form>
                                            <button type="button" onclick="document.getElementById('s11-edit-{{ $s->id }}').open = true"
                                                    class="rounded-md border border-border px-2 py-1 text-[11px] hover:bg-accent">Edit</button>
                                        @elseif ($s->status === 'Submitted')
                                            <form method="post" action="{{ route('kitchen.counter-requisition.approve', $s) }}">
                                                @csrf
                                                <button class="rounded-md border border-emerald-300 px-2 py-1 text-[11px] text-emerald-700 hover:bg-emerald-50">Approve</button>
                                            </form>
                                            <button type="button" onclick="document.getElementById('s11-reject-{{ $s->id }}').open = true"
                                                    class="rounded-md border border-rose-300 px-2 py-1 text-[11px] text-rose-700 hover:bg-rose-50">Reject</button>
                                        @elseif ($s->status === 'Approved')
                                            <button type="button" onclick="document.getElementById('s11-issue-{{ $s->id }}').open = true"
                                                    class="rounded-md border border-indigo-300 px-2 py-1 text-[11px] text-indigo-700 hover:bg-indigo-50">Issue</button>
                                        @endif

                                        @if (in_array($s->status, ['Draft', 'Submitted'], true))
                                            <form method="post" action="{{ route('kitchen.counter-requisition.cancel', $s) }}"
                                                  onsubmit="return confirm('Cancel {{ $s->s11_no }}?')">
                                                @csrf
                                                <button class="rounded-md border border-border px-2 py-1 text-[11px] text-muted-foreground hover:bg-accent">Cancel</button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>

                            @if ($s->status === 'Draft')
                                <tr class="border-b border-border/60 bg-muted/20 last:border-0">
                                    <td colspan="10" class="px-4 py-3">
                                        <details id="s11-edit-{{ $s->id }}" class="rounded-lg border border-border p-3">
                                            <summary class="cursor-pointer text-xs font-semibold text-muted-foreground">Edit draft {{ $s->s11_no }}</summary>
                                            @include('kitchen.partials.s11-form', ['s11' => $s, 'stores' => $stores, 'items' => $items, 'sel' => $sel])
                                        </details>
                                    </td>
                                </tr>
                            @endif

                            @if ($s->status === 'Submitted')
                                <tr class="border-b border-border/60 bg-muted/20 last:border-0">
                                    <td colspan="10" class="px-4 py-3">
                                        <details id="s11-reject-{{ $s->id }}" class="rounded-lg border border-border p-3">
                                            <summary class="cursor-pointer text-xs font-semibold text-muted-foreground">Reject {{ $s->s11_no }}</summary>
                                            <form method="post" action="{{ route('kitchen.counter-requisition.reject', $s) }}" class="mt-3">
                                                @csrf
                                                <label class="text-xs font-medium" for="s11-reason-{{ $s->id }}">Reason</label>
                                                <textarea id="s11-reason-{{ $s->id }}" name="reason" rows="2" required
                                                          class="mt-1 w-full rounded-lg border border-input bg-transparent px-3 py-2 text-sm outline-none focus-visible:border-ring">{{ old('reason') }}</textarea>
                                                <div class="mt-3">
                                                    <button class="rounded-lg bg-rose-600 px-4 py-2 text-sm font-medium text-white hover:bg-rose-700">Confirm reject</button>
                                                    <span class="ml-2 text-xs text-muted-foreground">The requisition is closed off with your reason recorded for audit.</span>
                                                </div>
                                            </form>
                                        </details>
                                    </td>
                                </tr>
                            @endif

                            @if ($s->status === 'Approved')
                                <tr class="border-b border-border/60 bg-muted/20 last:border-0">
                                    <td colspan="10" class="px-4 py-3">
                                        <details id="s11-issue-{{ $s->id }}" class="rounded-lg border border-border p-3">
                                            <summary class="cursor-pointer text-xs font-semibold text-muted-foreground">Issue {{ $s->s11_no }}</summary>
                                            <form method="post" action="{{ route('kitchen.counter-requisition.issue', $s) }}" class="mt-3">
                                                @csrf
                                                <table class="w-full text-sm">
                                                    <thead>
                                                        <tr class="border-b border-border text-left text-xs text-muted-foreground">
                                                            <th class="py-2 font-medium">Item</th>
                                                            <th class="py-2 text-right font-medium">Required</th>
                                                            <th class="py-2 text-right font-medium">On hand</th>
                                                            <th class="py-2 text-right font-medium">Issue now</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($s->lines as $l)
                                                            <tr class="border-b border-border/50 last:border-0">
                                                                <td class="py-2">{{ $l->item?->name ?? '—' }}</td>
                                                                <td class="py-2 text-right tabular-nums">{{ $num($l->qty_required) }}</td>
                                                                <td class="py-2 text-right tabular-nums">{{ $num($l->item?->on_hand ?? 0) }}</td>
                                                                <td class="py-2 text-right">
                                                                    <input type="number" step="0.01" min="0" max="{{ $l->qty_required }}"
                                                                           name="issued[{{ $l->id }}]" value="{{ $l->qty_issued ?: $l->qty_required }}"
                                                                           class="h-8 w-28 rounded-lg border border-input bg-transparent px-2 text-right text-sm tabular-nums outline-none focus-visible:border-ring">
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                                <div class="mt-3">
                                                    <button class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Confirm issue</button>
                                                    <span class="ml-2 text-xs text-muted-foreground">Quantity is capped at the requested amount; stock is moved to {{ $s->point_of_use }}.</span>
                                                </div>
                                            </form>
                                        </details>
                                    </td>
                                </tr>
                            @endif
                        @empty
                            <tr><td colspan="10" class="px-4 py-8 text-center text-muted-foreground">No requisitions match these filters.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="rounded-xl border border-border bg-card">
            <div class="border-b border-border px-4 py-3">
                <h2 class="text-sm font-semibold">New counter requisition</h2>
            </div>
            <div class="p-4">
                @include('kitchen.partials.s11-form', ['s11' => null, 'stores' => $stores, 'items' => $items, 'sel' => $sel])
            </div>
        </div>
    </div>
@endsection