@extends('garage.layouts.app')

@section('title', 'Purchase order vouchers')

@section('content')
<div class="container-fluid px-2 px-lg-3 py-3">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
        <div>
            <h1 class="h5 mb-1"><i class="bi bi-link-45deg me-2 text-primary"></i>Purchase order vouchers</h1>
            <div class="text-muted small">PO: <span class="font-monospace fw-semibold">{{ $purchaseOrder->purchase_order_number }}</span> · {{ $purchaseOrder->purchase_order_date }}</div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('garage.purchase-orders.index') }}" class="btn btn-sm btn-outline-secondary">All orders</a>
            <a href="{{ route('garage.purchase-orders.show', $purchaseOrder->id) }}" class="btn btn-sm btn-outline-secondary">PO detail</a>
        </div>
    </div>

    <div class="table-responsive border rounded bg-white">
        <table class="table table-sm table-hover mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th>Voucher</th>
                    <th>Date</th>
                    <th>Type</th>
                    <th>Status</th>
                    <th class="text-end">Amount</th>
                    <th class="text-end">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($vouchers as $v)
                    <tr>
                        <td class="font-monospace fw-semibold">{{ $v->voucher_no }}</td>
                        <td class="text-muted">{{ $v->voucher_date }}</td>
                        <td><span class="badge bg-secondary">{{ $v->voucher_type }}</span></td>
                        <td><span class="badge bg-{{ $v->status === 'posted' ? 'success' : ($v->status === 'draft' ? 'warning' : 'danger') }}">{{ $v->status }}</span></td>
                        <td class="text-end">PKR {{ number_format((float) $v->total_amount, 2) }}</td>
                        <td class="text-end">
                            <a class="btn btn-sm btn-outline-primary" href="{{ route('garage.vouchers.show', $v->id) }}">Open</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-muted py-4">No vouchers linked to this purchase order.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection