@extends('garage.layouts.app')

@section('title', ($glOrder ?? '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-journal-text me-2 text-primary"></i>{{ $glOrder ?? 'Order' }} vouchers</h1>
            <div class="text-muted small">
                {{ $glOrder ?? 'Order' }}: <span class="font-monospace fw-semibold">{{ $repairOrder->repair_order_number }}</span>
                · {{ $repairOrder->repair_order_date }}
                @if(isset($repairOrder->advance_amount) && (float) $repairOrder->advance_amount > 0)
                    · Advance: <strong>PKR {{ number_format((float) $repairOrder->advance_amount, 2) }}</strong>
                @endif
            </div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('garage.repair-orders.index') }}" class="btn btn-sm btn-outline-secondary">All {{ strtolower($glOrders ?? 'orders') }}</a>
            <a href="{{ route('garage.repair-orders.show', $repairOrder->id) }}" class="btn btn-sm btn-outline-secondary">{{ $glOrder ?? 'Order' }} detail</a>
        </div>
    </div>

    <p class="small text-muted mb-2">
        Advance journal: <strong>Dr Orders Account</strong>, <strong>Cr Customer</strong>.
        Editing the order and saving again updates the same active voucher (no duplicate).
    </p>

    <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>Purpose</th>
                    <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 class="{{ ($v->status ?? '') === 'cancelled' ? 'table-secondary text-muted' : '' }}">
                        <td class="text-capitalize">{{ str_replace('_', ' ', (string) ($v->purpose ?? 'order')) }}</td>
                        <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">{{ number_format((float) ($v->total_amount ?? $v->link_amount ?? 0), 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="7" class="text-center text-muted py-4">
                            No vouchers linked to this {{ strtolower($glOrder ?? 'order') }}.
                            @if(isset($repairOrder->advance_amount) && (float) $repairOrder->advance_amount > 0)
                                Advance is recorded — edit the order and save again to post the journal.
                            @endif
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection