@if ($invoices->count() > 0)
	<table class="table table-box pml-table table-log"
		current-page="{{ empty(request()->page) ? 1 : empty(request()->page) }}"
	>
		@foreach ($invoices as $key => $invoice)
            @php
                $billInfo = $invoice->mapType()->getBillingInfo();
            @endphp
			<tr>
                <td width="1%">
					@switch($invoice->status)
						@case(Acelle\Model\Invoice::STATUS_PAID)
							<i class="material-symbols-rounded me-2 text-success invoice-list-icon">credit_score</i>
							@break
						@case(Acelle\Model\Invoice::STATUS_NEW)
							<i class="material-symbols-rounded me-2 text-warning invoice-list-icon">add_circle_outline</i>
							@break
						@default
							<i class="material-symbols-rounded me-2 text-muted invoice-list-icon">remove_circle_outline</i>
					@endswitch
				</td>
                <td>
                    <span class="no-margin kq_search font-weight-semibold text-nowrap">
                        #{{ $invoice->uid }}
                    </span>
                    <div>
                        <span class="text-muted2">{{ trans('messages.invoice.type.' . $invoice->type) }}</span>
                    </div>
                </td>
                @if (request()->show_customer)
                    <td>
                        <a href="{{ action('Admin\CustomerController@edit', $invoice->customer->uid) }}" class="no-margin kq_search font-weight-semibold">
                            {{ $invoice->customer->displayName() }}
                            <span class="material-symbols-rounded ms-1">login</span>
                        </a>
                        <div>
                            <span class="text-muted2">{{ trans('messages.customer') }}</span>
                        </div>
                    </td>
                @endif
                <td>
                    <span class="no-margin kq_search font-weight-semibold text-nowrap">
                        {{ Auth::user()->admin->formatDateTime($invoice->created_at, 'datetime_full') }}
                    </span>
                    <div>
                        <span class="text-muted2">{{ trans('messages.created_at') }}</span>
                    </div>
                </td>
                <td>
                    <span class="no-margin kq_search font-weight-semibold text-nowrap">
                        {{ $billInfo['total'] }}
                    </span>
                    <div>
                        <span class="text-muted2">{{ trans('messages.invoice.amount') }}</span>
                    </div>
                </td>
                {{-- <td>
                    @if ($invoice->getPaymentMethod())
                        <span class="no-margin kq_search font-weight-semibold" style="text-transform: capitalize;">
                            {{ $invoice->getPaymentMethod() }}
                        </span>
                        <div>
                            <span class="text-muted2">{{ trans('messages.payment_method') }}</span>
                        </div>
                    @endif
                </td> --}}
                <td>
                    @if ($invoice->getPendingTransaction())
                        <span class="no-margin kq_search">
                            <span class="label bg-pending" style="white-space: nowrap;">
                                {{ trans('messages.invoice.status.pending') }}
                            </span>
                        </span>
                    @else
                        <span class="no-margin kq_search">
                            <span class="label bg-{{ $invoice->status }}" style="white-space: nowrap;">
                                {{ trans('messages.invoice.status.' . $invoice->status) }}
                            </span>
                        </span>
                    @endif
                </td>
				<td class="text-end text-nowrap">
					<div class="btn-group">
                        <button role="button" class="btn btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"></button>
                        <ul class="dropdown-menu dropdown-menu-end">
                            @if (\Auth::user()->admin->can('download', $invoice))
                                <li>
                                    <a class="dropdown-item" target="_blank" href="{{ action('Admin\InvoiceController@download', [
                                        'uid' => $invoice->uid,
                                    ]) }}">
                                        <i class="material-symbols-rounded me-1">download</i>
                                        {{ trans('messages.invoice.dowload_invoice') }}
                                    </a>
                                </li>
                            @endif
                            @if (\Auth::user()->admin->can('approve', $invoice))
                                <li>
                                    <a class="dropdown-item list-action-single" link-method="POST"
                                        link-confirm="{{ trans('messages.invoice.approve.confirm') }}"
                                        href="{{ action('Admin\InvoiceController@approve', [
                                            'invoice_uid' => $invoice->uid
                                        ]) }}"
                                    >
                                        <i class="material-symbols-rounded me-1">check</i>
                                        {{ trans('messages.invoice.approve') }}
                                    </a>
                                </li>
                            @endif
                            @if (\Auth::user()->admin->can('reject', $invoice))
                                <li>
                                    <a class="dropdown-item"
                                        list-action="reject"
                                        href="{{ action('Admin\InvoiceController@reject', [
                                            'invoice_uid' => $invoice->uid
                                        ]) }}"
                                    >
                                        <i class="material-symbols-rounded me-1">block</i>
                                        {{ trans('messages.invoice.reject') }}
                                    </a>
                                </li>
                            @endif
                            <li>
                                <a class="dropdown-item"
                                    list-action="logs"
                                    href="{{ action('Admin\InvoiceController@logs', [
                                        'invoice_uid' => $invoice->uid
                                    ]) }}"
                                >
                                    <i class="material-symbols-rounded me-1">history</i>
                                    {{ trans('messages.invoice.logs') }}
                                </a>
                            </li>
                            @if (\Auth::user()->admin->can('delete', $invoice))
                                <li>
                                    <a class="dropdown-item list-action-single" link-method="DELETE" link-confirm="{{ trans('messages.invoice.delete.confirm') }}"
                                        href="{{ action('Admin\InvoiceController@delete', ['invoice_uid' => $invoice->uid]) }}">
                                            <i class="material-symbols-rounded me-1">delete</i>
                                            {{ trans('messages.invoice.delete') }}
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </div>
                </td>
			</tr>
		@endforeach
	</table>

	@include('elements/_per_page_select', ["items" => $invoices])

    <script>
        $(function() {
            $('[list-action="reject"]').on('click', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');

                InvoiceList.showPopup(url);
            });

            $('[list-action="logs"]').on('click', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');

                InvoiceList.showPopup(url);
            });
        });

        var InvoiceList = {
            popup: null,

            showPopup: function(url) {
                this.popup = new Popup();
                this.popup.load(url);
            }
        }
    </script>

@elseif (!empty(request()->keyword) || !empty(request()->filters))
	<div class="empty-list">
		<span class="material-symbols-rounded">assignment_turned_in</span>
		<span class="line-1">
			{{ trans('messages.no_search_result') }}
		</span>
	</div>
@else
	<div class="empty-list">
		<span class="material-symbols-rounded">assignment_turned_in</span>
		<span class="line-1">
			{{ trans('messages.subscription_empty_line_1_admin') }}
		</span>
	</div>
@endif