{{-- Imports --}}
  {{-- CodePen --}}
    <script src='{{ asset('assets/demo-to-codepen.js') }}'> </script>

  {{-- FullCalendar --}}
    {{-- Styles --}}
    <link href='{{ asset('fullcalendar-4.2.0/core/main.min.css') }}' rel='stylesheet' />
    <link href='{{ asset('fullcalendar-4.2.0/timeline/main.min.css') }}' rel='stylesheet' />
    <link href='{{ asset('fullcalendar-4.2.0/resource-timeline/main.min.css') }}' rel='stylesheet' />

    {{-- JS --}}
    <script src='{{ asset('fullcalendar-4.2.0/core/main.min.js') }}'> </script>
    <script src='{{ asset('fullcalendar-4.2.0/timeline/main.min.js') }}'> </script>
    <script src='{{ asset('fullcalendar-4.2.0/interaction/main.min.js') }}'> </script>
    <script src='{{ asset('fullcalendar-4.2.0/resource-common/main.min.js') }}'> </script>
    <script src='{{ asset('fullcalendar-4.2.0/resource-timeline/main.min.js') }}'> </script>

{{-- Constants & Controls --}}
<script>
  //* Global Variables
    window.config = {
        routes: {
            // For Reservation Interactions
            reservationUpdate: "{{ route('reservations.update') }}",

            // For Lodgings (Store)
            lodgingPayment: "{{ route('reservationPayments.lodging.store') }}",
            // For Consumptions (Store)
            consumptionPayment: "{{ route('reservationPayments.consumption.store') }}",
            consumptionCharge: "{{ route('reservationCharges.consumption.store') }}",
            // For Extras (Store)
            extraPayment: "{{ route('reservationPayments.extra.store') }}",
            extraCharge: "{{ route('reservationCharges.extra.store') }}",

            // For Lodgings (Update)
            updateLodgingPayment: "{{ route('reservationPayments.lodging.update') }}",
            // For Consumptions (Update)
            updateConsumptionPayment: "{{ route('reservationPayments.consumption.update') }}",
            updateConsumptionCharge: "{{ route('reservationCharges.consumption.update') }}",
            // For Extras (Update)
            updateExtraPayment: "{{ route('reservationPayments.extra.update') }}",
            updateExtraCharge: "{{ route('reservationCharges.extra.update') }}",

        },
        data: {
            receptionist: '{{ Auth::user()->name }}',
            features: {
                has_express_reservations : @json($has_express_reservations),
                has_control_hours : @json($has_control_hours),
                has_pax_pricing : @json($has_pax_pricing),

                has_additional_pax_charge : @json($has_additional_pax_charge),
            },
            parameters: {
                express_tolerance_minutes : @json($express_tolerance_minutes)
            },

            statuses:`
                    @foreach($statuses as $status)
                        @if ($status->status_type === "Creation")
                            <option value="{{ $status->id }}">
                                {{ __('seeders')['statuses'][$status->status_name] }}
                            </option>
                        @endif
                    @endforeach
                `,
            guestStatuses:`
                    @foreach($statuses as $status)
                        @if ($status->status_type === "Guest")
                            <option value="{{ $status->id }}">
                                {{ __('seeders')['statuses'][$status->status_name] }}
                            </option>
                        @endif
                    @endforeach
                `,

            waitingCheckinStatuses: `
                    @foreach($statuses as $status)
                        @if ($status->status_type === "Shared")
                            <option value="{{ $status->id }}">
                                {{ __('seeders')['statuses'][$status->status_name] }}
                            </option>
                        @endif
                    @endforeach
                `,

            normalRoomTypes: `
                    @foreach ($roomTypes as $tyroom)
                        @if (
                            (
                                (Auth::check() && in_array(Auth::user()->role, ['administrador','gerente']))
                                || $tyroom->id != 1
                            ) && !$tyroom->is_express_type
                        )
                            <option value="{{ $tyroom->id }}" data-limit="{{ $tyroom->pax_room_limit }}"
                                @if ($has_express_reservations)
                                    data-minimum-stay="{{ $tyroom->minimum_express_stay }}"
                                @endif
                            >
                                {{ $tyroom->tr_name }}
                            </option>
                        @endif
                    @endforeach
                `,

            expressRoomTypes: `
                    @foreach ($roomTypes as $tyroom)
                        @if (
                            (
                                (Auth::check() && in_array(Auth::user()->role, ['administrador','gerente']))
                                || $tyroom->id != 1
                            ) && $tyroom->is_express_type
                        )
                            <option value="{{ $tyroom->id }}" data-limit="{{ $tyroom->pax_room_limit }}"
                                @if ($has_express_reservations)
                                    data-minimum-stay="{{ $tyroom->minimum_express_stay }}"
                                @endif
                            >
                                {{ $tyroom->tr_name }}
                            </option>
                        @endif
                    @endforeach
                `,
        },
        app: {
            timezone: "{{ config('app.timezone') }}",
            locale: "{{ config('app.locale') }}"
        },
        assets: {
            toastInfoIcon: "{{ asset('images/toast-info-icon.png') }}",
        }
    };

  //* Constants
    window.decrypt_data = "4ar51-e3067mnt-r35e-rv35-95b1";
    window.toast_duration = 4100;

    window.is_normal_calendar = true;
    window.is_express_calendar = false; // Just for first load

    window.is_normal_dragging_event = false;
    window.is_express_dragging_event = false;

  //* Data Controls
    // On window unload
    window.onbeforeunload = function() {
        localStorage.removeItem("isOverBooking");
        localStorage.removeItem("NormalEventData");
        localStorage.removeItem("ExpressEventData");
    };

  //* General Controls
    $(document).ready(function () {
        // Calendar Tabs
        $('#calendar-type-switch a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            // Get Current TAB
            const target = $(e.target).attr("href");

            // Switch Page Behavior
            window.is_normal_calendar = target === "#normal-calendar-block";
            window.is_express_calendar = target === "#express-calendar-block";

            // Keep Living Calendar on load
            if (window.is_express_calendar && window.express_calendar) {
                setTimeout(() => {
                    window.express_calendar.updateSize();
                    window.express_calendar.refetchResources();
                    window.express_calendar.refetchEvents();
                    window.express_calendar.scrollToTime(moment().format('HH:mm:ss'));
                }, 50);
            } else {
                setTimeout(() => {
                    window.normal_calendar.updateSize();
                    window.normal_calendar.refetchResources();
                    window.normal_calendar.refetchEvents();
                }, 50);
            }
        });
    });
</script>

{{-- Cycled Data --}}
<script>
  // Overbookings
    window.overbookingsDebounced = (window.overbookingsDebounced || debounce(getOverBooking, 800));
    function getOverBooking() {
        let overBookEncrypted = localStorage.getItem("isOverBooking") || null;
        let overBookStored = decryptData(overBookEncrypted);

        const Toast = Swal.mixin({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: window.toast_duration,
            timerProgressBar: true,
            icon: 'warning',
        });

        $.ajax({
            url: "{{ route('api.reservations.overbooking') }}",
            method: 'GET',
            headers: {
                'X-Locale': "{{ session('locale') }}"
            },
            data: {
                has_control_hours: @json($has_control_hours)
            },
            success: function (data) {
                if (JSON.stringify(overBookStored) !== JSON.stringify(data)) {

                    if (data.length > 0) {
                        for (const message of data) {
                            Toast.fire({ title: message });
                        }
                    }

                    const encrypted = encryptData(data);
                    localStorage.setItem("isOverBooking", encrypted);
                }
            }
        });
    }

  // Cycle Loader
    // On api token generated
    window.apiTokenReady.then(token => {
        overbookingsDebounced();
        setInterval(overbookingsDebounced, 299200); // Cada 5 minutos se revisa si hay Sobre ventas
    });
</script>

{{-- Shared Calendar Functions --}}
<script>
  //- Drag and Drop Control
    async function handleReservationChange(info, options = {}, is_express = false) {
      //* Control Data
        // Basic Data
        const has_control_hours = @json($has_control_hours);
        const period_format = is_express || has_control_hours ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD'; // TODO:considerar has_control_hours para renders (swal de cambio) y overbooking

        const data = info.event; // Reservation Data
        const id = data.classNames[1]; // Reservation ID
        const room_id = info.newResource?.id || data.getResources()[0]?.id; // Reservation Room ID

        // Format Dates
        const days_to_increment = is_express ? 0 : 1;

        const entry_date = moment.tz(data.start, TZ);
        const departure_date = moment.tz(data.end, TZ);

        const entry_hour = is_express ? entry_date.format('HH:mm:ss') : data.classNames[2]; // Reservation entry hour
        const departure_hour = is_express ? departure_date.format('HH:mm:ss') : data.classNames[3]; // Reservation departure hour

        // Restore the original reservation time if has_control_hours is enabled
        if (!is_express && has_control_hours) {
            setTime(entry_date, entry_hour);
            setTime(departure_date, departure_hour);
        }

      //* Prevent Schedule Conflicts
        const has_schedule_conflict = await checkEntryAndCleaningTime(room_id, entry_date.format('YYYY-MM-DD'), entry_hour);

      //* Prevent Overbooking
        let is_overbooking = false;
        const reservation_data = decryptData(localStorage.getItem(is_express ? "ExpressEventData" : "NormalEventData")) || [];
        const new_reservation_dates = { entry: entry_date, departure: departure_date };

        reservation_data.forEach(event => {
            if (event.resourceId == room_id && id != event.classNames[1]) {
                // Extract Period
                const event_entry = moment.tz(event.start, TZ);
                const event_departure = moment.tz(event.end, TZ);

                // Restore the original reservation time if has_control_hours is enabled
                if (!is_express && has_control_hours) {
                    setTime(event_entry, event.classNames[2]);
                    setTime(event_departure, event.classNames[3]);
                }

                // Build Period Object
                const reservation_dates = {
                    entry: event_entry.format(period_format),
                    departure: event_departure.format(period_format)
                };

                // Check fo overbookings
                if (willBeOverbooking(new_reservation_dates, reservation_dates, is_express, has_control_hours, TZ)) {
                    is_overbooking = true;
                    return true;
                }
            }
        });

      //* Show Alert
        // Dynamic Structures
        const schedule_conflict_message = has_schedule_conflict
            ? `<div class="alert alert-danger">{{ __('common_responses_and_messages')['schedule_conflict_alert'] }}!</div>`
            : '';

        const overbooking_message = is_overbooking
            ? `<div class="alert alert-danger">{{ __('common_responses_and_messages')['overbooking_alert'] }} <b>{{ __('neutral_words')['overbooking'] }}</b>!</div>`
            : '';

        const extraHtml = options.extraHtml ? options.extraHtml(data, entry_date, departure_date) : '';

        // Swal
        Swal.fire({
            icon: 'warning',
            title: "{{ __('common_responses_and_messages')['warning'] }}",
            html: `
                <div class="container">
                    <div class="row justify-content-center align-items-center g-2">
                        <div class="px-0 col-10">

                            ${schedule_conflict_message}
                            ${overbooking_message}

                            <p>
                                {{ __('common_responses_and_messages')['drag_and_drop_message_1'] }}
                                <b>${data.title.endsWith("s") ? data.title+"' " : data.title+"'s "}</b>
                                ${options.message}
                            </p>

                            ${extraHtml}

                            <div class="mb-3 input-group">
                                <span class="input-group-text">Entrada</span>
                                <input readonly class="form-control" value="${entry_date.format(period_format)}">
                            </div>

                            <div class="mb-3 input-group">
                                <span class="input-group-text">Salida</span>
                                <input readonly class="form-control" value="${departure_date.format(period_format)}">
                            </div>
                        </div>
                    </div>
                </div>
            `,
            showDenyButton: true,
            confirmButtonText: `{{ __('common_actions')['approve'] }} {{ __('common_actions')['update'] }}`,
            denyButtonText: `{{ __('common_actions')['deny'] }} {{ __('common_actions')['cancel'] }}`,
        }).then((result) => {
            if (result.isConfirmed) {
                const request_data = {
                    is_express,
                    has_pax_pricing: @json($has_pax_pricing),
                    has_express_reservations: @json($has_express_reservations),

                    room_id: room_id,
                    receptionist: "{{ Auth::user()->name }}",

                    entry_date: entry_date.format('YYYY-MM-DD HH:mm:ss'),
                    departure_date: departure_date.format('YYYY-MM-DD HH:mm:ss'),
                };

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                        'X-Locale': "{{ session('locale') }}"
                    },
                    url: `/api/calendar/reservations/${id}/drag-and-drop`,
                    type: 'PATCH',
                    data: request_data,
                    success: function () {
                        launchSwalToast(
                            `{{ __('common_responses_and_messages')['update'] }} <b style="color:#12a15e">{{ __('common_responses_and_messages')['completed'] }}</b>`,
                            'success'
                        );

                        overbookingsDebounced();

                        if (is_express) updateCalendarExpressEvents();
                        else updateCalendarEvents();
                    }
                });
            } else {
                // info.revert();
                launchSwalToast(
                    `{{ __('common_responses_and_messages')['update'] }} <b style="color:#d63384">{{ __('common_responses_and_messages')['cancelled'] }}</b>`,
                    'info'
                );
            }
        });
    }

  //- Entry & Cleaning time Control
    async function checkEntryAndCleaningTime(room_id, entry_date, entry_hour) {
        if (getFeatureStatus("control_hours")) {
            const data = await $.get(`/rooms/${room_id}/check-entry-and-cleaning-time`, {
                entry_date,
                entry_hour,
            });
            return data.show_modal;
        }

        return false;
    }

  //- OverBooking Control
    function willBeOverbooking(new_reservation_dates, reservation_dates, is_express, has_control_hours) {
      // Variables de Control
        const period_format = is_express || has_control_hours ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';

        const new_entry = moment.tz(new_reservation_dates.entry, period_format, TZ);
        const new_departure = moment.tz(new_reservation_dates.departure, period_format, TZ);

        const original_entry = moment.tz(reservation_dates.entry, period_format, TZ);
        const original_departure = moment.tz(reservation_dates.departure, period_format, TZ);

      // Validaciones
        // Verificar que todas las fechas sean válidas
        if (!new_entry.isValid() || !new_departure.isValid() ||
            !original_entry.isValid() || !original_departure.isValid()) {
            return false;
        }

        // Comprobar si las fechas de inicio del rango 2 son posteriores a las del rango 1
        if (new_departure.isSameOrBefore(original_entry)) return false;

        // Comprobar si las fechas de fin del rango 2 son anteriores a las del rango 1
        if (new_entry.isSameOrAfter(original_departure)) return false;

      // Evaluación principal
        // En este punto sabemos que existe intersección entre ambos rangos
        // Solo se llega a considerar como sobre venta si los rangos se traslapan en cualquier momento
        const overlap = new_entry.isBefore(original_departure) && new_departure.isAfter(original_entry);
        return overlap;
    }
</script>

{{-- Page Interactions --}}
<script>
  //* Specific
    function copyCalendarLink() {
        const link = window.location.origin + '/public-calendar';

        navigator.clipboard.writeText(link).then(function () {
            launchSwalToast(
                "{{ __('common_responses_and_messages')['copied_link'] }}",
                "info"
            );
        }).catch(function (err) {
            launchSwalToast(
                "{{ __('common_responses_and_messages')['data_not_loaded'] }}",
                "error"
            );
        });
    }
</script>

{{-- Support Functions --}}
<script>
  //? Toast
    function launchSwalToast(title, icon) {
        Swal.fire({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: window.toast_duration,
            timerProgressBar: true,
            title,
            icon,
        });
    }

  //? Debounce
    function debounce(func, delay) {
        let timeout;
        return function (...args) {
            const context = this;
            clearTimeout(timeout);
            timeout = setTimeout(() => func.apply(context, args), delay);
        };
    }

  //? Crypts
    function encryptData(data) {
        try {
            return CryptoJS.AES.encrypt(
                JSON.stringify(data),
                window.decrypt_data
            ).toString();
        } catch (e) {
            return null;
        }
    }

    function decryptData(encrypted) {
        try {
            if (!encrypted) return null;

            const bytes = CryptoJS.AES.decrypt(encrypted, window.decrypt_data);
            const decrypted = bytes.toString(CryptoJS.enc.Utf8);

            return decrypted ? JSON.parse(decrypted) : null;
        } catch (e) {
            return null;
        }
    }

  // Formatters
    function setTime(date, time) {
        const [h, m, s] = time.split(':');
        return date.set({ hour: +h, minute: +m, second: +s });
    }

    function roundToNearest(minutesStep, date) {
        const ms = 1000 * 60 * minutesStep;
        return new Date(Math.round(date.getTime() / ms) * ms);
    }
</script>