@extends('layouts.master')
@section('title') My Orders @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Supplier Portal @endslot
@slot('title') My Orders @endslot
@endcomponent

<div class="card">
    <div class="card-header d-flex align-items-center">
        <h5 class="card-title mb-0 flex-grow-1">Purchase Orders awarded to {{ $supplier?->name }}</h5>
        <span class="badge bg-primary-subtle text-primary">{{ $orders->count() }} order(s)</span>
    </div>
    <div class="card-body">
        @if($orders->isEmpty())
        <div class="text-center text-muted py-5">
            <i class="ri-inbox-line fs-1 d-block mb-2"></i>
            You have no purchase orders yet. When the JCF awards you an order it will appear here, where you can view the PO and confirm receipt.
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr><th>PO #</th><th>Reference</th><th>Status</th><th class="text-end">Value</th><th class="text-end">Action</th></tr>
                </thead>
                <tbody>
                    @foreach($orders as $req)
                    @php $po = $req->purchaseOrders->sortByDesc('id')->first(); @endphp
                    <tr>
                        <td class="fw-medium">{{ $po?->po_number ?? '—' }}</td>
                        <td>{{ $req->reference_no }}</td>
                        <td><span class="badge bg-{{ $req->status_color }}-subtle text-{{ $req->status_color }}">{{ $req->status_label }}</span></td>
                        <td class="text-end">{{ $po ? $po->currency.' '.number_format($po->total,2) : '—' }}</td>
                        <td class="text-end">
                            @if($po)
                            <a href="{{ route('po.document', $po) }}" target="_blank" class="btn btn-sm btn-soft-primary"><i class="ri-file-text-line align-bottom"></i> View PO</a>
                            <a href="{{ route('po.delivery-sheet', $po) }}" target="_blank" class="btn btn-sm btn-soft-success"><i class="ri-list-check-2 align-bottom"></i> Delivery Sheet</a>
                            @endif
                            <a href="{{ route('requisitions.show', $req) }}" class="btn btn-sm btn-soft-secondary">Details</a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>
@endsection