@extends('layouts.app')

@section('title', 'Purchase 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 class="flex flex-wrap items-end justify-between gap-3">
            <div>
                <p class="text-xs font-medium text-muted-foreground">Vote-funded requests raised from stores, feeding into Inventory purchase orders</p>
                <h1 class="text-lg font-semibold">Purchase Requisition</h1>
            </div>
            <a href="{{ route('kitchen.purchase-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>

        @include('partials.flashes')

        <div class="grid grid-cols-2 gap-3 lg:grid-cols-4">
            @foreach ([
                ['label' => 'Requisitions', 'value' => (string) $rows->count()],
                ['label' => 'Awaiting approval', 'value' => (string) $rows->where('status', 'Submitted')->count()],
                ['label' => 'Approved, not ordered', 'value' => (string) $rows->where('status', 'Approved')->count()],
                ['label' => 'Estimate value', 'value' => $money($rows->sum('estimate'))],
            ] as $card)
                <div class="rounded-xl border border-border bg-card p-4">
                    <span class="block text-lg font-semibold tabular-nums">{{ $card['value'] }}</span>
                    <span class="block text-xs text-muted-foreground">{{ $card['label'] }}</span>
                </div>
            @endforeach
        </div>

        <div class="rounded-xl border border-border bg-card">
            <form method="get" action="{{ route('kitchen.purchase-requisition') }}" class="flex flex-wrap items-end gap-3 border-b border-border p-4">
                <div class="min-w-48 flex-1">
                    <x-field label="Search"><x-input name="q" value="{{ $filters['q'] }}" placeholder="PR, raiser, department, line" /></x-field>
                </div>
                <div class="min-w-36">
                    <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>
                </div>
                <div class="min-w-40">
                    <x-field label="Vote">
                        <select name="vote" class="{{ $sel }}">
                            <option value="all">All votes</option>
                            @foreach ($votes as $vote)
                                <option value="{{ $vote->id }}" @selected($filters['vote'] === (string) $vote->id)>{{ $vote->name }}</option>
                            @endforeach
                        </select>
                    </x-field>
                </div>
                <button class="h-9 rounded-lg bg-primary px-3 text-sm font-medium text-primary-foreground">Filter</button>
                <a href="{{ route('kitchen.purchase-requisition') }}"
                   class="flex h-9 items-center rounded-lg border border-border px-3 text-sm hover:bg-accent">Reset</a>
            </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">PR</th>
                            <th class="px-4 py-2 font-medium">Date</th>
                            <th class="px-4 py-2 font-medium">Vote</th>
                            <th class="px-4 py-2 font-medium">Department</th>
                            <th class="px-4 py-2 font-medium">Raised by</th>
                            <th class="px-4 py-2 text-center font-medium">Lines</th>
                            <th class="px-4 py-2 text-right font-medium">Estimate</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 $pr)
                            <tr class="border-b border-border/60 align-top last:border-0">
                                <td class="px-4 py-2 font-mono text-xs font-semibold">{{ $pr->pr_no }}</td>
                                <td class="px-4 py-2 text-xs">{{ $day($pr->raised_on) }}</td>
                                <td class="px-4 py-2">{{ $pr->vote?->name ?? '—' }}</td>
                                <td class="px-4 py-2">{{ $pr->department }}</td>
                                <td class="px-4 py-2 text-xs">{{ $pr->raised_by }}</td>
                                <td class="px-4 py-2 text-center tabular-nums">{{ $pr->lineCount() }}</td>
                                <td class="px-4 py-2 text-right tabular-nums">{{ $money($pr->estimate) }}</td>
                                <td class="px-4 py-2">
                                    @include('kitchen.partials.badge', ['status' => $pr->status])
                                    @if ($pr->reject_reason)
                                        <span class="mt-0.5 block text-[11px] text-rose-700">{{ $pr->reject_reason }}</span>
                                    @endif
                                </td>
                                <td class="px-4 py-2">
                                    <div class="flex flex-wrap items-center justify-end gap-1">
                                        @if ($pr->status === 'Draft')
                                            <form method="post" action="{{ route('kitchen.purchase-requisition.action', $pr) }}">
                                                @csrf
                                                <input type="hidden" name="action" value="submit">
                                                <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('pr-edit-{{ $pr->id }}').open = true"
                                                    class="rounded-md border border-border px-2 py-1 text-[11px] hover:bg-accent">Edit</button>
                                        @elseif ($pr->status === 'Submitted')
                                            <form method="post" action="{{ route('kitchen.purchase-requisition.action', $pr) }}">
                                                @csrf
                                                <input type="hidden" name="action" value="approve">
                                                <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('pr-reject-{{ $pr->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 ($pr->status === 'Approved')
                                            <form method="post" action="{{ route('kitchen.purchase-requisition.action', $pr) }}">
                                                @csrf
                                                <input type="hidden" name="action" value="order">
                                                <button class="rounded-md border border-violet-300 px-2 py-1 text-[11px] text-violet-700 hover:bg-violet-50">Mark ordered</button>
                                            </form>
                                        @endif

                                        @if (in_array($pr->status, ['Draft', 'Submitted'], true))
                                            <form method="post" action="{{ route('kitchen.purchase-requisition.action', $pr) }}"
                                                  onsubmit="return confirm('Cancel {{ $pr->pr_no }}?')">
                                                @csrf
                                                <input type="hidden" name="action" value="cancel">
                                                <button class="rounded-md border border-border px-2 py-1 text-[11px] text-muted-foreground hover:bg-accent">Cancel</button>
                                            </form>
                                        @endif

                                        @if ($pr->status === 'Draft')
                                            <form method="post" action="{{ route('kitchen.purchase-requisition.destroy', $pr) }}"
                                                  onsubmit="return confirm('Delete {{ $pr->pr_no }}?')">
                                                @csrf @method('DELETE')
                                                <button class="rounded-md border border-rose-300 px-2 py-1 text-[11px] text-rose-700 hover:bg-rose-50">Delete</button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>

                            <tr class="border-b border-border/60 bg-muted/20 last:border-0">
                                <td colspan="9" class="px-4 py-3">
                                    <details id="pr-lines-{{ $pr->id }}" class="rounded-lg border border-border p-3" open>
                                        <summary class="cursor-pointer text-xs font-semibold text-muted-foreground">
                                            Line items for {{ $pr->pr_no }}
                                        </summary>
                                        <table class="mt-2 w-full text-xs">
                                            <thead>
                                                <tr class="border-b border-border text-left text-muted-foreground">
                                                    <th class="py-1 font-medium">Description</th>
                                                    <th class="py-1 font-medium">Store item</th>
                                                    <th class="py-1 text-right font-medium">Qty</th>
                                                    <th class="py-1 font-medium">Unit</th>
                                                    <th class="py-1 text-right font-medium">Est. unit cost</th>
                                                    <th class="py-1 text-right font-medium">Line total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($pr->lines as $line)
                                                    <tr class="border-b border-border/40 last:border-0">
                                                        <td class="py-1">{{ $line->description }}</td>
                                                        <td class="py-1 text-muted-foreground">{{ $line->item?->name ?? '—' }}</td>
                                                        <td class="py-1 text-right tabular-nums">{{ $num($line->qty) }}</td>
                                                        <td class="py-1">{{ $line->unit }}</td>
                                                        <td class="py-1 text-right tabular-nums">{{ $money($line->est_unit_cost) }}</td>
                                                        <td class="py-1 text-right tabular-nums">{{ $money($line->lineTotal()) }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </details>

                                    @if ($pr->status === 'Draft')
                                        <details id="pr-edit-{{ $pr->id }}" class="mt-2 rounded-lg border border-border p-3">
                                            <summary class="cursor-pointer text-xs font-semibold text-muted-foreground">Edit draft {{ $pr->pr_no }}</summary>
                                            @include('kitchen.partials.pr-form', ['pr' => $pr, 'votes' => $votes, 'items' => $items, 'sel' => $sel, 'today' => $today])
                                        </details>
                                    @endif

                                    @if (in_array($pr->status, ['Submitted', 'Approved', 'Ordered', 'Rejected'], true))
                                        <details id="pr-reject-{{ $pr->id }}" class="mt-2 rounded-lg border border-border p-3">
                                            <summary class="cursor-pointer text-xs font-semibold text-muted-foreground">Reject {{ $pr->pr_no }}</summary>
                                            <form method="post" action="{{ route('kitchen.purchase-requisition.action', $pr) }}" class="mt-3 flex flex-wrap items-end gap-2">
                                                @csrf
                                                <input type="hidden" name="action" value="reject">
                                                <div class="min-w-64 flex-1">
                                                    <x-field label="Reason *" required><x-input name="reason" required /></x-field>
                                                </div>
                                                <button class="h-9 rounded-lg border border-rose-300 px-3 text-sm text-rose-700 hover:bg-rose-50">Reject</button>
                                            </form>
                                        </details>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="9" 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 purchase requisition</h2>
            </div>
            <div class="p-4">
                @include('kitchen.partials.pr-form', ['pr' => null, 'votes' => $votes, 'items' => $items, 'sel' => $sel, 'today' => $today])
            </div>
        </div>
    </div>
@endsection