@extends('layouts.admin')

@section('title', 'Purchase Orders')

@section('content')
<div class="tw-migrated space-y-4">
    <x-ui.page-header title="Purchase Orders">
        <x-slot:actions>
            <x-ui.button href="{{ route('admin.suppliers.index') }}" variant="outline" size="sm">
                <i class="bi bi-truck"></i> Suppliers
            </x-ui.button>
            <x-ui.button href="{{ route('admin.purchase-orders.create') }}">
                <i class="bi bi-plus-circle"></i> Create PO
            </x-ui.button>
        </x-slot:actions>
    </x-ui.page-header>

    <x-ui.card>
        <form method="get" class="purchase-order-filters mb-0">
            <div class="row g-2 align-items-end justify-content-end flex-nowrap">
            <div class="col-lg-2">
                <label class="admin-form-label">Status</label>
                <select name="status" class="form-select admin-form-control">
                    <option value="">All</option>
                    @foreach(['draft','ordered','partial','received','cancelled'] as $st)
                        <option value="{{ $st }}" @selected(request('status')===$st)>{{ ucfirst($st) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-lg-2">
                <label class="admin-form-label">Location</label>
                <select name="location_id" class="form-select admin-form-control">
                    <option value="">All</option>
                    @foreach($locations as $loc)
                        <option value="{{ $loc->id }}" @selected(request('location_id')==$loc->id)>{{ $loc->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="admin-form-label">Search</label>
                <div class="products-search-wrap">
                    <i class="bi bi-search"></i>
                    <input type="text" name="q" value="{{ request('q') }}" class="form-control admin-form-control" placeholder="PO number or supplier">
                </div>
            </div>
            <div class="col-auto">
                <label class="admin-form-label">&nbsp;</label>
                <button type="submit" class="admin-btn-primary">Filter</button>
            </div>
            </div>
        </form>
    </x-ui.card>

    <x-ui.card>
        <x-ui.table>
            <x-slot:thead>
                <tr>
                    <th>PO #</th>
                    <th>Supplier</th>
                    <th>Location</th>
                    <th>Items</th>
                    <th>Status</th>
                    <th>Total</th>
                    <th>Expected</th>
                    <th>Created</th>
                    <th></th>
                </tr>
            </x-slot:thead>
            @forelse($orders as $po)
            <tr>
                <td><strong>{{ $po->po_number }}</strong></td>
                <td>{{ $po->supplier?->name }}</td>
                <td>{{ $po->location?->name }}</td>
                <td>{{ $po->items_count ?? $po->items->count() }}</td>
                <td>
                    @php
                        $badge = match($po->status) {
                            'draft' => 'secondary',
                            'ordered' => 'primary',
                            'partial' => 'warning',
                            'received' => 'success',
                            'cancelled' => 'danger',
                            default => 'secondary',
                        };
                    @endphp
                    <x-ui.badge :variant="$badge">{{ ucfirst($po->status) }}</x-ui.badge>
                </td>
                <td>₹{{ number_format($po->total_amount, 2) }}</td>
                <td>{{ $po->expected_date?->format('d M Y') ?? '—' }}</td>
                <td>{{ $po->created_at?->format('d M Y') }}</td>
                <td>
                    <x-ui.button href="{{ route('admin.purchase-orders.show', $po) }}" variant="outline" size="sm">Open</x-ui.button>
                </td>
            </tr>
            @empty
            <tr><td colspan="9" class="text-center text-muted py-4">No purchase orders yet.</td></tr>
            @endforelse
        </x-ui.table>
        {{ $orders->withQueryString()->links() }}
    </x-ui.card>
</div>
@endsection