@extends('garage.layouts.app')

@section('title', 'Purchase invoice 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 invoice vouchers</h1>
            <div class="text-muted small">Invoice: <span class="font-monospace fw-semibold">{{ $invoice->bill_number }}</span> · {{ $invoice->bill_date }}</div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('garage.purchase-invoices.index') }}" class="btn btn-sm btn-outline-secondary">All invoices</a>
            <a href="{{ route('garage.purchase-invoices.show', $invoice->id) }}" class="btn btn-sm btn-outline-secondary">Invoice detail</a>
        </div>
    </div>

    <p class="small text-muted mb-2">Journal posts when status is <strong>Received</strong> (or partial/paid/overdue): <strong>Dr Purchase Account</strong>, <strong>Cr Vendor</strong>.</p>

    <div class="table-responsive border rounded bg-white">
        <table class="table table-sm table-hover mb-0">
            <thead class="table-light">
                <tr>
                    <th>Voucher</th>
                    <th>Date</th>
                    <th>Type</th>
                    <th>Status</th>
                    <th class="text-end">Amount</th>
                    <th></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' : 'warning' }}">{{ $v->status }}</span></td>
                    <td class="text-end">{{ number_format((float) $v->total_amount, 2) }}</td>
                    <td class="text-end"><a href="{{ route('garage.vouchers.show', $v->id) }}" class="btn btn-sm btn-outline-primary">Open</a></td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-4">No journal voucher for this invoice yet. Save with status Received and a vendor to post.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection