@extends('layouts.app')
@section('title','Purchases')@section('page-title','Purchase Orders')
@section('content')
<div class="page-header d-flex align-items-start justify-content-between">
    <div><h1>Purchase Orders</h1><p>Track all stock receipts from suppliers</p></div>
    <a href="{{ route('purchases.create') }}" class="btn btn-brand"><i class="bi bi-plus-lg me-1"></i> New Purchase</a>
</div>
<div class="card mb-4"><div class="card-body p-3">
    <form method="GET" class="row g-2 align-items-end">
        <div class="col-12 col-md-4"><div class="search-bar"><i class="bi bi-search"></i><input type="text" name="search" class="form-control" placeholder="Search PO number..." value="{{ request('search') }}"></div></div>
        <div class="col-6 col-md-2"><select name="status" class="form-select"><option value="">All Status</option>@foreach(['received','pending','partial','cancelled'] as $s)<option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst($s) }}</option>@endforeach</select></div>
        @if(auth()->user()->isAdmin())<div class="col-6 col-md-2"><select name="branch" class="form-select"><option value="">All Branches</option>@foreach($branches as $b)<option value="{{ $b->id }}" {{ request('branch')==$b->id?'selected':'' }}>{{ $b->code }}</option>@endforeach</select></div>@endif
        <div class="col-auto d-flex gap-2"><button type="submit" class="btn btn-brand">Filter</button><a href="{{ route('purchases.index') }}" class="btn btn-outline-secondary">Reset</a></div>
    </form>
</div></div>
<div class="card"><div class="card-body p-0">
    <div class="table-responsive">
    <table class="table table-hover mb-0">
        <thead><tr>
            <th class="ps-4">PO Number</th>
            @if(auth()->user()->isAdmin())<th>Branch</th>@endif
            <th>Supplier</th><th>Items</th><th class="text-end">Total (USD)</th><th>Status</th><th class="text-end pe-4">Date</th>
        </tr></thead>
        <tbody>
        @forelse($purchases as $po)
        <tr>
            <td class="ps-4"><a href="{{ route('purchases.show',$po) }}" style="font-weight:700;color:var(--accent);text-decoration:none;font-size:13px;">{{ $po->po_number }}</a></td>
            @if(auth()->user()->isAdmin())<td><span style="font-size:11px;font-family:monospace;background:rgba(46,196,182,.1);color:var(--accent);padding:2px 8px;border-radius:6px;">{{ $po->branch?->code ?? '—' }}</span></td>@endif
            <td style="font-size:13px;">{{ $po->supplier?->name ?? 'Direct' }}</td>
            <td style="font-size:13px;font-weight:600;">{{ $po->items->sum('quantity') }} units</td>
            <td class="text-end fw-700">${{ number_format($po->total_usd,2) }}</td>
            <td><span class="badge-status badge-{{ $po->status==='received'?'completed':($po->status==='pending'?'pending':'cancelled') }}">{{ ucfirst($po->status) }}</span></td>
            <td class="text-end pe-4" style="font-size:12px;color:var(--text-muted-c)">{{ $po->purchase_date->format('M j, Y') }}</td>
        </tr>
        @empty
        <tr><td colspan="{{ auth()->user()->isAdmin()?7:6 }}" class="text-center py-5 text-muted"><i class="bi bi-truck" style="font-size:40px"></i><p class="mt-2 mb-0">No purchase orders yet.</p></td></tr>
        @endforelse
        </tbody>
    </table>
    </div>
</div>
@if($purchases->hasPages())
<div class="card-footer d-flex justify-content-between align-items-center p-3" style="border-top:1px solid var(--border-c)">
    <small class="text-muted">{{ $purchases->firstItem() }}–{{ $purchases->lastItem() }} of {{ $purchases->total() }}</small>{{ $purchases->links() }}
</div>
@endif
</div>
@endsection