@extends('layouts.app')
@section('title', 'Purchase Orders')

@section('content')
<div class="space-y-6">
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
        <div>
            <h1 class="text-xl font-bold">Purchase Orders</h1>
            <p class="text-sm text-ink-muted">Purchase Request → Purchase Order → Goods Received → Stock Updated.</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"><a href="{{ route('purchasing.orders.show', $order) }}" class="btn-ghost btn-sm">Open</a></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