@extends('layouts.dashboard')
@section('title', 'Invoices')
@section('page-title', 'Invoices')
@section('content')
<div class="content-card">
    <div class="content-card-header">
        <h3>All Invoices</h3>
        <a href="{{ route('admin.invoices.create') }}" class="btn btn-primary btn-sm">+ Create Invoice</a>
    </div>

    <form method="GET" class="row g-2 mb-3">
        <div class="col-md-3">
            <select name="status" class="form-select" onchange="this.form.submit()">
                <option value="">All Statuses</option>
                <option value="unpaid" {{ request('status')=='unpaid'?'selected':'' }}>Unpaid</option>
                <option value="paid" {{ request('status')=='paid'?'selected':'' }}>Paid</option>
                <option value="cancelled" {{ request('status')=='cancelled'?'selected':'' }}>Cancelled</option>
                <option value="refunded" {{ request('status')=='refunded'?'selected':'' }}>Refunded</option>
            </select>
        </div>
    </form>

    <div class="table-responsive">
    <table class="table">
        <thead><tr><th>#</th><th>User</th><th>Package</th><th>Amount</th><th>Status</th><th>Due</th><th>Actions</th></tr></thead>
        <tbody>
        @forelse($invoices as $inv)
            <tr>
                <td><a href="{{ route('admin.invoices.show', $inv) }}">{{ $inv->invoice_number }}</a></td>
                <td>{{ $inv->user->name ?? '—' }}</td>
                <td>{{ $inv->package->name ?? '—' }}</td>
                <td>${{ number_format($inv->amount, 2) }}</td>
                <td><span class="badge {{ $inv->statusBadgeClass() }}">{{ ucfirst($inv->status) }}</span></td>
                <td class="small">{{ $inv->due_date?->format('M d, Y') ?? '—' }}</td>
                <td>
                    @if($inv->isUnpaid())
                        <form action="{{ route('admin.invoices.markPaid', $inv) }}" method="POST" class="d-inline">
                            @csrf <button class="btn btn-sm btn-success">Mark Paid</button>
                        </form>
                    @else
                        <form action="{{ route('admin.invoices.markUnpaid', $inv) }}" method="POST" class="d-inline">
                            @csrf <button class="btn btn-sm btn-outline-warning">Mark Unpaid</button>
                        </form>
                    @endif
                    <form action="{{ route('admin.invoices.destroy', $inv) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete invoice?')">
                        @csrf @method('DELETE')
                        <button class="btn btn-sm btn-outline-danger">Del</button>
                    </form>
                </td>
            </tr>
        @empty
            <tr><td colspan="7" class="text-center text-muted py-3">No invoices.</td></tr>
        @endforelse
        </tbody>
    </table>
    </div>
    {{ $invoices->links() }}
</div>
@endsection