@extends('layouts.master')

@section('title', 'Show Booking | Tripo - Tourism Management app')

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

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

<!-- select 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css"
    integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

<style>
    .select2-container {
        z-index: 99999;
    }
</style>

@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-flex align-items-center justify-content-center justify-content-md-between mb-3 flex-wrap">
        <span class="mb-0 me-2">
            <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.booking.index') }}">{{
                __('basic.appointments') }}
                | </a>
            <a class="text-gray-300">{{ __('basic.appointment') }}</a>
        </span>


        <div class="d-flex justify-content-center mt-2 mt-md-0 flex-wrap">

            @if ($appointment->patient)
            @php
            $receiver_phone_number = $appointment->patient->phone_number;
            $receiver_full_name = $appointment->patient->full_name;
            $receiver_phone_number = $appointment->patient->phone_number;
            $receiver_email = $appointment->patient->email;
            @endphp
            @else
            @php
            $receiver_phone_number = $appointment->sell_debtor->phone_number;
            $receiver_full_name = $appointment->sell_debtor->full_name;
            $receiver_phone_number = $appointment->sell_debtor->phone_number;
            $receiver_email = $appointment->sell_debtor->email;
            @endphp
            @endif

            <a data-bs-toggle="modal" data-bs-target="#send_email"
                class="bg-white text-gray-400 btn btn-sm shadow-sm b-r-l-cont p-2 px-4 me-2"><i
                    class="fas fa-envelope-open-text fa-sm me-1"></i> {{ __('basic.send email') }}</a>


            <div class="modal fade" id="send_email" 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.unit_send_email_booking', $appointment->code) }}"
                        method="GET" style="display: contents">

                        <div class="modal-content b-r-s-cont border-0">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel"><i
                                        class="fas fa-envelope-open-text me-1"></i>
                                    {{ __('basic.send email') }}</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-2">
                                    <div class="col-12 mb-2">
                                        <label class="form-label">{{ __('basic.email') }}
                                            <small>({{ __('basic.required') }})</small></label>
                                        <input name="email_client" type="email"
                                            class="form-control @error('email_client') is-invalid @enderror"
                                            placeholder="Write here the client email ..." value="{{ $receiver_email }}"
                                            required>
                                        @error('email_client')
                                        <span class="error-msg-form">
                                            {{ $message }}
                                        </span>
                                        @enderror
                                        <div class="form-text text-gray-300">{{ __('basic.email go to spam') }}</div>
                                    </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">
                                    <button type="submit" class="btn btn-default btn-link main-color">{{
                                        __('basic.send') }}</button>
                                </div>
                            </div>

                        </div>
                    </form>

                </div>

            </div>

            <a class="bg-white btn btn-sm shadow-sm b-r-l-cont p-2 px-4 text-gray-400 me-2 copy_clipboard clickable-item-pointer mb-2 mb-md-0"
                data-url="{{ route('booking_print', $appointment->code) }}"><i class="fas fa-copy me-1"></i>
                {{ __('basic.copy booking voucher url') }}</a>

            <a href="{{ route('booking_print', $appointment->code) }}"
                class="bg-white btn btn-sm shadow-sm b-r-l-cont p-2 px-4 text-gray-400 me-2 mb-2 mb-md-0"><i
                    class="fas fa-download fa-sm text-gray-300 me-2"></i> {{ __('basic.print') }}</a>

            @role('Super-admin|Operation-manager|Hotel-manager|Trip-manager|Package-manager|Visa-manager|Transport-manager')
            <a target="_blank" title="delete" data-effect="effect-scale" data-bs-toggle="modal"
                data-bs-target="#delete_modal" class="btn btn-danger text-xs shadow-sm b-r-l-cont p-2 px-4 me-1"><i
                    class="fas fa-trash-alt me-1"></i> {{ __('basic.delete') }}</a>
            @endrole

            @php
            $patient_ur_wa = route('booking_print', $appointment->code);
            $patient_ur_wa_print =route('booking_print', $appointment->code);

            @endphp

            @unlessrole('Sales-manager|Sales-worker')
            <a target="_blank"
                href="{{ 'https://wa.me/+2' . $receiver_phone_number . '?text= اهلا ' . $receiver_full_name . ' معاك ' . $appointment->creator->full_name . ' من  ' . $clinicname . '. بنحب نقول لحضرتك ان تم تاكيد حجزك برقم ' . $appointment->code .  "
                شكرا لاختيارك " . $clinicname  . ' ويمكنك ايضا الاطلاع علي تفاصيل حجزك علي موقعنا الالكتروني                                            '
                . $patient_ur_wa_print }}"
                class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont p-2 px-4 me-1"><i
                    class="fab fa-whatsapp me-1"></i> {{ __('basic.confirmation') }}</a>

            @if (!in_array($appointment->status, [3,4]))
            <a target="_blank" href="{{ 'https://wa.me/+2' . $receiver_phone_number . '?text= Hello ' . $receiver_full_name . ' معاك ' . $appointment->creator->full_name . ' من  ' . $clinicname . '. بنحب نقول لحضرتك ان تم استلام حجزك برقم' . $appointment->code . ' ولكن لتاكيد الحجز برجاء دفع مبلغ ' .  $appointment->total_sell_price . ' جنيها وويمكنك الدفع عن طريق المحفظة الالكترونية ' . $receiver_phone_number  .
                " الرجاء الرد علي هذا الرسالة عند الدفع ويفضل ارسال صورة لايصال الدفع - شكرا لاختيارك " . $clinicname . ' ويمكنك ايضا الاطلاع علي تفاصيل حجزك علي موقعنا الالكتروني ' .
                $patient_ur_wa_print }}"
                class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont p-2 px-4 me-1"><i
                    class="fab fa-whatsapp me-1"></i> {{ __('basic.payment') }} </a>
            @endif
            @endunless
            {{-- <a href="{{ route('sett.invo_invoice_print', $appointment->id) }}"
                class="bg-white btn btn-sm shadow-sm b-r-l-cont p-2 px-4 text-gray-400 ms-2"><i
                    class="fas fa-download fa-sm text-gray-300 me-2"></i> {{ __('basic.print') }}</a> --}}

        </div>
    </div>

    <div class="card card-input shadow mb-3 pb-3">
        <!-- 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-calendar me-2"></i> {{ __('basic.appointment') }}
            </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">
                    {{-- <a class="dropdown-item" href="{{ route('sett.booking.edit', $appointment->id) }}"><i
                            class="fas fa-pen me-1"></i>
                        Edit</a> --}}
                    @if ($appointment->meet_start_url)
                    <a class="dropdown-item copy_clipboard clickable-item-pointer"
                        data-url="{{ $appointment->meet_join_url }}"><i class="fas fa-video me-1"></i>
                        Copy URL Joing online appointment</a>
                    @endif
                </div>
            </div>
        </div>

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

            <!-- <div class="text-end px-lg-5"> <a href="#" class="d-none bg-white d-sm-inline-block btn btn-sm shadow-sm b-r-l-cont p-2 px-4 text-gray-400"><i class="fas fa-download fa-sm text-gray-300 me-1"></i> Print</a> </div> -->

            <div class="row d-flex justify-content-around align-items-center my-2 px-1 px-md-5">

                @if($appointment->patient)
                <div class="col-7 col-md-5 d-flex align-items-center mb-3 mb-md-0">
                    <img id="avatar_final_info" class="rounded-circle avatar-m me-3"
                        src="{{ URL::asset('img/useravatar/' . $appointment->patient->avatar) }}">
                    <div class="">
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.patient') }}</p>
                        <a href="{{ route('sett.patient.show', $appointment->patient->id) }}" id="name_final_info"
                            class="mb-1 fw-bold text-gray-600 fs-6">
                            {{ $appointment->patient->full_name }}
                        </a>
                        <p id="number_final_info" class="mb-0 text-xs text-gray-400">
                            {{ $appointment->patient->phone_number }}</p>
                    </div>
                </div>
                @else
                <div class="col-7 col-md-5 d-flex align-items-center mb-3 mb-md-0">
                    <img id="avatar_final_info" class="rounded-circle avatar-m me-3"
                        src="{{ URL::asset('img/debtor/' . $appointment->sell_debtor->avatar) }}">
                    <div class="">
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.sell to') }}</p>
                        <a href="{{ route('sett.debtorcat.show', $appointment->sell_debtor->id) }}" id="name_final_info"
                            class="mb-1 fw-bold text-gray-600 fs-6">
                            {{ $appointment->sell_debtor->full_name }}
                        </a>
                        <p id="number_final_info" class="mb-0 text-xs text-gray-400">
                            {{ $appointment->sell_debtor->phone_number }}</p>
                    </div>
                </div>
                @endif

                {{-- accept client and supplier invoice --}}
                @if(in_array($appointment->payment_method, [1,2]))
                <div class="col-4 col-md">
                    <h6 class="text-gray-300 text-xs mb-2">{{ __('basic.entry') }}</h6>
                    @if ($appointment->entry)
                    <a href="{{ route('sett.acc_entry.show', $appointment->acc_entry_id) }}">
                        <div
                            class="status-col-link not_accepted-color-btn b-r-l-cont p-2 px-4 me-2 clickable-item-pointer text-xs">
                            {{ $appointment->entry->new_id }}
                        </div>
                    </a>
                    @else

                    @endif
                </div>
                @endif

                <div class="col-4 col-md">
                    <h6 class="text-gray-300 text-xs mb-2">{{ __('patientappo.pay status') }}</h6>

                    {{-- for invoice payment for client and supplier--}}
                    @if(in_array($appointment->payment_method, [1,2]))

                    @if ($appointment->status == 0)
                    @php
                    $msg_invoice_debtor = __('basic.not paid');
                    $text_color_invoice_debtor = 'cancel-color-btn';
                    @endphp
                    @elseif ($appointment->status == 1)
                    @php
                    $text_color_invoice_debtor = 'pend-color-btn';
                    $msg_invoice_debtor = __('basic.pending');
                    @endphp
                    @elseif ($appointment->status == 2)
                    @php
                    $text_color_invoice_debtor = 'prog-color-btn';
                    $msg_invoice_debtor = __('basic.installment');
                    @endphp
                    @elseif ($appointment->status == 3)
                    @php
                    $text_color_invoice_debtor = 'done-color-btn';
                    $msg_invoice_debtor = __('basic.paid');
                    @endphp
                    @elseif ($appointment->status == 4)
                    @php
                    $msg_invoice_debtor = __('basic.refund');
                    $text_color_invoice_debtor = 'cancel-color-btn';
                    @endphp
                    @endif
                    @if($appointment->invoice)
                    <span class="badge rounded-pill {{ $text_color_invoice_debtor }} badge-padd-l"><a
                            class="{{ $text_color_invoice_debtor }}" href="{{ route('sett.invoice.show',
                    $appointment->invoice->id) }}">{{
                            $msg_invoice_debtor }}</a></span>
                    @endif
                    @else
                    <span class="badge not_accepted-color-btn rounded-pill badge-padd-l"><i class="fas fa-wallet"></i>
                        {{ __('basic.no invoice') }}</span>

                    @endif

                </div>

                @if($appointment->sell_debtor)
                <div class="col-4 col-md">
                    <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.sell to') }}</h6>
                    <p id="addre_final_info" class="text-gray-600 text-s fw-bold">
                        {{ $appointment->sell_debtor->company_name }}</p>
                </div>
                @endif

                <div class="col-4 col-md">
                    <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.creator') }}</h6>
                    <p id="addre_final_info" class="text-gray-600 text-s fw-bold">
                        {{ $appointment->creator->full_name }}</p>
                </div>

                <div class="col-4 col-md">
                    <div class="visible-print text-center">
                        {!! QrCode::color(68, 95,
                        129)->size(60)->style('round')->eye('circle')->generate($appointment->code) !!}
                        <p class="mt-1 mb-0 text-xs fw-bold text-gray-300">{{ $appointment->code }}</p>
                    </div>
                </div>
            </div>

            <hr>

            @php
            $total_buy = 0;
            $total_sell = 0;
            @endphp

            {{-- Hotels --}}
            @if(count($appointment->hotel) > 0)

            <div class="px-2 px-lg-5 mt-4">

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

                @foreach ($appointment->hotel as $item)
                <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">
                            @if($item->offer_room)
                            <img class="rounded-circle avatar-m me-3"
                                src="{{ URL::asset('img/unit/rooms/' . $item->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->name }}
                                </a>
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.room type') . ':'}} <span class="text-gray-700">{{
                                        $item->room_type->name }}</span></p>
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.room meal') . ':'}} <span class="text-gray-700">{{
                                        $item->room_meal->name }}</span></p>
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.room view') . ':'}} <span class="text-gray-700">{{
                                        $item->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->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->end_at)) }}</span>
                        </div>
                    </div>

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

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

                        {{-- for invoice payment for client and supplier--}}
                        @if(in_array($item->payment_method, [1,2]) && $item->invoice_item->invoice_id !== 0)

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        {{-- for cost invoice --}}
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @endphp

                        {{-- for no invoice --}}
                        @else

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @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 }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.selling price') }}</h6>
                            <span class="text-gray-700">{{ $selling_price }} </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>

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


                        @php
                        $debtor_ur_wa = route('booking_print', $appointment->code);
                        @endphp
                        <div>

                            @if($item->cost)
                            <a href="{{ route('sett.invoice.show',
                            $item->cost->invoice_id) }}"
                                class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-2"><i
                                    class="fas fa-file-invoice"></i></a>
                            @endif

                            <a target="_blank"
                                href="{{ 'https://wa.me/2' . $item->debtor->phone_number . '?text=Hello ' . $item->debtor->first_name  . ' with you ' . $item->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->code . ' for the name of ' . $receiver_full_name . ' at ' . $item->hotel->name  . ' for ' . $item->quantity . ' ' .$item->room_name  . ' room with ' . $item->room_meal->name . ' meal with ' . $item->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

                        @if($item->customer_name)
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler name') . ':'}} <span class="text-gray-700">{{
                                $item->customer_name }}</span></p>
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler phone') . ':'}} <span class="text-gray-700">{{
                                $item->customer_phone }}</span></p>
                        @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->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">{{ __('basic.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

            {{-- transporation --}}
            @if(count($appointment->transportation) > 0)
            <div class="px-2 px-lg-5 mt-4">

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

                @foreach ($appointment->transportation as $item)
                <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/vehicle/' . $item->vehicle->main_image) }}">

                            <div class="">
                                <a class="mb-1 fw-bold text-gray-600 fs-6">
                                    @if($item->bus_trip)
                                    {{ $item->bus_trip->name }}
                                    @else
                                    {{ $item->vehicle->name }}
                                    @endif
                                </a>

                                @if($item->fromable)
                                @php
                                $from_transp = $item->fromable->name;
                                @endphp
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.from') . ':'}} <span class="text-gray-700">{{
                                        $item->fromable->name }}</span></p>
                                @else
                                @php
                                $from_transp = "";
                                @endphp
                                @endif

                                @if($item->toable)
                                @php
                                $to_transp = $item->toable->name;
                                @endphp
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.to') . ':'}} <span class="text-gray-700">{{
                                        $item->toable->name }}</span></p>
                                @else
                                @php
                                $to_transp = "";
                                @endphp
                                @endif

                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.vehicle') . ':'}} <span class="text-gray-700">{{
                                        $item->vehicle->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.check in') }}</h6>
                            <span class="text-gray-700 fw-bold">{{ date('d M Y h:i A', strtotime($item->start_at)) }}
                        </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 h:i A', strtotime($item->end_at))
                                }}</span>
                        </div>
                    </div>

                    <div class="col-3 col-md-2">
                        @if($item->cat == 1)
                        <div class="mb-2">
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.days number') }}</h6>
                            <span class="text-gray-700">{{ $item->days . ' ' . __('basic.days') }} </span>
                        </div>
                        @else
                        <div class="mb-2">
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.tickets') }}</h6>
                            <span class="text-gray-700">{{ $item->qty . ' ' . __('basic.tickets') }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.seat numbers') }}</h6>
                            @foreach ($item->seats as $item_seat)
                            <span class="text-gray-700">{{ $item_seat->seat }} </span>
                            @endforeach
                            {{ __('basic.numbers') }}
                        </div>
                        @endif

                    </div>

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

                        {{-- accept client and supplier invoice --}}
                        @if(in_array($item->payment_method, [1,2]) && $item->invoice_item->invoice_id !== 0)

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        {{-- for cost invoice --}}
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += $item->buy;
                        $buying_price = $item->buy;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @endphp

                        {{-- for no invoice --}}
                        @else

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += $item->buy;
                        $buying_price = $item->buy;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @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 }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.selling price') }}</h6>
                            <span class="text-gray-700">{{ $selling_price }} </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->code }} </span>
                        </div>

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


                        @if($item->cost)
                        <a href="{{ route('sett.invoice.show',
                        $item->cost->invoice_id) }}"
                            class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-1"><i
                                class="fas fa-file-invoice"></i></a>
                        @endif

                        @php
                        $debtor_ur_wa = route('booking_print', $appointment->code);
                        @endphp

                        <a target="_blank"
                            href="{{ 'https://wa.me/2' . $item->debtor->phone_number . '?text=Hello' . $item->debtor->company_name  . ' with you ' . $appointment->creator->first_name . ' ' . $appointment->creator->second_name . ' from  ' . $clinicname . '. we would like to notify you that we have a singl bus reservation with confirmation code ' . $appointment->code . ' for the name of ' . $receiver_full_name . ' from ' . $from_transp  . ' to ' . $to_transp  . ' on ' . $item->start_at .  ' for ' . $item->qty . ' person ' .  '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>
                        @endif

                        @if($item->customer_name)
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler name') . ':'}} <span class="text-gray-700">{{
                                $item->customer_name }}</span></p>
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler phone') . ':'}} <span class="text-gray-700">{{
                                $item->customer_phone }}</span></p>
                        @endif


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

                <hr>
            </div>
            @endif

            {{-- visa --}}
            @if(count($appointment->visa) > 0)
            <div class="px-2 px-lg-5 mt-4">

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

                @foreach ($appointment->visa as $item)
                <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">
                            <i class="fas fa-passport fs-1 me-2 text-gray-400"></i>

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

                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.type') . ':'}} <span class="text-gray-700">{{
                                        $item->visa_type->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.arrival date') }}</h6>
                            <span class="text-gray-700 fw-bold">{{ date('d M Y h:i A', strtotime($item->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.duration') }}</h6>
                            <span class="text-gray-700">{{ $item->duration . ' ' . __('basic.days') }} </span>
                        </div>
                    </div>

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

                        {{-- accept client and supplier invoice --}}
                        @if(in_array($item->payment_method, [1,2]) && $item->invoice_item->invoice_id !== 0)

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        {{-- for cost invoice --}}
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @endphp

                        {{-- for no invoice --}}
                        @else

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @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 }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.selling price') }}</h6>
                            <span class="text-gray-700">{{ $selling_price }} </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->code }} </span>
                        </div>


                        @if ($item->debtor)

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

                        <div>

                            @if($item->cost)
                            <a href="{{ route('sett.invoice.show',
                            $item->cost->invoice_id) }}"
                                class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-1"><i
                                    class="fas fa-file-invoice"></i></a>
                            @endif

                            @php
                            $debtor_ur_wa = route('booking_print', $appointment->code);
                            @endphp

                            <a target="_blank"
                                href="{{ 'https://wa.me/2' . $item->debtor->phone_number . '?text=Hello' . $item->debtor->company_name  . ' with you ' . $appointment->creator->first_name . ' ' . $appointment->creator->second_name . ' from  ' . $clinicname . '. we would like to notify you that we have a visa application with confirmation code ' . $appointment->code . ' for the name of ' . $receiver_full_name . ' in ' . $item->visa->name  . ' on ' . $item->start_at .  ' for ' . $item->qty . ' person ' .  '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

                        @if($item->first_name)
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler name') . ':'}} <span class="text-gray-700">{{
                                $item->first_name }}</span></p>
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler phone') . ':'}} <span class="text-gray-700">{{
                                $item->second_name }}</span></p>
                        @endif

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

                <hr>
            </div>
            @endif

            {{-- trip --}}
            @if(count($appointment->trip) > 0)
            <div class="px-2 px-lg-5 mt-4">

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

                @foreach ($appointment->trip as $item)
                <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->main_image) }}">

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

                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.destination') . ':'}} <span class="text-gray-700">{{
                                        $item->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->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->qty . ' ' . __('basic.people') }} </span>
                        </div>
                    </div>

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

                        {{-- accept client and supplier invoice --}}
                        @if(in_array($item->payment_method, [1,2]) && $item->invoice_item->invoice_id !== 0)

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        {{-- for cost invoice --}}
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @endphp

                        {{-- for no invoice --}}
                        @else

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @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 }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.selling price') }}</h6>
                            <span class="text-gray-700">{{ $selling_price }} </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->code }} </span>
                        </div>


                        @if ($item->debtor)

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

                        <div>


                            @if($item->cost)
                            <a href="{{ route('sett.invoice.show',
                            $item->cost->invoice_id) }}"
                                class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-1"><i
                                    class="fas fa-file-invoice"></i></a>
                            @endif

                            @php
                            $debtor_ur_wa = route('booking_print', $appointment->code);
                            @endphp

                            <a target="_blank"
                                href="{{ 'https://wa.me/2' . $item->debtor->phone_number . '?text=Hello' . $item->debtor->first_name  . ' with you ' . $appointment->creator->first_name . ' ' . $appointment->creator->second_name . ' from  ' . $clinicname . '. we would like to notify you that we have a ticket with confirmation code ' . $appointment->code . ' for the name of ' . $receiver_full_name . ' for a trip in ' . $item->trip->name  . ' on ' . $item->start_at .  ' for ' . $item->qty . ' person . 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
                        @if($item->customer_name)
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler name') . ':'}} <span class="text-gray-700">{{
                                $item->customer_name }}</span></p>
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler phone') . ':'}} <span class="text-gray-700">{{
                                $item->customer_phone }}</span></p>
                        @endif
                    </div>
                </div>
                <hr>
                @endforeach

                <hr>
            </div>
            @endif

            {{-- airline --}}
            @if(count($appointment->airline) > 0)
            <div class="px-2 px-lg-5 mt-4">

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

                @foreach ($appointment->airline as $item)
                <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">

                            <h2 class="text-gray-400 me-3"><i class="fas fa-plane-departure"></i></h2>

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

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

                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ __('basic.to') . ':'}} <span class="text-gray-700">{{
                                        $item->to->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->start_at)) }}
                        </div>
                        <div class="mb-2">
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.end date') }}</h6>
                            <span class="text-gray-700 fw-bold">{{ date('d M Y h:i A', strtotime($item->end_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->qty . ' ' . __('basic.people') }} </span>
                        </div>
                    </div>

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

                        {{-- accept client and supplier invoice --}}
                        @if(in_array($item->payment_method, [1,2]) && $item->invoice_item->invoice_id !== 0)

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        {{-- for cost invoice --}}
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @endphp

                        {{-- for no invoice --}}
                        @else

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        @php
                        $total_buy += $item->cost->final_price;
                        $buying_price = $item->cost->final_price;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->wallet_serviceable->amount;
                        $selling_price = $item->wallet_serviceable->amount;
                        @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 }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.selling price') }}</h6>
                            <span class="text-gray-700">{{ $selling_price }} </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->code }} </span>
                        </div>


                        @if ($item->debtor)

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

                        <div>


                            @if($item->cost)
                            <a href="{{ route('sett.invoice.show',
                            $item->cost->invoice_id) }}"
                                class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-1"><i
                                    class="fas fa-file-invoice"></i></a>
                            @endif

                            @php
                            $debtor_ur_wa = route('booking_print', $appointment->code);
                            @endphp

                        </div>

                        @endif
                        @if($item->customer_name)
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler name') . ':'}} <span class="text-gray-700">{{
                                $item->customer_name }}</span></p>
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler phone') . ':'}} <span class="text-gray-700">{{
                                $item->customer_phone }}</span></p>
                        @endif
                    </div>
                </div>
                <hr>
                @endforeach

                <hr>
            </div>
            @endif

            {{-- package --}}
            @if(count($appointment->package) > 0)
            <div class="px-2 px-lg-5 mt-4">

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

                @foreach ($appointment->package as $item)
                <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/package/' . $item->package->main_image) }}">

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

                                <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.type') . ':'}} <span class="text-gray-700">
                                        @if($item->type == 1)
                                        @php
                                        $package_type = __('basic.customized');
                                        @endphp
                                        @elseif ($item->type == 2)
                                        @php
                                        $package_type = __('basic.commission');
                                        @endphp
                                        @endif
                                        {{ $package_type }}</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->start_at)) }}
                        </div>
                        <div class="mb-2">
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.end date') }}</h6>
                            <span class="text-gray-700 fw-bold">{{ date('d M Y h:i A', strtotime($item->end_at)) }}
                        </div>
                    </div>

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

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

                        {{-- accept client and supplier invoice --}}
                        @if(in_array($item->payment_method, [1,2]) && $item->invoice_item->invoice_id !== 0)

                        {{-- for cost wallet --}}
                        @if($item->cost)
                        {{-- for cost invoice --}}
                        @php
                        $total_buy += $item->buy;
                        $buying_price = $item->buy_pp;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->invoice_item->subtotal;
                        $selling_price = $item->invoice_item->subtotal;
                        @endphp

                        {{-- for no invoice --}}
                        @else

                        {{-- for cost wallet --}}
                        @if($item->buy)
                        @php
                        $total_buy += $item->buy;
                        $buying_price = $item->buy_pp;
                        @endphp
                        @else
                        @php
                        $total_buy += 0;
                        $buying_price = 0;
                        @endphp
                        @endif

                        @php
                        $total_sell += $item->sell;
                        $selling_price = $item->sell_pp;
                        @endphp
                        @endif

                        <div class="mb-2">
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.purchasing price pp') }}</h6>
                            <span class="text-gray-700">{{ $buying_price }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.selling price pp') }}</h6>
                            <span class="text-gray-700">{{ $selling_price }} </span>
                        </div>
                        <div class="mb-2">
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.purchasing price') }}</h6>
                            <span class="text-gray-700 fw-bold">{{ $item->buy }} </span>
                        </div>
                        <div>
                            <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.selling price') }}</h6>
                            <span class="text-gray-700 fw-bold">{{ $item->sell }} </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->code }} </span>
                        </div>

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

                        <div>

                            @if($item->cost)
                            <a href="{{ route('sett.invoice.show',
                            $item->cost->invoice_id) }}"
                                class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont me-1"><i
                                    class="fas fa-file-invoice"></i></a>
                            @endif

                            @php
                            $debtor_ur_wa = route('booking_print', $appointment->code);
                            @endphp

                            <a target="_blank"
                                href="{{ 'https://wa.me/2' . $item->debtor->phone_number . '?text=Hello' . $item->debtor->first_name  . ' with you ' . $appointment->creator->first_name . ' ' . $appointment->creator->second_name . ' from  ' . $clinicname . '. we would like to notify you that we have a booking reservation with confirmation code ' . $appointment->code . ' for the name of ' . $receiver_full_name . ' for a trip ' . $item->package->name  . ' on ' . $item->start_at .  ' for ' . $item->qty . ' person . 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 mt-2"><i
                                    class="fab fa-whatsapp"></i></a>
                        </div>
                        @endif

                        @if($item->customer_name)
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler name') . ':'}} <span class="text-gray-700">{{
                                $item->customer_name }}</span></p>
                        <p class=" mb-0 text-xs text-gray-300">
                            {{ __('basic.traveler phone') . ':'}} <span class="text-gray-700">{{
                                $item->customer_phone }}</span></p>
                        @endif


                        {{-- 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('booking_print', $appointment->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">{{
                                                                            __('basic.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->main_image) }}">
                                                        <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', $appointment->code);
                                                    @endphp

                                                    <a target="_blank"
                                                        href="{{ 'https://wa.me/2' . $item_trip->debtor->phone_number . '?text=Hello' . $item_trip->debtor->first_name  . ' with you ' . $appointment->creator->first_name . ' ' . $appointment->creator->second_name . ' from  ' . $clinicname . '. we would like to notify you that we have a ticket with confirmation code ' . $appointment->code . ' for the name of ' . $receiver_full_name . ' for a trip in ' . $item_trip->trip->name  . ' on ' . $item_trip->start_at .  ' for ' . $item_trip->qty . ' person . 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>
                                                    @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


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

            </div>
            @endif


            <hr>

            <div class="d-flex justify-content-between align-items-center px-lg-5 mb-4">
                <div class="me-2 fw-bold">
                    <i class="fas fa-dollar-sign me-2"></i> {{ __('basic.subtotal') }}
                </div>
                <div id="price_total_final_info" class="fw-bold text-center">
                    {{ $appointment->total_sell_price }} <small class="text-gray-300 text-xxxs">
                        {{ $appointment->invoice->currency->code }}</small>

                </div>
            </div>

            <div class="d-flex justify-content-between align-items-center px-lg-5 mb-3">
                <div class="me-2">
                    <i class="fas fa-percent me-2 text-gray-400"></i> {{ __('basic.discount') }}
                </div>
                <div id="discount_amount_place" class="text-center text-decoration-line-through">
                    @if ($appointment->invoice)
                    @if (!empty($appointment->invoice->discount))
                    {{ $appointment->invoice->discount }} <small class="text-gray-300 text-xxxs">
                        {{ $appointment->invoice->currency->code }}</small>
                    @else
                    0
                    @endif
                    @else
                    {{ __('basic.no discount') }}
                    @endif
                </div>
            </div>
            <div class="d-flex justify-content-between align-items-center px-lg-5 mb-3">
                <div class="me-2">
                    <i class="fas fa-percent me-2 text-gray-400"></i> {{ __('basic.tax') }}
                </div>
                <div id="discount_amount_place" class="text-center">
                    @if ($appointment->invoice)
                    @if (!empty($appointment->invoice->total_tax))
                    {{ $appointment->invoice->total_tax }} <small class="text-gray-300 text-xxxs">
                        {{ $appointment->invoice->currency->code }}</small>
                    @else
                    0
                    @endif
                    @else
                    {{ __('basic.no tax') }}
                    @endif
                </div>
            </div>
            <div class="d-flex justify-content-between align-items-center px-lg-5 mb-4">
                <div class="me-2 fw-bold">
                    <i class="fas fa-dollar-sign me-2"></i> {{ __('basic.final price') }}
                </div>
                <div id="price_total_final_info" class="fw-bold text-center">
                    {{ $appointment->final_sell_price }} <small class="text-gray-300 text-xxxs">
                        {{ $appointment->invoice->currency->code }}</small>

                </div>
            </div>

            @unlessrole('Sales-manager|Sales-worker')
            <div class="d-flex justify-content-between align-items-center px-lg-5 mb-4">
                <div class="me-2 fw-bold">
                    <i class="fas fa-box-open me-2"></i> {{ __('basic.total cost') }}
                </div>
                <div id="price_total_final_info" class="fw-bold text-center">

                    {{ $appointment->total_buy_price}} <small class="text-gray-300 text-xxxs">
                        {{ $appointment->invoice->currency->code }}</small>

                </div>
            </div>

            <div class="d-flex justify-content-between align-items-center px-lg-5 mb-4">
                <div class="me-2 fw-bold">
                    <i class="fas fa-dollar-sign me-2"></i> {{ __('basic.net income') }}
                </div>
                <div id="price_total_final_info" class="fw-bold text-center">
                    @php
                    $final_price_booking = $appointment->final_sell_price - $appointment->total_buy_price;
                    @endphp
                    {{ number_format($final_price_booking, 2, '.', '') }} <small class="text-gray-300 text-xxxs">
                        {{ $appointment->invoice->currency->code }}</small>

                </div>
            </div>
            @endunlessrole

            <div class="row mb-2 px-lg-5">
                <div class="mb-3">
                    <label class="form-label text-gray-300">{{ __('basic.note') }}</label>
                    <div class="form-control-textarea overflow-auto">{{ $appointment->note }}
                    </div>
                </div>
            </div>

            @error('appointment_note')
            <span class="error-msg-form">
                {{ $message }}
            </span>
            @enderror

            <div class="row align-items-center main-color-bg text-white px-lg-5 b-r-s-cont px-4 py-4 mx-1 mx-md-2">
                <div class="col-12 col-md text-blue-300 mb-2 mb-md-0">
                    {{ __('patientappo.come before 15 msg') }}
                </div>
                <div class="col-12 col-md text-center">

                    <h6 class="text-xs mb-1 text-blue-300">{{ __('basic.final price') }}</h6>
                    <p id="date_final_info" class="text-l fs-4 fw-bold mb-0">
                        {{ $appointment->final_sell_price }} <small class="text-blue-400 text-xxxs">
                            {{ $appointment->invoice->currency->code }}</small>
                    </p>
                    <p id="time_final_info" class="text-s text-blue-200">
                        {{ date('d M Y', strtotime($appointment->created_at)) }}</p>
                </div>


            </div>

            <hr>

        </div>

    </div>
</div>



<!-- Modal -->
<div class="modal fade" id="delete_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog 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-trash me-1"></i>
                    {{ __('basic.delete') }}</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <form action="{{ route('sett.booking.destroy', 'test') }}" method="post">
                {{ method_field('delete') }}
                {{ csrf_field() }}

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

                    <div class="modal-body delete-conf-input text-center py-0">
                        <p class="mb-0">{{ __('basic.delete message') }}</p><br>
                        <input type="hidden" name="booking_id" value="{{ $appointment->id }}">
                    </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">
                        <button type="submit" class="btn btn-default btn-link text-red">{{
                            __('basic.delete') }}
                        </button>
                    </div>

                </div>
            </form>

        </div>
    </div>
</div>

@endsection

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"
    integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
    $('.js-example-basic-single').select2({
            minimumResultsForSearch: -1
        });
        $(".myselect2-additem-insert").select2({
            dropdownParent: $("#add_items")
        });
        //hide search
        $('.select2-no-search-additem').select2({
            dropdownParent: $("#add_items"),
            minimumResultsForSearch: -1
        });
</script>

<script>
    //copy online appointment url
        $(document).on('click', '.copy_clipboard', function() {
            var copyText = $(this).data('url');

            var textarea = document.createElement("textarea");
            textarea.textContent = copyText;
            textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge.
            document.body.appendChild(textarea);
            textarea.select();
            document.execCommand("copy");

            document.body.removeChild(textarea);

            toastr.success("{{ __('basic.copied to clipboard') }}");
        });


        $(".appointment_edit_click").on('click', function() {
            var id = $(this).data("id");
            var status = $(this).data("status");

            $('input[name="appointment_id"]').val(id);
            
            $('#appointment_edit_id').select2("val", String(status));

            $('.modal').modal('hide');
            $('#appointment_edit').modal('show');
        });

</script>

@endsection