@extends('layouts.app')
@section('title', 'Riwayat Invoice — ' . $customer->nama)

@section('content')
<div class="mb-4">
    <a href="{{ route('customers.show', $customer) }}" class="text-[#1e6fbf] text-sm hover:underline">← Kembali ke detail customer</a>
</div>

<div class="bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden">
    <table class="min-w-full text-sm">
        <thead class="bg-slate-50 text-xs uppercase text-slate-600">
            <tr>
                <th class="px-4 py-3 text-left">Nomor</th>
                <th class="px-4 py-3 text-left">Tanggal</th>
                <th class="px-4 py-3 text-center">Qty</th>
                <th class="px-4 py-3 text-right">Total</th>
                <th class="px-4 py-3 text-right">Dibayar</th>
                <th class="px-4 py-3 text-center">Status</th>
                <th class="px-4 py-3"></th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @forelse($invoices as $inv)
                <tr class="hover:bg-slate-50">
                    <td class="px-4 py-3 font-mono text-xs">{{ $inv->nomor_invoice }}</td>
                    <td class="px-4 py-3">{{ $inv->tanggal_invoice->format('d/m/Y') }}</td>
                    <td class="px-4 py-3 text-center">{{ $inv->total_qty }}</td>
                    <td class="px-4 py-3 text-right">Rp {{ number_format($inv->total_akhir, 0, ',', '.') }}</td>
                    <td class="px-4 py-3 text-right">Rp {{ number_format($inv->total_dibayar, 0, ',', '.') }}</td>
                    <td class="px-4 py-3 text-center">
                        <span class="text-[10px] px-1.5 py-0.5 rounded border {{ $inv->status_badge }}">{{ $inv->status }}</span>
                    </td>
                    <td class="px-4 py-3 text-right">
                        <a href="{{ route('invoices.show', $inv) }}" class="text-blue-600 hover:underline text-xs">Lihat</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center py-8 text-slate-500">Belum ada invoice.</td></tr>
            @endforelse
        </tbody>
    </table>
    <div class="p-3 border-t border-slate-200">{{ $invoices->links() }}</div>
</div>
@endsection