@extends('layouts.master')

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

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

<!-- 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.app_all_booking') }}">{{
                __('basic.all bookings') }}
                | </a>
            <a class="text-gray-300">{{ __('basic.unit booking') }}</a>
        </span>
        <div class="d-flex justify-content-center mt-2 mt-md-0">

            @php
            $patient_ur_wa = route('patient_auth.land_show_pat_appointment_public', $booking->code);
            @endphp

            <a target="_blank" href="{{ 'https://wa.me/+2' . $booking[0]->patient->phone_number . '?text= اهلا ' . $booking[0]->patient->name . ' معاك ' . $booking[0]->creator->name . ' من  ' . $clinicname . '. بنحب نقول لحضرتك ان تم تاكيد حجزك برقم ' . $booking_id . ' ويمكنك ايضا الاطلاع علي تفاصيل حجزك علي موقعنا الالكتروني ' . $patient_ur_wa .  "
                شكرا لاختيارك " . $clinicname }} " 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> Confirmation</a>

            @if (!in_array($booking->status, [3,4]))
            <a target="_blank" href="{{ 'https://wa.me/+2' . $booking->receivable->phone_number . '?text= Hello ' . $appointment->receivable->name . ' معاك ' . $appointment->creator->name . ' من  ' . $clinicname . '. بنحب نقول لحضرتك ان تم استلام حجزك برقم' . $booking->code . ' ولكن لتاكيد الحجز برجاء دفع مبلغ ' .  $booking->final_price . ' جنيها وويمكنك الدفع عن طريق المحفظة الالكترونية ' . $booking->receivable->phone_number  . ' ويمكنك ايضا الاطلاع علي تفاصيل حجزك علي موقعنا الالكتروني ' . $patient_ur_wa  . "
                الرجاء الرد علي هذا الرسالة عند الدفع ويفضل ارسال صورة لايصال الدفع - شكرا لاختيارك " . $clinicname }}" 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> Payment </a>
            @endif

            <a href="{{ route('sett.invo_invoice_print', $booking->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.appointment.edit', $appointment->id) }}"><i class="fas fa-pen me-1"></i>
                    Edit</a> --}}
                </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">

                <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">
                            {{ $booking->patient->name }}
                        </a>
                        <p id="number_final_info" class="mb-0 text-xs text-gray-400">
                            {{ $appointment->patient->phone_number }}
                        </p>
                    </div>
                </div>


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

                    @if ($booking->status == 0)
                    @php
                    $msg_invoice_debtor = __('basic.not paid');
                    $text_color_invoice_debtor = 'cancel-color-btn';
                    @endphp
                    @elseif ($booking->status == 1)
                    @php
                    $text_color_invoice_debtor = 'pend-color-btn';
                    $msg_invoice_debtor = __('basic.pending');
                    @endphp
                    @elseif ($booking->status == 2)
                    @php
                    $text_color_invoice_debtor = 'prog-color-btn';
                    $msg_invoice_debtor = __('basic.installment');
                    @endphp
                    @elseif ($booking->status == 3)
                    @php
                    $text_color_invoice_debtor = 'done-color-btn';
                    $msg_invoice_debtor = __('basic.paid');
                    @endphp
                    @elseif ($booking->status == 4)
                    @php
                    $msg_invoice_debtor = __('basic.refund');
                    $text_color_invoice_debtor = 'cancel-color-btn';
                    @endphp
                    @endif

                    <span class="badge rounded-pill {{ $text_color_invoice_debtor }} badge-padd-l"><a class="{{ $text_color_invoice_debtor }}" href="{{ route('sett.invoice.show',
                        $booking->id) }}">{{
                            $msg_invoice_debtor }}</a></span>
                </div>

                <div class="col-4 col-md-2">
                    <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">
                        {{ $booking->creator->name }}
                    </p>
                </div>

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

            <hr>

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

                @foreach ($booking->invoice_items as $item)
                <div class="d-flex justify-content-between align-items-center px-lg-5 mb-3">
                    <div class="me-2">
                        <i class="fas fa-pen me-2 link-cust-text text-gray-400 clickable-item-pointer appointment_edit_click" data-id="{{ $item->itemable_id }}" data-status="{{ $item->itemable->status }}"></i>

                        @if ($item->debtor)

                        @php
                        $debtor_ur_wa = route('patient_auth.land_show_pat_appointment_public', $appointment->code);
                        @endphp
                        @endif

                        @if ($item->type == 1)

                        @if ($item->debtor)
                        <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 hotel reservation with confirmation code ' . $appointment->code . ' for the name of ' . $appointment->receivable->name . ' at ' . $item->categorizable->name  . ' for ' . $item->days . ' with '. $item->qty . ' ' . $item->room_type . ' room ' . '. 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

                        @php
                        $service_type = "Hotel";
                        @endphp

                        @elseif ($item->type == 2 OR $item->type == 3)

                        @if ($item->debtor)
                        <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 singl bus reservation with confirmation code ' . $appointment->code . ' for the name of ' . $appointment->receivable->name . ' from ' . $item->categorizable->from->name  . ' to ' . $item->categorizable->to->name  . ' on ' . $item->itemable->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

                        @php
                        $service_type = "Single Bus";
                        @endphp

                        @elseif ($item->type == 4)

                        @if ($item->debtor)
                        <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 Visa with confirmation code ' . $appointment->code . ' for the name of ' . $appointment->receivable->name . ' with a passport number ' . $appointment->receivable->passport_number .  'for ' . $item->categorizable->name  . ' on ' . $item->itemable->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
                        @php
                        $service_type = "Visa";
                        @endphp
                        @elseif ($item->type == 5)

                        @if ($item->debtor)
                        <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 single airline reservation with confirmation code ' . $appointment->code . ' for the name of ' . $appointment->receivable->name . ' from ' . $item->categorizable->from->name  . ' to ' . $item->categorizable->to->name  . ' on ' . $item->itemable->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

                        @php
                        $service_type = "Single Airline Trip";
                        @endphp
                        @elseif ($item->type == 6)

                        @if ($item->debtor)

                        <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 round airline reservation with confirmation code ' . $appointment->code . ' for the name of ' . $appointment->receivable->name . ' from ' . $item->categorizable->from->name  . ' to ' . $item->categorizable->to->name  . ' on ' . $item->itemable->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

                        @php
                        $service_type = "Round Airline Trip";
                        @endphp
                        @elseif ($item->type == 7)

                        @if ($item->debtor)
                        <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 ' . $appointment->receivable->name . ' for a trip ' . $item->categorizable->name  . ' on ' . $item->itemable->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

                        @php
                        $service_type = "A Package";
                        @endphp
                        @elseif ($item->type == 8)

                        @if ($item->debtor)
                        <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 ' . $appointment->receivable->name . ' for a trip in ' . $item->categorizable->name  . ' on ' . $item->itemable->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
                        @php
                        $service_type = "A trip";
                        @endphp
                        @endif



                        <i class="fas fa-suitcase me-1 text-gray-400"></i>
                        <span class="text-gray-300">{{ $service_type }}</span>
                        <span id="service_final_info">

                            @if ($item->type == 1)
                            {{ $item->qty . " rooms at " }}
                            {{ $item->categorizable->name }}
                            {{-- <div class="ms-5">
                                <p class="mb-0">Rooms</p>
                                @foreach ($item->itemable->rooms as $item_m)
                                <div class=" text-gray-500">- {{ $item_m->quantity . " " .$item_m->room_name }}
                    </div>
                    @endforeach
                </div> --}}
                @else
                {{ $item->categorizable->name }}
                @endif
                </span>

                <div>
                    @if ($item->debtor)

                    <span class="text-gray-300">Debtor:</span>
                    {{ $item->debtor->name}}
                    @else
                    No Company
                    @endif

                    @if ($item->debtor_invoice)
                    @if ($item->debtor_invoice->status == 0)
                    @php
                    $msg_invoice_debtor = __('basic.not paid');
                    $text_color_invoice_debtor = 'text-gray-400';
                    @endphp
                    @elseif ($item->debtor_invoice->status == 1)
                    @php
                    $text_color_invoice_debtor = 'pend-color';
                    $msg_invoice_debtor = __('basic.pending');
                    @endphp
                    @elseif ($item->debtor_invoice->status == 2)
                    @php
                    $text_color_invoice_debtor = 'pend-color';
                    $msg_invoice_debtor = __('basic.installment');
                    @endphp
                    @elseif ($item->debtor_invoice->status == 3)
                    @php
                    $text_color_invoice_debtor = 'done-color';
                    $msg_invoice_debtor = __('basic.paid');
                    @endphp
                    @elseif ($item->debtor_invoice->status == 4)
                    @php
                    $msg_invoice_debtor = __('basic.refund');
                    $text_color_invoice_debtor = 'cancel-color';
                    @endphp
                    @endif
                    @php
                    $debtor_inv_id = $item->debtor_invoice->id;
                    @endphp
                    <span class=" {{ $text_color_invoice_debtor }} "><a class="{{ $text_color_invoice_debtor }}" href="{{ route('sett.invoice.show',
                            $debtor_inv_id) }}">{{
                                    $msg_invoice_debtor }}</a></span>
                    @endif
                </div>
            </div>

            <div id="service_price_final_info" class="text-center">
                @if ($item->sold_price)
                {{ $item->sold_price }} <small class="text-gray-300 text-xxxs">
                    {{ __('basic.egp') }}</small>
                @else
                No fees
                @endif
            </div>
        </div>

        @endforeach


        @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->categorizable->name }}
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>

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


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

                        </div>

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

                    </div>
                </form>

            </div>

        </div>
        @endrole

        <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 ($booking->invoice_item)
                @if (!empty($invoice->invoice_item->invoice->discount))
                {{ $booking->invoice_item->invoice->discount }} <small class="text-gray-300 text-xxxs">
                    {{ __('basic.egp') }}</small>
                @else
                0
                @endif
                @else
                No Discount
                @endif
            </div>
        </div>

        <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.total price') }}
            </div>
            <div id="price_total_final_info" class="fw-bold text-center">

                {{ $appointment->final_price }} <small class="text-gray-300 text-xxxs">
                    {{ __('basic.egp') }}</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-box-open me-2"></i> {{ __('Total cost') }}
            </div>
            <div id="price_total_final_info" class="fw-bold text-center">

                {{ $booking->total_cost }} <small class="text-gray-300 text-xxxs">
                    {{ __('basic.egp') }}</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> {{ __('Net Income') }}
            </div>
            <div id="price_total_final_info" class="fw-bold text-center">
                {{ $booking->final_price - $booking->total_cost}} <small class="text-gray-300 text-xxxs">
                    {{ __('basic.egp') }}</small>

            </div>
        </div>

        <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">{{ $booking->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">
            <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">
                    {{ $booking->final_price }}
                </p>
                <p id="time_final_info" class="text-s text-blue-200">
                    {{ date('d M Y', strtotime($booking->start_at)) }}
                </p>
            </div>

        </div>

    </div>

</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);
    });


    $(".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