@include('components.breadCrumb.list_no_create',['section' => __('Visa invoices'), 'excel_path'=>route('visa.invoices.download-excel'), 'pdf_path'=>route('visa.invoices.download-pdf')])
{!! Form::open(['method'=>'get']) !!}
<div class="row p-2">
    <div class="col-md-4">
        <div class="input-group input-group-outline {{ request('visa_search') ? 'is-valid is-filled' :'' }}">
            <label class="form-label">{{ __('Search ..') }}</label>
            <input type="search" name="visa_search" class="form-control" value="{{ request('visa_search') }}">
        </div>
    </div>
    <div class="col-md-2">
        <div class="input-group  input-group-outline">
            {!! Form::submit(__('Search ..'), ['class' => 'btn btn-primary']) !!}
        </div>
    </div>
</div>


{!! Form::close() !!}
<div class="card-body px-0 pb-2">
    <div class="table-responsive p-0">
        <table class="table align-items-center mb-0">
            <thead>
                <tr>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("ID")}}
                    </th>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("CUSTOMER")}} </th>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("Date of travel")}}
                    </th>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("COUNTRY")}} </th>
{{--                     <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("Type")}} </th>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("No. of travelers")}} </th> --}}
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("CREATION DATE")}}
                    </th>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("Status")}}
                    </th>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("Payment status")}}
                    </th>
                    <th class="text-center text-uppercase text-secondary text-md font-weight-bolder opacity-7">
                        {{__("Action")}}
                    </th>
                </tr>
            </thead>
            <tbody>
                @forelse ($invoices as $invoice)
                <tr>
                    <td>
                        <div class="d-flex px-2 py-1">
                            <div class="d-flex flex-column justify-content-center">
                                <p class="mb-0 text-sm">{{$invoice->id}}</p>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="d-flex flex-column justify-content-center">
                            <h6 class="mb-0 text-sm {{ $invoice?->customer?->deleted_at != null? 'text-danger' :'' }}">{{$invoice?->customer?->name}}</h6>
                        </div>
                    </td>
                    <td>
                        <span>{{ $invoice->date_of_travel }}</span>
                    </td>
                    <td>
                        <div class="d-flex flex-column justify-content-center">
                            <h6 class="mb-0 text-sm">{{$invoice?->country?->name}}</h6>

                        </div>
                    </td>
               {{--      <td>
                        <div class="d-flex flex-column justify-content-center">
                            <h6 class="mb-0 text-sm">{{$invoice?->type?->name}}</h6>

                        </div>
                    </td>
                    <td>
                        <span>{{ $invoice->number_of_traveler }}</span>
                    </td> --}}

                    <td class="align-middle text-center">
                        <span class="text-secondary text-xs font-weight-bold">{{$invoice->created_at->format('Y-m-d')}}</span>
                    </td>
                    <td>
                        <div class="d-flex flex-column justify-content-center badge bg-gradient-{{ $invoice->status }}">
                            {{ __($invoice->status) }}
                        </div>
                    </td>
                    <td>
                        <div class="d-flex flex-column justify-content-center badge bg-gradient-{{ $invoice->payment_status }}">
                            {{ __($invoice->payment_status) }}
                        </div>
                    </td>
                    <td class="align-middle">
                        <a rel="tooltip" class="btn btn-primary btn-link btn-sm" href="{{route('visa.invoices.show',['invoice' => $invoice->id])}}" data-original-title="" title="">
                            <i class="fa fa-eye"></i>
                        </a>
                    </td>
                </tr>
                @empty
                <div class=" ">
                    <div class=" d-flex justify-content-center text-center ">
                        {{__("No entry found")}}
                    </div>
                </div>
                @endforelse
            </tbody>
        </table>
    </div>
    @if (!isset($no_pagination))
    <div class="d-flex">
        <div class="mx-auto">
            {{ $invoices->appends(Request::only(['search']))->links("pagination::bootstrap-4") }}
        </div>
    </div>
    @endif
</div>