@extends('layouts.app')
@section('title','Purchase Report')
@section('content')
<div class="space-y-6">
    <div><h1 class="text-xl font-bold">Purchase Report</h1><p class="text-sm text-ink-muted mt-1">Purchase orders raised during the selected period.</p></div>
    <form method="GET" class="card card-pad grid sm:grid-cols-2 lg:grid-cols-4 gap-3">
        <div><label class="field-label">From</label><input type="date" name="from" value="{{ $from->format('Y-m-d') }}" class="input"></div>
        <div><label class="field-label">To</label><input type="date" name="to" value="{{ $to->format('Y-m-d') }}" class="input"></div>
        <div><label class="field-label">Status</label><select name="status" class="input"><option value="">All statuses</option>@foreach(['draft','submitted','approved','received','cancelled'] as $status)<option value="{{ $status }}" @selected(request('status')===$status)>{{ ucfirst($status) }}</option>@endforeach</select></div>
        <div class="flex items-end"><button class="btn-primary w-full">Filter report</button></div>
    </form>
    <div class="grid sm:grid-cols-2 gap-4">
        <x-stat-card label="Purchase orders" value="{{ $summary['count'] }}" icon="shopping-cart" tone="primary"/>
        <x-stat-card label="Purchase order value" value="{{ number_format($summary['total'],2) }}" icon="banknote" tone="teal"/>
    </div>
    <div class="card overflow-x-auto"><table class="data-table"><thead><tr><th>PO Number</th><th>Date</th><th>Supplier</th><th>Store</th><th>Status</th><th class="text-right">Value</th></tr></thead><tbody>
    @forelse($orders as $order)<tr><td class="font-medium">{{ $order->po_number }}</td><td>{{ $order->created_at->format('d M Y') }}</td><td>{{ $order->supplier->name ?? '—' }}</td><td>{{ $order->store->name ?? '—' }}</td><td>{{ ucfirst($order->status) }}</td><td class="text-right font-semibold">{{ number_format($order->total_amount,2) }}</td></tr>
    @empty<tr><td colspan="6" class="text-center py-8 text-ink-muted">No purchase orders found for this period.</td></tr>@endforelse
    </tbody></table></div>
    {{ $orders->links() }}
</div>
@endsection