@extends('admin.clients.tabs._layout')

@section('tab-content')
<x-admin.card :title="__('admin/clients.tabs_invoices')" icon="fas fa-file-invoice">
    <div class="table-responsive">
        <table id="invoices" class="table table-hover align-middle mb-0"
               data-records-url="{{ route('api.admin.clients.invoices.records', $client) }}">
            <thead>
                <tr>
                    <th>{{ __('admin/clients.invoices_table_id') }}</th>
                    <th>{{ __('admin/clients.invoices_table_invoice_number') }}</th>
                    <th>{{ __('admin/clients.invoices_table_status') }}</th>
                    <th>{{ __('admin/clients.invoices_table_amount') }}</th>
                    <th>{{ __('admin/clients.invoices_table_due_date') }}</th>
                    <th>{{ __('admin/clients.invoices_table_created_at') }}</th>
                    <th class="text-end">{{ __('admin/clients.invoices_table_actions') }}</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</x-admin.card>

@push('scripts')
<script>
    window.translations = {
        common: {
            buttons_edit: '{{ __("admin/common.buttons_edit") }}'
        }
    };
</script>
@vite('resources/js/admin/clients/invoices.js')
@endpush
@endsection
