@extends('layouts.default-canvas')

@section('title')
    {{ __('modules')['dashboard']['settings']['audits_short'] }} | {{ __('entity_forms')['conclude_shift']['page_title'] }}
@endsection

@section('styles')
    <link href="{{ asset('css/pages/shared/master.css') }}" rel="stylesheet">
    <link href="{{ asset('css/components/custom/specialElements.css') }}" rel="stylesheet">

    <style>

      /* Tags */
        body,
        html {
            font-family: "Barlow" !important;
        }

        body {
            background: linear-gradient(#d7d6c2, 55%, #0d6889) !important;
            background: -webkit-linear-gradient(to right, #d7d6c2, #0d6889) !important;
            background-repeat: no-repeat !important;
            background-attachment: fixed !important;

            margin: 0 !important;
            height: expanded !important;
            height: 100% !important;
        }
        h4 {
            color: #0d6889;
            font-weight: 500;

            text-transform: uppercase;
        }

        h6 {
            font-size: 0.85rem;

            text-transform: uppercase;
        }

        input[type="datetime-local"]::-webkit-clear-button,
        input[type="datetime-local"]::-webkit-inner-spin-button {
            display: none;
        }

        input[type="datetime-local"]::-webkit-calendar-picker-indicator {
            display: none;
        }

        textarea {
            width: 100% !important;
            padding: 1.5%;

            box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);
            border: solid 2px #fff;
            border-radius: 5px;
        }

        input {
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }

      /* Classes */
        .px-4 {
            padding-right: 2.7rem !important;
            padding-left: 2.7rem !important;
        }

        .textarea-label {
            background-color: white;
            border: 0px;
        }

        .input-group-text {
            border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
            font-weight: 500;
            color: #0d6889;
        }

        .disabled-fields-pale {
            background-color: #dad8c588;
            box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2.5px 0 rgba(0, 0, 0, 0.19);

            font-weight: 500;
            color: #0d6889;

            cursor: not-allowed;
        }

        .disabled-fields {
            background-color: #d7d6c2ce;
            box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2.5px 0 rgba(0, 0, 0, 0.19);

            font-weight: 500;
            color: #0d6889;

            cursor: not-allowed;
        }

        .disabled-fields:hover {
            background-color: #d7d6c2c1 !important;
            cursor: pointer;
        }

        .disabled-fields:focus {
            background-color: #d7d6c2c1 !important;
            box-shadow: 0 0 0 0;
            outline: none;
        }

        .confirm-income {
            color: #BB3030;
        }

        .error {
            color: #BB3030;
            border-color: #BB3030;
        }

        .reference {
            color: #0d6889;
            border-color: #0d6889;
        }

        .warning-messages {
            color: #0d6889;
            font-size: 0.85rem;
            font-weight: 500;
        }

        .warning-confirmation {
            color: #0d6889;
        }

    </style>
@endsection

@section('content')
  <section class="container px-4 py-5 my-3 bg-white rounded-3" style="max-width: 90%;">
      <form method="post" id="conclude_shift_form" enctype="multipart/form-data" novalidate>
        @csrf

        {{-- Title --}}
        <h3 class="mb-3">{{ __('entity_forms')['audit_shift']['title'] }}</h3>

        {{-- Basic Data --}}
        <div class="pb-2 mb-4 row justify-content-start">
            @php
                $today = now()->format('Y-m-d\TH:i');
                $actual_date = now()->format('Y-m-d');
                $actual_time = now()->format('H:i');
            @endphp

            {{-- Timestamp --}}
            <div style="margin-top: 10px; width: 28% !important;">

                {{-- Visual Field --}}
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_fields')['audit']['timestamp'] }}
                        </label>
                    </div>

                    <input type="datetime-local" value="{{ $today }}" readonly
                        class="form-control disabled-fields">
                </div>

                {{-- Hidden Fields --}}
                    {{-- Audit Date --}}
                    <input type="date" name="audit_date" readonly hidden
                        value="{{ $actual_date }}">

                    {{-- Audit Time --}}
                    <input type="time" name="audit_time" readonly hidden
                        value="{{ $actual_time }}"/>
            </div>

            {{-- User --}}
            <div style="margin-top: 10px; width: 28% !important;">

                {{-- Visual Field --}}
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entities')['settings']['user'] }}
                        </label>
                    </div>

                    <input type="text" value="{{ Auth::user()->name }} {{ Auth::user()->last_name }}" readonly
                        class="form-control disabled-fields">
                </div>

                {{-- Hidden Fields --}}
                    {{-- User ID --}}
                    <input type="number" name="receptionist_id" readonly hidden
                        value="{{ Auth::user()->id }}">
            </div>

            {{-- Current Shift --}}
            <div style="margin-top: 10px; width: 20% !important;">

                {{-- Visual Fields --}}
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_fields')['common']['shift'] }}
                        </label>
                    </div>

                    <input type="text" value="{{ $current_shift->name }}" readonly
                        class="form-control disabled-fields">
                </div>

                {{-- Hidden Fields --}}
                    {{-- Current Shift ID --}}
                    <input type="number" name="shift_id" readonly hidden
                        value="{{ $current_shift->id }}">
            </div>

        </div>

        {{-- Shift Statistics --}}
        <div class="pb-2 mb-4 row justify-content-start">

            <h4>{{ __('entity_forms')['audit_shift']['statistics_section']['title'] }}</h4>

            {{-- Occupied Rooms --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['occupied_rooms'] }}
                        </label>
                    </div>

                    <input type="number" id="occupied_rooms" readonly
                        class="form-control disabled-fields"
                        step=".1" min="0"
                        onchange="roundInteger(this)">
                </div>
            </div>

            {{-- Available Rooms --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['available_rooms'] }}
                        </label>
                    </div>

                    <input type="number" id="available_rooms" readonly
                        class="form-control disabled-fields"
                        step=".1" min="0"
                        onchange="roundInteger(this)">
                </div>
            </div>

            {{-- Blocked Rooms --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['blocked_rooms'] }}
                        </label>
                    </div>

                    <input type="number" id="blocked_rooms" readonly
                        class="form-control disabled-fields"
                        step=".1" min="0"
                        onchange="roundInteger(this)">
                </div>
            </div>

            {{-- Occupancy % --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['occupancy'] }}
                        </label>
                    </div>

                    <input type="text" id="occupancy" readonly
                        class="form-control disabled-fields">
                </div>
            </div>

            {{-- Total Check-ins --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['total_check_ins'] }}
                        </label>
                    </div>

                    <input type="number" id="total_check_ins" readonly
                        class="form-control disabled-fields"
                        step=".1" min="0"
                        onchange="roundInteger(this)">
                </div>
            </div>

            {{-- Total Check-outs --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['total_check_outs'] }}
                        </label>
                    </div>

                    <input type="number" id="total_check_outs" readonly
                        class="form-control disabled-fields"
                        step=".1" min="0"
                        onchange="roundInteger(this)">
                </div>
            </div>

            {{-- Deferred Reservations --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['deferred_bookings'] }}
                        </label>
                    </div>

                    <input type="number" id="deferred_bookings" readonly
                        class="form-control disabled-fields"
                        step=".1" min="0"
                        onchange="roundInteger(this)">
                </div>
            </div>

            {{-- Overbooking --}}
            <div class="col-4" style="margin-top: 10px">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_forms')['audit_shift']['statistics_section']['registered_overbookings'] }}
                        </label>
                    </div>

                    <input type="number" id="registered_overbookings" readonly
                        class="form-control disabled-fields"
                        step=".1" min="0"
                        onchange="roundInteger(this)">
                </div>
            </div>

        </div>

        {{-- Income --}}
        <div class="pb-2 mb-4">

            {{-- Title --}}
            <h4 class="pb-1">{{ __('entity_forms')['audit_shift']['income_section']['title'] }}</h4>

            @php
                $incomeCategories = [
                    'lodging' => __('entity_forms')['audit_shift']['income_section']['lodging'],
                    'consumption' => __('entity_forms')['audit_shift']['income_section']['consumption'],
                    'extra' => __('entity_forms')['audit_shift']['income_section']['extras'],
                ];

                if($include_restaurant)
                    $incomeCategories['restaurant'] = __('entity_forms')['audit_shift']['income_section']['restaurant'];

                if ($divide_restaurant_modules)
                    $incomeCategories['mini_shop'] = __('entity_forms')['audit_shift']['income_section']['mini_shop'];

            @endphp

            <div class="px-3 overflow-auto row flex-nowrap justify-content-start">
                @foreach ($incomeCategories as $key => $label)
                    <div class="flex-shrink-0 pr-0 ps-3 @if($include_restaurant) col-3 @else col-4 @endif">
                        {{-- Title --}}
                        <h6 class="mb-2">{{ $label }}</h6>

                        {{-- Estimated Income --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['theoretical_income'] }}
                                </label>
                            </div>
                            <input type="number" name="theoretical_{{ $key }}_income" id="theoretical_{{ $key }}_income"
                                class="form-control disabled-fields" step="0.01" readonly required
                                value="{{ $incomes->$key->theoretical_income ?? 0 }}"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Revenue by Payment Method --}}
                        @foreach ($payment_methods as $payment_method)
                            @php
                                $methodName = Str::slug($payment_method->method_name, '_');
                                $fieldName = "{$methodName}_{$key}_revenue";
                            @endphp

                            <div class="mb-3 input-group">
                                <div class="input-group-prepend">
                                    <label class="input-group-text disabled-fields-pale">
                                        {{ $payment_method->method_name }}
                                    </label>
                                </div>
                                <input type="number" name="{{ $fieldName }}" readonly required
                                    class="form-control disabled-fields-pale" step="0.01"
                                    value="{{ $incomes->$key->$methodName ?? 0 }}"
                                    onchange="roundDecimals(this)">
                            </div>
                        @endforeach

                        <p class="mb-3 ps-2 confirm-income">
                            &bull; {{ __('entity_forms')['audit_shift']['income_section']['confirm_income'] }}
                        </p>

                        {{-- Confirmed Income --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text">
                                    {{ __('entity_fields')['audit']['real_income'] }}
                                </label>
                            </div>
                            <input type="number" name="real_{{ $key }}_income" id="real_{{ $key }}_income"
                                class="form-control" step="0.01" required
                                placeholder="{{ \App\Helpers\Formats\FormatCurrencyHelper::currencyPlaceHolder() }}"
                                onchange="roundDecimals(this); validateIncomeConcordance('{{ $key }}')">
                        </div>
                    </div>
                @endforeach
            </div>

        </div>

        {{-- Cash Transactions & Cash Recounts --}}
        <div class="pb-2 mb-4">

            {{-- Title --}}
            <h4 class="pb-2">{{ __('entity_forms')['audit_shift']['cash_movements_sections']['title'] }}</h4>

            {{-- Tabs --}}
            <ul class="px-2 mb-3 nav nav-tabs" id="tabContent">
                @if ($include_restaurant)
                    <li class="nav-item active">
                        <a class="nav-link active" href="#hotel" data-toggle="tab">
                            {{ __('modules')['dashboard']['hotel']['title'] }}
                        </a>
                    </li>

                    &nbsp;&nbsp;
                    <li>
                        <a class="nav-link" href="#restaurant" data-toggle="tab">
                            {{ __('modules')['dashboard']['restaurant']['title'] }}
                        </a>
                    </li>
                @endif

                @if ($divide_restaurant_modules)
                    &nbsp;&nbsp;
                    <li>
                        <a class="nav-link" href="#mini_shop" data-toggle="tab">
                            {{ __('modules')['dashboard']['restaurant']['mini_shop'] }}
                        </a>
                    </li>
                @endif
            </ul>

            {{--Contenido--}}
            <div class="px-3 pt-2 tab-content">

                {{-- Hoteleria (Transactions by Payment Method) --}}
                <div class="tab-pane fade show active" id="hotel">
                    <div class="overflow-auto row flex-nowrap">
                        @foreach ($payment_methods as $payment_method)
                            @php
                                $methodName = Str::slug($payment_method->method_name, '_');
                            @endphp

                            @include("modules.audits.components.payment_method_block", [
                                'payment_method' => $payment_method,
                                'revenues' => [
                                    floatval($incomes->lodging->$methodName) ?? 0.0,
                                    floatval($incomes->consumption->$methodName) ?? 0.0,
                                    floatval($incomes->extra->$methodName) ?? 0,
                                ],
                                'tab_prefix' => 'hotel',
                            ])
                        @endforeach
                    </div>
                </div>

                @if ($include_restaurant)
                    {{-- Restaurante (Transactions by Payment Method) --}}
                    <div class="tab-pane fade row" id="restaurant">
                        <div class="overflow-auto row flex-nowrap">
                            @foreach ($payment_methods as $payment_method)
                                @php
                                    $methodName = Str::slug($payment_method->method_name, '_');
                                @endphp

                                @include("modules.audits.components.payment_method_block", [
                                    'revenues' => [
                                        floatval($incomes->restaurant->$methodName) ?? 0,
                                    ],
                                    'tab_prefix' => 'restaurant',
                                ])
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($divide_restaurant_modules)
                    {{-- Tiendita (Transactions by Payment Method) --}}
                    <div class="tab-pane fade row" id="mini_shop">
                        <div class="overflow-auto row flex-nowrap">
                            @foreach ($payment_methods as $payment_method)
                                @php
                                    $methodName = Str::slug($payment_method->method_name, '_');
                                @endphp

                                @include("modules.audits.components.payment_method_block", [
                                    'payment_method' => $payment_method,
                                    'revenues' => [
                                        floatval($incomes->mini_shop->$methodName) ?? 0,
                                    ],
                                    'tab_prefix' => 'mini_shop',
                                ])
                            @endforeach
                        </div>
                    </div>
                @endif

            </div>

        </div>

        @if ($include_petty_cash)
            {{-- Petty Cash --}}
            <div class="pb-2 mb-4">

                {{-- Title --}}
                <h4 class="pb-2">{{ __('entity_forms')['audit_shift']['petty_cash_section']['title'] }}</h4>

                <div class="px-3 row justify-content-start">

                    {{-- Caja Chica (Transactions of the Day) --}}
                        @php
                            $tab_prefix = "petty_cash"
                        @endphp

                    <div class="col-4">
                        {{-- Initial Cash --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text">
                                    {{ __('entity_fields')['audit']['initial_cash'] }}
                                </label>
                            </div>
                            <input type="number" name="initial_cash_{{ $tab_prefix }}" id="initial_cash_{{ $tab_prefix }}" required
                                class="form-control" step="0.01"
                                value="{{ number_format( ($last_petty_cash['next_initial_cash'] ?? 0.0), 2, '.', '') }}"
                                onchange="roundDecimals(this)"
                                onblur="calculateExpectedCashBalance('', '{{ $tab_prefix }}')">
                        </div>

                        {{-- Cash Withdrawn --}}
                        <div class="mb-2 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text">
                                    {{ __('entity_fields')['audit']['cash_withdrawn'] }}
                                </label>
                            </div>
                            <input type="number" name="cash_withdrawn_{{ $tab_prefix }}" id="cash_withdrawn_{{ $tab_prefix }}" required
                                class="form-control" step="0.01" value="0.0"
                                onchange="roundDecimals(this)"
                                onblur="calculateExpectedCashBalance('', '{{ $tab_prefix }}'); explainWithdrawalReason(this, '{{ $tab_prefix }}');">
                        </div>

                        {{-- Cash Withdrawn Reason --}}
                        <div class="mb-4 input-group" id="cash_withdrawn_reason_block_{{ $tab_prefix }}">
                            <label class="input-group-text textarea-label">
                                {{ __('entity_fields')['audit']['cash_withdrawn_reason'] }}
                            </label>
                            <textarea id="cash_withdrawn_reason_{{ $tab_prefix }}"
                                name="cash_withdrawn_reason_{{ $tab_prefix }}"
                                rows="3" required></textarea>
                        </div>

                        {{-- Expected Balance --}}
                        <div class="pt-2 mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['expected_balance'] }}
                                </label>
                            </div>
                            <input type="number" id="expected_balance_{{ $tab_prefix }}" name="expected_balance_{{ $tab_prefix }}" readonly required
                                class="form-control disabled-fields" step="0.01"
                                value="{{ number_format( ($last_petty_cash['next_initial_cash'] ?? 0.0), 2, '.', '') }}"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Cash Count --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text">
                                    {{ __('entity_fields')['audit']['cash_count'] }}
                                </label>
                            </div>
                            <input type="number" id="cash_count_{{ $tab_prefix }}" name="cash_count_{{ $tab_prefix }}" required
                                class="form-control" placeholder="{{ \App\Helpers\Formats\FormatCurrencyHelper::currencyPlaceHolder() }}"
                                step="0.01"
                                onchange="roundDecimals(this); validateShortfall('', '{{ $tab_prefix }}')"
                                onblur="calculateBalanceShortfall('', '{{ $tab_prefix }}')">
                        </div>

                        {{-- Balance Shortfall --}}
                        <div class="mb-2 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['balance_shortfall'] }}
                                </label>
                            </div>
                            <input type="number" id="balance_shortfall_{{ $tab_prefix }}" name="balance_shortfall_{{ $tab_prefix }}" readonly required
                                class="form-control disabled-fields" step="0.01" value="0.0"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Shortfall Reason --}}
                        <div class="mb-3 input-group" id="shortfall_reason_block_{{ $tab_prefix }}">
                            <label class="input-group-text textarea-label">
                                {{ __('entity_fields')['audit']['balance_shortfall_reason'] }}
                            </label>
                            <textarea id="balance_shortfall_reason_{{ $tab_prefix }}"
                                name="balance_shortfall_reason_{{ $tab_prefix }}"
                                rows="3" required></textarea>
                        </div>
                    </div>
                </div>

            </div>
        @endif

        {{-- Button --}}
        <div class="row justify-content-center">

            <div class="mb-3 text-center col-12">
                <button type="submit" class="px-3 btn text-uppercase btn-harsi">
                    {{ __('entity_forms')['audit_shift']['submit_button'] }}
                </button>
            </div>

            <div class="text-start col-5">
                <ul class="warning-messages">
                    <li>
                        {{ __('entity_forms')['audit_shift']['warning_message_1'] }}
                    </li>
                    <li>
                        {{ __('entity_forms')['audit_shift']['warning_message_2'] }}
                    </li>
                </ul>
            </div>

        </div>

      </form>
  </section>
@endsection

@section('footer')
    @include('shared.components.footer.basic-footer')
@endsection

@section('import-scripts')
    {{-- Sweet Alert --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endsection

@section('page-control-scripts')
    <script>
        $(document).ready(function () {
            //* Page on Load
            $('[id*="shortfall_reason_block"], [id*="withdrawn_reason_block"]').hide();
            $('[id*="balance_shortfall_reason"]').prop('required', false);

            explainWithdrawalReason($('#cash_withdrawn_petty_cash')[0], 'petty_cash');

            //* Submit Forms
            $('#conclude_shift_form').on('submit', function(event){
                event.preventDefault();

                const form = this;
                const tabsAreValid = validateForm(form);
                    if (!tabsAreValid) return;

                Swal.fire({
                    icon: 'warning',
                    title: "{{ __('common_responses_and_messages')['default_confirmation'] }}",
                    html: `
                        <div class="container pb-0 mb-0 text-start">
                            <ul class="text-start warning-confirmation">
                                <li class="mb-3">
                                    {{ __('entity_forms')['audit_shift']['warning_message_1'] }}
                                </li>
                                <li>
                                    {{ __('entity_forms')['audit_shift']['warning_message_2'] }}
                                </li>
                            </ul>
                        </div>
                    `,

                    confirmButtonText: "{{ __('common_actions')['approve'] }} {{ __('common_actions')['save'] }}",
                    confirmButtonColor: `#0d6889`,
                    showCancelButton: true,
                    cancelButtonText: `{{ __('common_actions')['cancel'] }}`,
                    cancelButtonColor: `#c82333`
                }).then((result) => {
                    if (result.value) {
                        $.ajax({
                        url:"{{ route('audits.store') }}",
                        method:"POST",

                        data: new FormData(this),
                        dataType:"json",

                        contentType: false,
                        cache:false,
                        processData: false,

                        success:function(data) {
                            Swal.fire(
                                "{{ __('common_responses_and_messages')['success'] }}",
                                "{{ __('common_responses_and_messages')['created_successfully'] }}",
                                'success'
                            );

                            // Go Home
                            setTimeout(async () => {
                                @if (Auth::user()->role !== 'recepcionista')
                                    window.location.href = "{{ route('audits.index') }}";
                                @else
                                    window.location.href = "{{ route('home.index') }}";
                                @endif
                            }, 2000);
                        }
                    })
                    }
                });
            });
        });
    </script>
@endsection

@section('interaction-scripts')
    <script>
        //* Form interactions
        function validateForm(form) {
            // Obtenemos cada uno de los campos del Formulario
            const inputs = form.querySelectorAll('input, select, textarea');

            for (const input of inputs) {
                // Ignora campos hidden, readonly o invisibles (por display: none o visibility: hidden)
                if (
                    input.hasAttribute('readonly')
                    || input.type === 'hidden'
                    || $(input).css('visibility') === 'hidden'
                ) continue;

                if (!input.checkValidity()) { // Si el campo es incorrecto, o vació
                    const $tabPane = $(input).closest('.tab-pane'); // ¿Esta dentro de alguna de las Tabs?

                    if ($tabPane.length > 0) {
                        // Obtenemos el Id de su Tab y navegamos a ella
                        const tabId = $tabPane.attr('id');
                        $('a[data-toggle="tab"]').removeClass('active');
                        $('.tab-pane').removeClass('show active');

                        $(`a[href="#${tabId}"]`).addClass('active');
                        $(`#${tabId}`).addClass('show active');

                        setTimeout(() => {
                            input.reportValidity();
                            input.focus();
                        }, 100);
                    } else {
                        // Simplemente muestra el mensaje
                        input.reportValidity();
                        input.focus();
                        input.scrollIntoView({ behavior: 'smooth', block: 'center' });
                    }

                    return false;
                }
            }

            return true;
        }

        //* Cash Calculation
          /* Check if Theoretical incomes concordance with Real income input */
            function validateIncomeConcordance(income_module) {
                setTimeout(() => {
                    const theoretical_income = $(`#theoretical_${income_module}_income`).val();
                    const real_income = $(`#real_${income_module}_income`).val();

                    if (parseFloat(real_income) !== parseFloat(theoretical_income)) {
                        $(`#theoretical_${income_module}_income`).addClass('error');
                        $(`#real_${income_module}_income`).addClass('error');

                        Swal.fire({
                            icon: "error",
                            html: `
                                <h4 class="mb-3">{{ __('entity_forms')['audit_shift']['income_inconsistency_title'] }}</h4>
                                <h5>{{ __('entity_forms')['audit_shift']['income_inconsistency_message'] }}</h5>
                                <br>
                                <small style="font-size: .85em;">{{ __('entity_forms')['audit_shift']['income_inconsistency_specifications'] }}</small>
                            `,
                            confirmButtonText: "{{ __('common_actions')['accept'] }}",
                            allowOutsideClick: false
                        }).then((result) => {
                            if (result.isConfirmed) {
                                setTimeout(() => {
                                    $(`#real_${income_module}_income`).val(null);
                                }, 500);
                            }
                        });
                    } else {
                        $(`#theoretical_${income_module}_income`).removeClass('error');
                        $(`#real_${income_module}_income`).removeClass('error');
                    }
                }, 250);
            }

          /* Get Expected Cash Balance for specific Method */
            function calculateExpectedCashBalance(cashMethodName, module_tag) {
                const initial_cash = $(`#initial_cash_${module_tag}`).val()?? 0.0;
                const brute_income = $(`#brute_income_${module_tag}`).val() ?? 0.0;
                const cash_withdrawn = $(`#cash_withdrawn_${module_tag}`).val()?? 0.0;

                let expectedBalance = parseFloat(initial_cash) + parseFloat(brute_income) - parseFloat(cash_withdrawn);
                expectedBalance = expectedBalance < 0 ? 0 : expectedBalance;

                cashMethodName = [null, ""].includes(cashMethodName)
                    ? ""
                    : `${cashMethodName}_`;

                $(`#${cashMethodName}expected_balance_${module_tag}`).val(expectedBalance.toFixed(2));
                $(`#${cashMethodName}cash_count_${module_tag}`).val(null);
                $(`#${cashMethodName}balance_shortfall_${module_tag}`).val((0).toFixed(2));
            }

          /* Get Balance Shortfall from for specific Method */
            function calculateBalanceShortfall(cashMethodName, module_tag){
                cashMethodName = [null, ""].includes(cashMethodName)
                    ? ""
                    : `${cashMethodName}_`;

                const expectedMethodBalance = $(`#${cashMethodName}expected_balance_${module_tag}`).val();
                const methodCashCount = $(`#${cashMethodName}cash_count_${module_tag}`).val();

                let balanceShortfall = parseFloat(expectedMethodBalance) - parseFloat(methodCashCount);
                    balanceShortfall = balanceShortfall < 0 ? 0.0 : balanceShortfall;

                $(`#${cashMethodName}balance_shortfall_${module_tag}`).val(balanceShortfall.toFixed(2));
            }

          /* Validate if there is Balance Shortfall for specific Method */
            function validateShortfall(cashMethodName, module_tag){
                setTimeout(() => {
                    cashMethodName = [null, ""].includes(cashMethodName)
                        ? ""
                        : `${cashMethodName}_`;

                    const methodBalanceShortfall = $(`#${cashMethodName}balance_shortfall_${module_tag}`).val();
                    const isShortfallBalance = parseFloat(Math.abs(methodBalanceShortfall)) > 0.0;

                    if( isShortfallBalance ) {
                        $(`#${cashMethodName}shortfall_reason_block_${module_tag}`).show();
                        $(`#${cashMethodName}balance_shortfall_${module_tag}`).addClass('confirm-income');
                        $(`#${cashMethodName}balance_shortfall_reason_${module_tag}`).prop('required', true);
                    } else {
                        $(`#${cashMethodName}shortfall_reason_block_${module_tag}`).hide();
                        $(`#${cashMethodName}balance_shortfall_${module_tag}`).removeClass('confirm-income');
                        $(`#${cashMethodName}balance_shortfall_reason_${module_tag}`)
                            .prop('required', false)
                            .val('');
                    }

                }, 250);
            }

          /* Validate Withdrawal */
            function explainWithdrawalReason(input, module_tag) {
                setTimeout(() => {
                    const value = parseFloat(input.value);
                        if (isNaN(value)) return;

                    const isWithdrawal = parseFloat(Math.abs(value)) > 0.0;

                    if( isWithdrawal ) {
                        $(`#cash_withdrawn_reason_block_${module_tag}`).show();
                        $(`#cash_withdrawn_reason_${module_tag}`).prop('required', true);
                    } else {
                        $(`#cash_withdrawn_reason_block_${module_tag}`).hide();
                        $(`#cash_withdrawn_reason_${module_tag}`)
                            .prop('required', false)
                            .val('');
                    }

                }, 250);
            }

        //* Formatters
          /* Round Decimals */
            function roundDecimals(input) {
                const valor = parseFloat(input.value);

                if (isNaN(valor)) return;

                const result = parseFloat(valor.toFixed(2));
                const exceedsTwoDecimals = /\d\.\d{3,}/.test(valor);

                if (exceedsTwoDecimals) {
                    input.value = Math.abs(result).toFixed(2);
                } else {
                    input.value = Math.abs(result === 0 ? 0 : valor).toFixed(2);
                }

                return;
            }

          /* Round Integers */
            function roundInteger(input) {
                const value = parseFloat(input.value);

                if (!isNaN(value))
                    input.value =  Math.abs( (value % 1 >= 0.5) ? Math.ceil(value) : Math.floor(value) );

                return;
            }
    </script>
@endsection

@section('cycling-scripts')
    <script>
        /* Massive Control */
        $(document).ready(function(){
            // On Load
            getDailyOverbookings();
            getDailyDeferredBookings();

            // Define Cycles
            setInterval(getDailyOverbookings, 120000); //Cada 2 minutos (120 mil milisegundos)
            setInterval(getDailyDeferredBookings, 120000); //Cada 2 minutos (120 mil milisegundos)
        });

        // On api token generated
        window.apiTokenReady.then(token => {
            // Initial Call
            getDayStatistics();

            // Cycles
            setInterval(getDayStatistics, 5000); //Cada 2 minutos (120 mil milisegundos)
        });

        /* Day Statistics */
        function getDayStatistics() {
            apiGet("{{ route('api.hotel.indicators') }}", function (e) {
                data = JSON.parse(e);
                    $("#occupied_rooms").val(data.roomsOccupancy);
                    $("#available_rooms").val(data.totalRooms - data.roomsOccupancy);
                    $("#blocked_rooms").val((data.blockedRooms)
                        .split(',').map(item => item.trim())
                        .filter(item => item !== '' && item !== 'Ninguna')
                        .length
                    );
                    $("#occupancy").val(`${data.occupancy} %`);
                    $("#total_check_ins").val(data.totalArrives);
                    $("#total_check_outs").val(data.totalDepartures);
            });
        }


        /* Deferred Bookings */
        function getDailyDeferredBookings() {
            $.get("{{ route('hotel.reports.deferredBookings') }}", function(e) {
                const overbookings = e.data;
                const today = "{{ date('Y-m-d') }}";

                const deferred_today = overbookings.filter(reservation => {
                    const updatedDate = reservation.updated_at?.slice(0, 10);
                    return updatedDate === today;
                });

                $("#deferred_bookings").val(deferred_today.length);
            });
        }

        /* Overbooking Registered */
        function getDailyOverbookings() {
            $.get("{{ route('hotel.reports.overbookingPerPeriod') }}", function(e) {
                const overbookings = e.data;
                const today = "{{ date('Y-m-d') }}";

                const overbooked_today = overbookings.filter(reservation => {
                    const reservationDate = reservation.reservation_date?.slice(0, 10);
                    const updatedDate = reservation.updated_at?.slice(0, 10);
                    const createdDate = reservation.created_at?.slice(0, 10);

                    return reservationDate === today || updatedDate === today || createdDate === today;
                });

                $("#registered_overbookings").val(overbooked_today.length);
            });
        }
    </script>
@endsection