@extends('layouts.app')
@section('title', !empty($isRequisitionList) ? 'Purchase Requisitions' : 'Purchase List / Orders')

@section('content')
<div class="space-y-6">
    @if (session('success')) <div class="rounded-lg border border-emerald-200 bg-emerald-50 p-3 text-sm text-emerald-800">{{ session('success') }}</div> @endif
    @if ($errors->has('purchase_order')) <div class="rounded-lg border border-rose-200 bg-rose-50 p-3 text-sm text-rose-800">{{ $errors->first('purchase_order') }}</div> @endif
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
        <div>
            <h1 class="text-xl font-bold">{{ !empty($isRequisitionList) ? 'Purchase Requisitions' : 'List Purchases / Purchase Orders' }}</h1>
            <p class="text-sm text-ink-muted">{{ !empty($isRequisitionList) ? 'Pending purchase requests awaiting approval or ordering.' : 'Track supplier purchases, orders, receipts and stock updates.' }}</p>
        </div>
        @can('purchase_orders.create')
        <a href="{{ route('purchasing.orders.create') }}" class="btn-primary btn-sm"><i data-lucide="plus" class="w-3.5 h-3.5"></i> New purchase order</a>
        @endcan
    </div>

    <div class="flex gap-2 overflow-x-auto">
        @foreach (['' => 'All', 'pending' => 'Pending', 'approved' => 'Approved', 'received' => 'Received'] as $val => $lbl)
            <a href="{{ request()->fullUrlWithQuery(['status' => $val ?: null]) }}" class="btn-sm {{ request('status', '') === $val ? 'btn-primary' : 'btn-secondary' }}">{{ $lbl }}</a>
        @endforeach
    </div>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>PO #</th><th>Supplier</th><th>Store</th><th class="text-right">Total</th><th>Status</th><th>Expected</th><th></th></tr></thead>
            <tbody>
                @forelse ($orders as $order)
                    <tr>
                        <td class="font-medium">{{ $order->po_number }}</td>
                        <td>{{ $order->supplier->name }}</td>
                        <td>{{ $order->store->name }}</td>
                        <td class="text-right font-semibold">{{ number_format($order->total_amount, 2) }}</td>
                        <td><x-badge color="{{ ['pending'=>'amber','approved'=>'teal','received'=>'emerald','cancelled'=>'rose'][$order->status] ?? 'slate' }}">{{ ucfirst($order->status) }}</x-badge></td>
                        <td>{{ $order->expected_date?->format('d M Y') ?? '—' }}</td>
                        <td class="text-right whitespace-nowrap">
                            <a href="{{ route('purchasing.orders.show', $order) }}" class="btn-ghost btn-sm">Open</a>
                            @if (auth()->user()->hasRole('administrator'))
                                <form method="POST" action="{{ route('purchasing.orders.destroy', $order) }}" class="inline" onsubmit="return confirm('Delete purchase order {{ $order->po_number }}? Received stock will be reversed only if enough quantity remains in this store. This action cannot be undone.');">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn-ghost btn-sm text-danger">Delete</button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-ink-muted py-8">No purchase orders yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $orders->links() }}
</div>
@endsection