@extends('layouts.master')

@section('title', 'All Bookings | Alboosh - Timeless authenticity, born of the desert')

@section('title-topbar', __('basic.all bookings'))

<!-- css insert -->
@section('css')

<!-- -- datatables plugin -- -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.2/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.0.0/css/buttons.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/autofill/2.3.9/css/autoFill.bootstrap5.min.css">

@endsection



@section('fixedcontent')

<!-- session successful message -->
@if (Session::has('success'))
<div id="flash-msg" class="shadow pt-3">
    <div class="d-flex justify-content-between mb-2">
        <i class="fas fs-1 fa-check"></i>
        <a id="flash-msg-btn" class="text-blue-300 clickable-item-pointer"><i class="fas fa-times"></i></a>
    </div>
    <h3>Sent Successfully</h3>
    <p class="text-blue-300">{{ Session::get('success') }}</p>
</div>
@endif

@endsection


<!-- content insert -->
@section('content')
<div class="container-fluid px-2 mt-3">

    <!-- page title link -->
    <div class="d-sm-flex align-items-center justify-content-between mb-3">
        <span class="mb-0">
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.home') }}">{{ __('basic.dashboard') }}
                |</a>
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.package.index') }}">{{
                __('basic.all bookings') }}
                |</a>
            <a class="text-gray-300">{{ __('basic.all bookings') }}</a>
        </span>
    </div>

    <div class="card shadow mb-3 pb-2">
        <!-- Card Header - Dropdown -->
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 fw-bold text-gray-500"><i class="fas fa-hotel me-2"></i>{{ __('basic.trips') }}</h6>
            <div class="dropdown no-arrow">
                <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="false">
                    <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-300"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in"
                    aria-labelledby="dropdownMenuLink">
                    <div class="dropdown-header">Action:</div>
                </div>
            </div>
        </div>

        <!-- Card Body -->
        <div class="card-body">

            <div class="table-responsive">
                <table class="table display datatable-modal" id="table-hotel" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th class="text-xs text-center">{{ __('basic.booking number') }}</th>
                            <th class="text-xs">{{ __('basic.service') }}</th>
                            <th class="text-xs text-center">{{ __('basic.quantity') }}</th>
                            <th class="text-xs text-center">{{ __('basic.file') }}</th>
                            <th class="text-xs text-center">{{ __('basic.traveler') }}</th>
                            <th class="text-xs text-center">{{ __('basic.broker') }}</th>
                            <th class="text-xs text-center">{{ __('basic.worker') }}</th>
                            <th class="text-xs text-center">{{ __('basic.start') }}</th>
                            <th class="text-xs text-center">{{ __('basic.end') }}</th>
                            <th class="text-xs text-center">{{ __('basic.sell to') }}
                            <th class="text-xs text-center">{{ __('basic.status') }}</th>
                            <th class="text-xs text-center">{{ __('patientappo.pay status') }}
                            </th>
                            <th class="text-xs text-center">{{ __('basic.itinerary') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($bookings as $item)


                        @if ($item->status == 0)
                        @php
                        $text_color = 'not_accepted-color-btn';
                        $msg = __('patientappo.not accepted');
                        @endphp
                        @elseif ($item->status == 1)
                        @php
                        $text_color = 'main-color-btn';
                        $msg = __('patientappo.accepted');
                        @endphp
                        @elseif ($item->status == 2)
                        @php
                        $text_color = 'active-color-btn';
                        $msg = __('broker inquire');
                        @endphp
                        @elseif ($item->status == 3)
                        @php
                        $text_color = 'prog-color-btn';
                        $msg = __('traveler payment');
                        @endphp
                        @elseif ($item->status == 4)
                        @php
                        $text_color = 'done-color-btn';
                        $msg = __('received payment');
                        @endphp
                        @elseif ($item->status == 5)
                        @php
                        $text_color = 'pend-color-btn';
                        $msg = __('send a payment to broker');
                        @endphp
                        @elseif ($item->status == 6)
                        @php
                        $text_color = 'prog-color-btn';
                        $msg = __('broker confirm');
                        @endphp
                        @elseif ($item->status == 7)
                        @php
                        $text_color = 'done-color-btn';
                        $msg = __('patientappo.done');
                        @endphp
                        @elseif ($item->status == 8)
                        @php
                        $text_color = 'cancel-color-btn';
                        $msg = __('patientappo.canceled');
                        @endphp
                        @endif

                        <tr>
                            <td class="text-center">
                                @if($item->booking)
                                <a class="text-gray-400 link-cust-text" href="{{ route('sett.booking.show',
                                    $item->booking_id) }}">{{
                                    $item->booking->code }}</a>
                                @else
                                {{ __('basic.not selected') }}
                                @endif
                            </td>

                            <td>{{ $item->package->name }}
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.type') . ':'}} <span class="text-gray-700">{{
                                        $item->type_qty . " " . __('basic.trip') }}</span></p>
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.capacity') . ':'}} <span class="text-gray-700">{{
                                        $item->qty . " " . __('basic.people') }}</span></p>
                            </td>

                            <td class="text-capitalize">
                                @if($item->type == 1)
                                @php
                                $package_type = __('basic.customized');
                                @endphp
                                @elseif ($item->type == 2)
                                @php
                                $package_type = __('basic.commission');
                                @endphp
                                @endif
                                {{ $package_type }}
                            </td>

                            <td class="text-center">{{ $item->file_id }}</td>

                            <td class="text-center">
                                @if($item->patient)
                                <a class="link-cust-text text-gray-400" href="{{ route('sett.patient.show',
                                $item->patient->id) }}">{{ $item->patient->first_name }}</a>
                                @else
                                {{ __('basic.not selected') }}
                                @endif
                            </td>

                            <td class="text-center">
                                @if ($item->debtor)
                                {{ $item->debtor->company_name}}
                                @else
                                {{ __('basic.not selected') }}
                                @endif
                            </td>
                            <td class="text-center">
                                @isset($item->creator->first_name)
                                {{ $item->creator->first_name }}
                                @endisset
                            </td>

                            <td class="text-center">
                                {{ date('Y-m-d', strtotime($item->start_at)) }} <br>
                                {{ date('h:i a', strtotime($item->start_at)) }}</td>
                            <td class="text-center">
                                {{ date('Y-m-d', strtotime($item->end_at)) }} <br>
                                {{ date('h:i a', strtotime($item->end_at)) }}</td>

                            <td>
                                @if($item->sell_debtor)
                                {{ $item->sell_debtor->company_name }}
                                @else
                                {{ __('basic.not selected') }}
                                @endif
                            </td>

                            <td class="text-center"> <span class="badge rounded-pill {{ $text_color }} badge-padd-l">{{
                                    $msg
                                    }}</span>
                            </td>


                            <td class="text-center">

                                {{-- accept client and supplier invoice --}}
                                @if(in_array($item->payment_method, [1,2]) && $item->invoice_item->invoice_id !== 0)
                                @if ($item->invoice_item->invoice->status == 0)
                                @php
                                $msg_invoice_debtor = __('basic.not paid');
                                $text_color_invoice_debtor = 'cancel-color-btn';
                                @endphp
                                @elseif ($item->invoice_item->invoice->status == 1)
                                @php
                                $text_color_invoice_debtor = 'pend-color-btn';
                                $msg_invoice_debtor = __('basic.pending');
                                @endphp
                                @elseif ($item->invoice_item->invoice->status == 2)
                                @php
                                $text_color_invoice_debtor = 'prog-color-btn';
                                $msg_invoice_debtor = __('basic.installment');
                                @endphp
                                @elseif ($item->invoice_item->invoice->status == 3)
                                @php
                                $text_color_invoice_debtor = 'done-color-btn';
                                $msg_invoice_debtor = __('basic.paid');
                                @endphp
                                @elseif ($item->invoice_item->invoice->status == 4)
                                @php
                                $msg_invoice_debtor = __('basic.refund');
                                $text_color_invoice_debtor = 'cancel-color-btn';
                                @endphp
                                @else
                                @php
                                $msg_invoice_debtor = __('basic.no fees');
                                $text_color_invoice_debtor = 'not_accepted-color-btn';
                                @endphp
                                @endif
                                <span class="badge rounded-pill {{ $text_color_invoice_debtor }} badge-padd-l"><a
                                        class="{{ $text_color_invoice_debtor }}" href="{{ route('sett.invoice.show',
                                    $item->invoice_item->invoice_id) }}">{{
                                        $msg_invoice_debtor }}</a></span>

                                @else
                                <span class="badge not_accepted-color-btn rounded-pill badge-padd-l"><i
                                        class="fas fa-wallet"></i>
                                    {{ __('basic.no invoice') }}</span>

                                @endif
                            </td>


                            <td>
                                {{-- if it is customized --}}
                                @if ($item->type == 1)

                                <h6 data-bs-toggle="modal" data-bs-target="#show_init_modal_{{ $item->id }}"
                                    class="main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-1 my-2">
                                    <i class="fas fa-route me-2"></i>
                                    {{ __('basic.itinerary') }}
                                </h6>


                                <!-- show Itinerary -->
                                <div class="modal fade" id="show_init_modal_{{ $item->id }}" tabindex="-1"
                                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable ">
                                        <div class="modal-content b-r-s-cont border-0">

                                            <div class="modal-header">
                                                <div class="modal-title" id="exampleModalLabel"><i
                                                        class="fas fa-route me-1"></i>
                                                    {{ __('basic.itinerary') }}</div>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                    aria-label="Close"></button>
                                            </div>

                                            <!-- Modal content -->
                                            <div class="modal-body px-4">

                                                {{-- Hotels --}}
                                                @if(count($item->booking_item_hotel) > 0)

                                                <div class="px-1 mt-4">

                                                    <h6 class="text-gray-400"><i class="fas fa-hotel"></i> {{
                                                        __('basic.hotels')
                                                        }}</h6>

                                                    @foreach ($item->booking_item_hotel as $item_hotel)
                                                    <div class="row mb-3">
                                                        <div class="col-12 col-md-4 mb-3 mb-md-0 align-self-center">
                                                            <div class="d-flex align-items-center">
                                                                @if($item_hotel->offer_room)
                                                                <img class="rounded-circle avatar-m me-3"
                                                                    src="{{ URL::asset('img/unit/rooms/' . $item_hotel->offer_room->img) }}">
                                                                @else
                                                                <img class="rounded-circle avatar-m me-3"
                                                                    src="{{ URL::asset('img/unit/rooms/default.jpg') }}">
                                                                @endif

                                                                <div class="">
                                                                    <a class="mb-1 fw-bold text-gray-600 fs-6">
                                                                        {{ $item_hotel->hotel->name }}
                                                                    </a>
                                                                    <p class=" mb-0 text-xs text-gray-300">
                                                                        {{ __('basic.room type') . ':'}} <span
                                                                            class="text-gray-700">{{
                                                                            $item_hotel->room_type->name
                                                                            }}</span></p>
                                                                    <p class=" mb-0 text-xs text-gray-300">
                                                                        {{ __('basic.room meal') . ':'}} <span
                                                                            class="text-gray-700">{{
                                                                            $item_hotel->room_meal->name
                                                                            }}</span></p>
                                                                    <p class=" mb-0 text-xs text-gray-300">
                                                                        {{ __('basic.room view') . ':'}} <span
                                                                            class="text-gray-700">{{
                                                                            $item_hotel->room_view->name
                                                                            }}</span></p>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-6 col-md-2">
                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.check in')
                                                                    }}</h6>
                                                                <span class="text-gray-700 fw-bold">{{ date('d M
                                                                    Y',
                                                                    strtotime($item_hotel->start_at)) }}</span>
                                                            </div>
                                                            <div>
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.check out')
                                                                    }}</h6>
                                                                <span class="text-gray-700 fw-bold">{{ date('d M
                                                                    Y',
                                                                    strtotime($item_hotel->end_at)) }}</span>
                                                            </div>
                                                        </div>

                                                        <div class="col-3 col-md-2">
                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">
                                                                    {{ __('basic.nights number') }}</h6>
                                                                <span class="text-gray-700">{{
                                                                    $item_hotel->nights . ' ' .
                                                                    __('basic.nights') }} </span>
                                                            </div>
                                                            <div>
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.quantity')
                                                                    }}</h6>
                                                                <span class="text-gray-700">{{
                                                                    $item_hotel->quantity . ' ' .
                                                                    __('basic.rooms') }} </span>
                                                            </div>
                                                        </div>

                                                        <div class="col-3 col-md-2">


                                                            {{-- for cost wallet --}}
                                                            @if($item_hotel->cost)
                                                            {{-- for cost invoice --}}
                                                            @php
                                                            $buying_price_package =
                                                            $item_hotel->cost->final_price;
                                                            @endphp
                                                            @else
                                                            @php
                                                            $buying_price_package = 0;
                                                            @endphp
                                                            @endif

                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">
                                                                    {{ __('basic.purchasing price') }}</h6>
                                                                <span class="text-gray-700">{{
                                                                    $buying_price_package }} </span>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 col-md-2">
                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">
                                                                    {{ __('basic.hotel booking code') }}</h6>
                                                                <span class="text-gray-700 fw-bold">{{
                                                                    $item->code }} </span>
                                                            </div>
                                                            <div>
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.broker') }}
                                                                </h6>
                                                                @if ($item->debtor)
                                                                <span class="text-gray-700">{{
                                                                    $item->debtor->company_name }}
                                                                </span>
                                                                @endif
                                                            </div>

                                                            @if ($item->debtor)
                                                            @php
                                                            $debtor_ur_wa =
                                                            route('patient_auth.booking_print',
                                                            $item->code);
                                                            @endphp
                                                            <div>
                                                                <a target="_blank"
                                                                    href="{{ 'https://wa.me/2' . $item_hotel->debtor->phone_number . '?text=Hello ' . $item_hotel->debtor->first_name  . ' with you ' . $item_hotel->creator->first_name . ' ' . $item->creator->second_name . ' from  ' . $clinicname . '. we would like to notify you that we have a hotel reservation with confirmation code ' . $item_hotel->code . ' for the name of ' . $receiver_full_name . ' at ' . $item_hotel->hotel->name  . ' for ' . $item_hotel->quantity . ' ' .$item_hotel->room_name  . ' room with ' . $item_hotel->room_meal->name . ' meal with ' . $item_hotel->room_view->name . ' You can visit our website for the more details: ' . $debtor_ur_wa  . ' . Thank you - ' . $clinicname }}"
                                                                    class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-1"><i
                                                                        class="fab fa-whatsapp"></i></a>
                                                            </div>
                                                            @endif

                                                        </div>
                                                    </div>
                                                    <hr>


                                                    {{-- for change status --}}
                                                    @role('Super-admin|Branch-manager')
                                                    <!-- Modal for editing -->
                                                    <div class="modal fade" id="appointment_edit" tabindex="-1"
                                                        role="dialog" aria-labelledby="exampleModalLabel"
                                                        aria-hidden="true">
                                                        <div
                                                            class="modal-dialog modal-dialog-centered modal-dialog-scrollable">

                                                            <form class="mb-0"
                                                                action="{{ route('sett.edit_app_show', $item->id) }}"
                                                                method="POST" style="display: contents">
                                                                @csrf
                                                                @method('PATCH')

                                                                <div class="modal-content b-r-s-cont border-0">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="exampleModalLabel">
                                                                            <i class="fas fa-wallet me-1"></i>
                                                                            {{ $item_hotel->hotel->name }}
                                                                        </h5>
                                                                        <button type="button" class="btn-close"
                                                                            data-bs-dismiss="modal"
                                                                            aria-label="Close"></button>
                                                                    </div>

                                                                    <!-- Modal content -->
                                                                    <div class="modal-body px-5 py-3">


                                                                        <div class="row mb-1">
                                                                            <div class="col-7 col-md-7 fw-bold">
                                                                                <i
                                                                                    class="fas fa-cash-register me-2"></i>
                                                                                <span
                                                                                    id="service_final_info">Status</span>
                                                                            </div>
                                                                            <div class="col-5 col-md-5 text-center">
                                                                                <select
                                                                                    class="js-example-basic-single select2-hidden-accessible @error('app_status') is-invalid @enderror"
                                                                                    id="appointment_edit_id"
                                                                                    data-current_number="0"
                                                                                    name="app_status">
                                                                                    <option value="0">
                                                                                        In Progress
                                                                                    </option>
                                                                                    <option value="1">
                                                                                        Broker Inquire
                                                                                    </option>
                                                                                    <option value="2">
                                                                                        travler Payment
                                                                                    </option>
                                                                                    <option value="3">
                                                                                        Received Payment
                                                                                    </option>
                                                                                    <option value="4">
                                                                                        send a payment to broker
                                                                                    </option>
                                                                                    <option value="5">
                                                                                        traveler confirm
                                                                                    </option>
                                                                                    <option value="6">
                                                                                        Done
                                                                                    </option>
                                                                                    <option value="7">
                                                                                        Canceled
                                                                                    </option>
                                                                                </select>
                                                                            </div>
                                                                        </div>

                                                                    </div>

                                                                    <div class="modal-footer">
                                                                        <div class="left-side">
                                                                            <button type="button"
                                                                                class="btn btn-default btn-link"
                                                                                data-bs-dismiss="modal">{{
                                                                                __('basic.never mind')
                                                                                }}</button>
                                                                        </div>
                                                                        <div class="divider"></div>
                                                                        <div class="right-side">
                                                                            <input type="hidden" name="appointment_id">
                                                                            <button type="submit"
                                                                                class="btn btn-default btn-link main-color">{{
                                                                                __('basic.edit')
                                                                                }}</button>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </form>

                                                        </div>

                                                    </div>
                                                    @endrole

                                                    @endforeach

                                                    <hr>

                                                </div>

                                                @endif

                                                @if(count($item->booking_item_trip) > 0)
                                                <div class="px-1 mt-4">

                                                    <h6 class="text-gray-400"><i class="fas fa-suitcase-rolling"></i> {{
                                                        __('basic.trips') }}</h6>

                                                    @foreach ($item->booking_item_trip as $item_trip)
                                                    <div class="row mb-3">

                                                        <div class="col-12 col-md-3 mb-3 mb-md-0 align-self-start">
                                                            <div class="d-flex align-items-center">
                                                                <img class="rounded-circle avatar-m me-3"
                                                                    src="{{ URL::asset('img/trip/' . $item_trip->trip->img) }}">

                                                                <div class="">
                                                                    <a class="mb-1 fw-bold text-gray-600 fs-6">
                                                                        {{ $item_trip->trip->name }}
                                                                    </a>

                                                                    <p class=" mb-0 text-xs text-gray-300">
                                                                        {{ __('basic.destination') . ':'}} <span
                                                                            class="text-gray-700">{{
                                                                            $item_trip->destination->name
                                                                            }}</span></p>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-6 col-md-3">
                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.start date')
                                                                    }}</h6>
                                                                <span class="text-gray-700 fw-bold">{{ date('d M
                                                                    Y h:i A',
                                                                    strtotime($item_trip->start_at)) }}
                                                            </div>
                                                        </div>

                                                        <div class="col-3 col-md-2">
                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.quantity')
                                                                    }}</h6>
                                                                <span class="text-gray-700">{{ $item_trip->qty .
                                                                    ' ' .
                                                                    __('basic.people') }} </span>
                                                            </div>
                                                        </div>

                                                        <div class="col-3 col-md-2">

                                                            {{-- for invoice payment --}}
                                                            @if($item_trip->cost)
                                                            {{-- for cost invoice --}}
                                                            @php
                                                            $buying_price_trip = $item_trip->cost->final_price;
                                                            @endphp
                                                            @else
                                                            @php
                                                            $buying_price_trip = 0;
                                                            @endphp
                                                            @endif

                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.purchasing
                                                                    price') }}</h6>
                                                                <span class="text-gray-700">{{
                                                                    $buying_price_trip }} </span>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 col-md-2">
                                                            <div class="mb-2">
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.transport
                                                                    booking code') }}</h6>
                                                                <span class="text-gray-700 fw-bold">{{
                                                                    $item_trip->code }}
                                                                </span>
                                                            </div>

                                                            <div>
                                                                <h6 class="text-gray-300 text-xs mb-1">{{
                                                                    __('basic.broker') }}
                                                                </h6>
                                                                <span class="text-gray-700">{{
                                                                    $item_trip->debtor->company_name
                                                                    }}
                                                                </span>
                                                            </div>

                                                            @if ($item_trip->debtor)
                                                            @php
                                                            $debtor_ur_wa =
                                                            route('booking_print',
                                                            $item_trip->code);
                                                            @endphp
                                                            @endif

                                                        </div>
                                                    </div>
                                                    <hr>
                                                    @endforeach

                                                    <hr>
                                                </div>
                                                @endif

                                            </div>

                                            <div class="modal-footer">
                                                <div class="left-side">
                                                    <button type="button" class="btn btn-default btn-link"
                                                        data-bs-dismiss="modal">{{ __('basic.never mind')
                                                        }}</button>
                                                </div>
                                                <div class="divider"></div>
                                                <div class="right-side">
                                                    <button type="button" class="btn btn-default btn-link"
                                                        data-bs-dismiss="modal">{{
                                                        __('basic.done') }}
                                                    </button>
                                                </div>

                                            </div>

                                        </div>
                                    </div>
                                </div>
                                @endif

                            </td>

                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
@endsection

<!-- js insert -->
@section('js')
<script>
    $(document).ready(function() {

        var table = $('#table-hotel').DataTable({
                        lengthChange: false,
                        "pageLength": 10,
                        "order": [
                            [0, "ASC"]
                        ],
                        buttons: {
                            dom: {
                                button: {
                                    className: 'btn btn-table-export me-0' //Primary class for all buttons
                                }
                            },
                            buttons: [{
                                    extend: 'copyHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'excelHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'pdfHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'print',
                                    footer: true
                                }
                            ]
                        }
                    }

                );
                table.buttons().container()
                    .appendTo('#table-hotel_wrapper .col-md-6:eq(0)');

        var table = $('#table-airline').DataTable({
                        lengthChange: false,
                        "pageLength": 10,
                        "order": [
                            [0, "ASC"]
                        ],
                        buttons: {
                            dom: {
                                button: {
                                    className: 'btn btn-table-export me-0' //Primary class for all buttons
                                }
                            },
                            buttons: [{
                                    extend: 'copyHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'excelHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'pdfHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'print',
                                    footer: true
                                }
                            ]
                        }
                    }

                );
                table.buttons().container()
                    .appendTo('#table-airline_wrapper .col-md-6:eq(0)');



        var table = $('#table-visa').DataTable({
                        lengthChange: false,
                        "pageLength": 10,
                        "order": [
                            [0, "ASC"]
                        ],
                        buttons: {
                            dom: {
                                button: {
                                    className: 'btn btn-table-export me-0' //Primary class for all buttons
                                }
                            },
                            buttons: [{
                                    extend: 'copyHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'excelHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'pdfHtml5',
                                    footer: true
                                },
                                {
                                    extend: 'print',
                                    footer: true
                                }
                            ]
                        }
                    }

                );
                table.buttons().container()
                    .appendTo('#table-visa_wrapper .col-md-6:eq(0)');
        });

</script>

<!-- -- datatables plugin -- -->
<script type="text/javascript" src="https://cdn.datatables.net/1.11.2/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.11.2/js/dataTables.bootstrap5.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.bootstrap5.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.print.min.js"></script>
<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.colVis.min.js"></script>



@endsection