@extends('admin.layout.app')
@section('title', 'Billing History')
@section('content')

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="content-area">
                    <main id="main" class="main-content">
                        <div class="tfcl-dashboard">

                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <h1 class="admin-title mb-0">Billing History</h1>
                                <a href="{{ route('admin.seller.index') }}" class="sc-button">
                                    ← Back to Sellers Index
                                </a>
                            </div>

                            @if($invoices->count())
                                <div class="tfcl-dashboard-listing">
                                    <div class="table-responsive">
                                        <table class="table" style="background:#fff; border-radius:12px;">
                                            <thead>
                                            <tr>
                                                <th>Invoice #</th>
                                                <th>Package</th>
                                                <th>Listings</th>
                                                <th>Amount</th>
                                                <th>Date</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($invoices as $invoice)
                                                <tr>
                                                    <td><strong>{{ $invoice->invoice_number }}</strong></td>
                                                    <td>{{ $invoice->snapshot['title'] ?? '—' }}</td>
                                                    <td>{{ $invoice->snapshot['limit'] ?? '—' }} listings</td>
                                                    <td><strong>${{ number_format($invoice->amount, 2) }}</strong></td>
                                                    <td>{{ $invoice->paid_at->format('M d, Y') }}</td>
                                                    <td>
                                                        <a href="{{ route('admin.seller.invoice', $invoice->id) }}"
                                                           target="_blank"
                                                           class="btn btn-sm btn-outline-warning">
                                                            View Invoice
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="mt-3">
                                        {{ $invoices->links() }}
                                    </div>
                                </div>
                            @else
                                <div class="text-center py-5">
                                    <img src="{{ asset('assets/images/dashboard/no-data.svg') }}"
                                         style="width:120px; opacity:.5;" class="mb-3">
                                    <p class="text-muted">No billing history found.</p>
                                </div>
                            @endif

                        </div>
                    </main>
                </div>
            </div>
        </div>
    </div>

@endsection