@extends('layouts.user')
@section('page-title', 'Invoices')

@section('content')
<h4 class="fw-bold mb-3">Invoices</h4>
<div class="card">
    <div class="table-responsive">
        <table class="table mb-0">
            <thead><tr><th>Order #</th><th>Date</th><th>Amount</th><th></th></tr></thead>
            <tbody>
                @forelse ($orders as $o)
                <tr>
                    <td class="fw-medium">{{ $o->order_number }}</td>
                    <td>{{ $o->created_at->format('d M Y') }}</td>
                    <td>₹{{ number_format($o->total_amount,2) }}</td>
                    <td><a href="{{ route('invoices.show', $o) }}" target="_blank">Download</a></td>
                </tr>
                @empty
                <tr><td colspan="4" class="text-center text-muted py-4">No invoices yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection