@props([
    'invoices' => null,
    'resultCriteriasSearch' => null,
    'showTeam' => false
])
<div>
    <div class="-mx-4 sm:-mx-8 px-4 sm:px-8 py-4 overflow-x-auto">
        <div class="inline-block min-w-full shadow rounded-sm overflow-hidden shadow-md">
            <div class="flex justify-between bg-indigo-600 px-2 py-1 text-white tracking-widest">
                <div class="justify-start">{{ __('admin_invoices_title') }} ({{$invoices->count()}})</div>
                <div class="justify-end flex">
                    <a href="#" wire:click.prevent="openSearchModal()" class="mr-3">
                        <i class="fad fa-search"></i>
                    </a>
                </div>
            </div>
            <x-criterias-search :resultCriteriasSearch="$resultCriteriasSearch" />
            <table class="min-w-full leading-normal">
                <thead>
                    <tr>
                        <th class="text-left">#</th>
                        <th>{{ __("admin_table_invoice_number") }}</th>
                        <th>{{ __('saas_table_date_emit') }}</th>
                        <th>{{ __("admin_table_house") }}</th>
                        <th>{{ __('saas_table_period') }}</th>
                        <th>{{ __("admin_table_amount_ht") }}</th>
                        <th>{{ __("saas_table_tva") }}</th>
                        <th>{{ __("admin_table_amount_ttc") }}</th>
                        @if($showTeam)
                            <th>{{ __("admin_table_project") }}</th>
                        @endif
                        <th>{{ __("admin_table_status") }}</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($invoices as $in)
                        <tr>
                            <td class="text-left">
                                <i class="fad fa-circle text-sm text-{{ ($in->deleted_at) ? "red" : "greendack" }}-600"></i>
                                {{ $loop->index + 1 }}
                            </td>
                            <td>{{ $in->number }}</td>
                            <td class="capitalize">{{ $in->date_emit }}</td>
                            <td>{{ $in->house->reference }}</td>
                            <td class="capitalize">{{ $in->period }}</td>
                            <td>{{ format_amount($in->total, $in->currency) }}</td>
                            <td>{{ $in->tva ? $in->tva : '0' }}%</td>
                            <td>{{ format_amount($in->total_ttc, $in->currency) }}</td>
                             @if($showTeam)
                                <td>{{ $in->house->team->name }}</td>
                            @endif
                            <td>{!! $in->status_badge !!}</td>
                            <td>
                                @can('show_projects')
                                    <a href="#" wire:click.prevent="openInvoiceModal({{ $in->id }})" class="text-base text-teal-600 hover:text-teal-500">
                                        <i class="fad fa-sign-in-alt transition transform hover:scale-110"></i>
                                    </a>
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="11">{{ __('admin_no_found_result') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            <div class="px-5 py-3 bg-white border-t flex flex-col xs:flex-row">
                {{ $invoices->links() }}
            </div>
        </div>
    </div>
</div>