{{--* Table Constructor *--}}
<script>
    //* Flags
    let is_unselecting_sch_bar = false;  // Un-submit searchbar
    let is_restoring_filters = false;    // Stop automatic actions
    let is_manual_filter_submit = false; // Block auto close filter

    // Global status stamp counter
    const status_stamp_limits = @json($stamping_limit_status);

    //* Search Receiver
    const select_receiver_config = {
        placeholder: "{{ __('entity_forms')['tax_invoice']['page']['receiver_filter'] }}",
        allowClear: true,
        minimumInputLength: 3,

        ajax: {
            url: "{{ route('tax-clients.find') }}",
            dataType: 'json',
            delay: 250,
            data: params => ({ q: params.term || '', page: params.page || 1, only_fiscal: true }),
            processResults: data => ({
                results: data.results
            }),
            cache: true
        },
    }

    // Form Interactions
    const period_filters = [ 'this_day', 'this_week', 'this_month', 'this_year' ];

    //* Control Data
    $(document).ready(function () {
      // Visual stamp counter
        updateStampCounterIndex(status_stamp_limits);

      // Periods Filter
        period_filters.forEach(name => {
            $(`input[name="${name}"]`).on('change', function(){
                if(is_restoring_filters) return; // Avoid automatic submits
                if(!this.checked) return; // Avoid repeated checkbox

                // Uncheck all
                period_filters.forEach(other => {
                    if(other !== name) $(`input[name="${other}"]`).prop('checked', false);
                });

                // Apply date ranges
                switch(name){
                    case 'this_day':
                        let today = moment();
                        setRange(today, today);
                    break;

                    case 'this_week':
                        setRange(
                            moment().startOf('isoWeek'),
                            moment().endOf('isoWeek')
                        )
                    break;

                    case 'this_month':
                        setRange(
                            moment().startOf('month'),
                            moment().endOf('month')
                        );
                    break;

                    case 'this_year':
                        setRange(
                            moment().startOf('year'),
                            moment().endOf('year')
                        );
                    break;
                }

                $('#filter_form').submit();
            });
        });

      // On submit form
        // Submit button (rise flag)
        $('#filter_form button[type="submit"]').on('click', function(){
            is_manual_filter_submit = true;
        });

        // Redraw Table for Filter
        $('#filter_form').on('submit', function (e) {
            e.preventDefault();

            // Reload table data
            taxInvoiceTable.ajax.reload(); //.draw(false);

            // Close dropdown filter
            if(is_manual_filter_submit){
                $('.dropdown-menu').removeClass('show');
                $('.dropdown-toggle').attr('aria-expanded', 'false');
            }

            // Reset flags
            is_unselecting_sch_bar = false;
            is_manual_filter_submit = false;
        });

      // Table Controller
        const taxInvoiceTable = $('#tax_invoice_table').DataTable({
            language: getDataTableLanguageConfig(),
            order: [0, 'desc'],
            lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, 'Todos']],
            processing: false,
            serverSide: true,
            searching: false,

            ajax: {
                url: "{{ route('invoices.filter') }}",
                type: "GET",
                data: function (d) {
                    const formData = $('#filter_form').serializeArray();

                    $.each(formData, function (_, field) {
                        if (d[field.name] !== undefined) {
                            if (!Array.isArray(d[field.name])) d[field.name] = [d[field.name]];
                            d[field.name].push(field.value);
                        } else {
                            d[field.name] = field.value;
                        }
                    });

                    // Save text content select2
                    const $receiver = $('#filter_receiver');
                    if($receiver.hasClass('select2-hidden-accessible')){
                        const receiver_data = $receiver.select2('data');

                        if(receiver_data && receiver_data.length){
                            d.filter_receiver_text = receiver_data[0].text;
                        }
                    }

                }
            },

            columns: [
                { data: 'date', name: 'date' },
                { data: 'series', name: 'series' },
                { data: 'folio', name: 'folio' },
                { data: 'receptor', name: 'receptor' },
                {
                    data: 'payment_method',
                    name: 'payment_method',
                    searchable: false,
                    orderable: false,
                },
                {
                    data: 'invoice_type',
                    name: 'invoice_type',
                    searchable: false,
                    orderable: false,
                },
                { data: 'status',   name: 'status' },
                { data: 'currency',   name: 'currency' },
                {
                    data: 'subtotal', name: 'subtotal',
                    searchable: false, orderable: false,
                },
                {
                    data: 'total_taxes', name: 'total_taxes',
                    searchable: false, orderable: false,
                },
                {
                    data: 'total', name: 'total',
                    searchable: false, orderable: false,
                },
                {
                    data: 'amount_paid', name: 'amount_paid',
                    searchable: false, orderable: false,
                    className: 'text-left'
                },
                {
                    data: 'action',
                    name: 'action',
                    searchable: false,
                    orderable: false,
                }
            ],
            columnDefs: [
                { targets: [3, 8], visible: true } // Default columns on desktop (Receptor & Taxes)
            ],

            drawCallback: function (settings) {
              //* Control Data
                const json = settings.json || {};
                const api = this.api();

              //* Mobile Render
                const is_mobile = (typeof is_mobile_options !== 'undefined' && is_mobile_options !== null)
                    ? !!is_mobile_options
                    : !!json.is_mobile;

                api.column(7).visible(!is_mobile, false); // currency
                api.column(8).visible(!is_mobile, false); // subtotal
                api.column(9).visible(!is_mobile, false); // total_taxes
                api.columns.adjust();

              //* Totals
                // General Totals
                const general_totals = json.general_totals || { subtotal: 0, taxes: 0, total: 0, paid: 0 };

                    $('#general_subtotal').html(formatMoney(general_totals.subtotal));
                    $('#general_tax_charges').html(formatMoney(general_totals.taxes));
                    $('#general_total').html(formatMoney(general_totals.total));
                    $('#general_amount_paid').html(formatMoney(general_totals.paid));

                // Totals per Table's Page
                let page_subtotal = 0, page_taxes = 0, page_total = 0, page_paid = 0;
                api.rows({ page: 'current' }).data().each(function (row) {
                    const rate = Number(row.model?.exchange_rate || 1);

                    page_subtotal += Number(row.subtotal_raw * rate || 0);
                    page_taxes    += Number(row.total_taxes_raw * rate || 0);
                    page_total    += Number(row.total_raw * rate || 0);
                    page_paid     += Number(row.amount_paid_raw * rate|| 0);
                });

                    $('#page_subtotal').html(formatMoney(page_subtotal));
                    $('#page_tax_charges').html(formatMoney(page_taxes));
                    $('#page_total').html(formatMoney(page_total));
                    $('#page_amount_paid').html(formatMoney(page_paid));
            }
        });

        // Avoid unexpected Dropdown Close
        $('.drop-filter').on('click', function (e) {
            e.stopPropagation();
        });

        // Searchbar select2
        $('#filter_receiver').select2(Object.assign(
            {}, select_receiver_config, { dropdownParent: $('#filter_form'), width: '85%' }
        ));

        //* Trigger submit after search
        $('#filter_receiver').on('select2:select select2:unselect select2:unselecting', function(e) {
            if(is_restoring_filters) return; // Cancela operación si se esta limpiando los filtros

            // On clear select2
            if(e.type === 'select2:unselecting'){
                is_unselecting_sch_bar = true;

                e.stopPropagation();
                $(this).val(null).trigger('change');
                e.preventDefault();

                setTimeout(function() {
                    $('#filter_form').submit();
                }, 100);

                return false;
            }

            // On select2 open & active
            if(e.type === 'select2:select'){
                is_unselecting_sch_bar = true;
                let $month_check = $('input[name="this_month"]'); // Default select

                const has_period = period_filters.some(name => {
                    return $(`input[name="${name}"]`).is(':checked');
                });

                // Si no se ha seleccionado un checkbox se usa month
                if(!has_period){
                    $month_check.prop('checked', true).trigger('change');
                    return;
                }
            }

            $('#filter_form').submit();
        });

        // Session Restore Filters
        restoreFilters();

        $('#clear_filter').on('click', function(){
            $.post("{{ route('invoices.clearSessionFilter') }}", {
                _token: "{{ csrf_token() }}"
            }, function(){
                $('#filter_form')[0].reset(); // Reset visual

                $('#filter_receiver').val(null).trigger('change'); // Limpiar la searchbar

                // Limpiar todos los shortcuts periods
                period_filters.forEach(name => {
                    $(`input[name="${name}"]`).prop('checked',false);
                });

                // Marcamos solo hoy y restauramos valores
                $('input[name="this_day"]').prop('checked',true);
                let today = moment();
                setRange(today, today);

                taxInvoiceTable.ajax.reload(); // Recargamos la tabla
            });
        });

      // Secondary Controls
        // Stamp limit alerts
        stampLimitAlerts(status_stamp_limits);

        // Multiple Payment Button
        $('#multiple_payment').on('click', function(){
          //* Control Data
            // Flag operation
            let receiver_found = false;

            // Invoices Data
            let receiver_name = '';
            let selected_client_id = null;

            // Limit reached?
            if(status_stamp_limits.reached){
                Swal.fire({
                    type: 'error',
                    title: translateAndReplace('common_responses_and_messages.stamps_has_been_reached'),
                    confirmButtonText: translateAndReplace('common_responses_and_messages.ok')
                });
                return false;
            }

          //* Modal
            Swal.fire({
                title: translateAndReplace('entity_forms.tax_payment.messages.multi_payment_request_title'),
                type: "question",
                html: `
                    <div class="px-4 mt-2 mb-3 text-left">
                        <p class="mb-1 text-small fw-semi-bold">
                            ${translateAndReplace('entity_fields.common.receiver')}
                        </p>

                        <select id="swal_filter_receiver" class="form-control"></select>

                        <small class="pl-2 mt-2 text-muted d-block">
                            ${translateAndReplace('entity_forms.tax_payment.messages.multi_payment_request_description')}
                        </small>
                    </div>
                `,
                showCancelButton: true,
                confirmButtonText: "{{ __('common_actions')['filter'] }}",
                cancelButtonText: "{{ __('common_actions')['cancel'] }}",
                allowOutsideClick: false,

                onOpen: function() { // Init Select2
                    $('#swal_filter_receiver').select2(Object.assign(
                        {}, select_receiver_config, { dropdownParent: $('.swal2-container'), width: '100%' }
                    ));
                },

                preConfirm: () => {
                  // Validations
                    if(receiver_found) return true;

                  // Get selected receiver
                    const selected_data = $('#swal_filter_receiver').select2('data');
                        if(!selected_data || selected_data.length === 0 || !selected_data[0].id){
                            Swal.showValidationMessage("{{ __('validation.required', ['attribute' => '']) }}");
                            return false;
                        }

                  // Save data
                    receiver_name = selected_data[0]?.meta?.client_name ?? selected_data[0].text;
                    receiver_tax_id = selected_data[0]?.meta?.tax_id ?? null;
                    selected_client_id = selected_data[0].id;

                    receiver_found = true;
                    $('.swal2-input').hide();

                  // Update Swal
                    setTimeout(() => launchSwalToast('success', translateAndReplace('entity_forms.tax_payment.messages.multi_payment_request_result_title')), 500);

                    return receiver_found;
                },
            }).then((result) => {
                if(receiver_found && result.value){
                  // Open Modal
                    $('#multiplePaymentsModal').modal('show');

                  // Invoice debug
                    if(typeof initMultiPayments === 'function'){
                        window.initMultiPayments({
                            client_id : selected_client_id,
                            receiver_name,
                            receiver_tax_id,
                        });
                    }else{
                        console.error('Render Multi-Payments function is not available.');
                    }
                }
            });
        });
    });

    //* Table Data Cycle
    function cargarTabla() {
        $('#tax_invoice_table').DataTable().ajax.reload(null, false);
    }

    //* Restore Filters
    function restoreFilters(){
        const filters = window.stored_filters || {}; // Obtenemos el contenido del filtro

        // Checkbox default (Today)
        if(Object.keys(filters).length === 0){
            $('input[name="this_day"]').prop('checked',true);

            let today = moment();
            setRange(today, today);

            $('#filter_form').submit();
            return;
        }

        is_restoring_filters = true; // Low flag stop actions

        if(filters.filter_receiver){
            let option = new Option(
                filters.filter_receiver_text,
                filters.filter_receiver,
                true, true
            );

            $('#filter_receiver').append(option).trigger('change.select2');
        }

        // Recorremos los campos del filtro
        Object.entries(filters).forEach(([key, value]) => {
            let $field = $(`[name="${key}"], [name="${key}[]"]`);

            if(!$field.length) return;

            // Period shortcuts
            if(period_filters.includes(key)){
                if(value === 'on'){
                    $field.prop('checked', true);
                }
                return;
            }

            // Revisamos los checkbox
            if($field.attr('type') === 'checkbox'){

                if(Array.isArray(value)){
                    $field.each(function(){
                        if(value.includes($(this).val())){
                            $(this).prop('checked', true);
                        }
                    });
                }else{
                    $field.each(function(){
                        if($(this).val() === value || value === 'on'){
                            $(this).prop('checked', true);
                        }
                    });
                }
                return;
            }

            // Inputs sin afectar
            $field.val(value);
        });

        is_restoring_filters = false; // Flag stop actions
        $('#filter_form').submit(); // Recargamos la tabla
    }

    $(document).ready(function () {
        setInterval(cargarTabla, 120000); //Cada 120 segundos (120 mil milisegundos)
    });
</script>


{{--* CRUD Interactions *--}}
<script>
  //* Trigger Functions
    function deleteRecord(id) {
        Swal.fire({
            type: 'warning',
            title: "{{ __('common_responses_and_messages')['confirm_deletion'] }}",
            confirmButtonText: "{{ __('common_actions')['approve'] }} {{ __('common_actions')['confirm_deletion'] }}",
            confirmButtonColor: `#0d6889`,
            showCancelButton: true,
            cancelButtonText: `{{ __('common_actions')['cancel'] }}`,
            cancelButtonColor: `#c82333`
        }).then((result) => {
            /* Read more about isConfirmed, isDenied below */
            if (result.value) {
                $.ajax({
                    url: `/invoicing/invoices/${id}/destroy`,
                    headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                    type: 'DELETE',
                    success: function (data) {
                        setTimeout(function () {
                            Swal.fire(
                                "{{ __('common_responses_and_messages')['deleted'] }}",
                                "{{ __('common_responses_and_messages')['deleted_successfully'] }}",
                                'success'
                            );
                            $('#tax_invoice_table').DataTable().ajax.reload(null, false);
                        }, 200);
                    },

                    error: function(data){
                        const response = data.responseJSON;

                        // Validator Errors
                        const errors = response.errors;
                        Object.keys(errors).forEach(key => {
                            errors[key].forEach(message => showToast(message, "#E02424", "#C81E1E"));
                        });

                        return;
                    },
                });
            }
        });
    }

    function duplicate(id) {
        Swal.fire({
            type: 'warning',
            title: "{{ __('entity_forms')['tax_invoice']['messages']['duplicate_title'] }}",
            html: "{{ __('entity_forms')['tax_invoice']['messages']['duplicate_message'] }}",
            confirmButtonText: `{{ __('common_actions')['approve'] }} {{ __('common_actions')['accept'] }}`,
            confirmButtonColor: `#0d6889`,
            showCancelButton: true,
            cancelButtonText: `{{ __('common_actions')['cancel'] }}`,
            cancelButtonColor: `#c82333`
        }).then((result) => {
            if (result.value) {
                window.location.href = `/invoicing/invoices/${id}/duplicate-as-draft`;

                cargarTabla();
            }
        });
    }

    function sendByEmail(id, receiver_email) {
        Swal.fire({
            type: "warning",
            title: `${translateAndReplace('entity_forms.tax_invoice.messages.send_cfdi_title')}`,
            html: `
                <small>
                    ${translateAndReplace('entity_forms.tax_invoice.messages.send_cfdi_warnings')}
                </small>

                <div class="px-4 mt-3">
                    <label for="swal_receiver_email" class="pt-1 mt-0 swal2-input-label switch_label justify-content-start">
                        ${translateAndReplace('entity_forms.tax_invoice.messages.send_cfdi_receiver_label')}
                    </label>
                    <input id="swal_receiver_email" type="email" value="${receiver_email}"
                        class="my-1 swal2-input" placeholder="email@gmail.com">

                    <label for="swal_email_cc1" class="pt-3 mt-0 swal2-input-label switch_label justify-content-start">
                        ${translateAndReplace('entity_forms.tax_invoice.messages.send_cfdi_cc_label')}
                        (${translateAndReplace('neutral_words.optional')})
                    </label>
                    <input id="swal_email_cc1" type="email"
                        class="my-1 swal2-input" placeholder="email@ejemplo.com">

                    <label for="swal_email_cc2" class="pt-3 mt-0 swal2-input-label switch_label justify-content-start">
                        ${translateAndReplace('entity_forms.tax_invoice.messages.send_cfdi_cc_label')}
                        (${translateAndReplace('neutral_words.optional')})
                    </label>
                    <input id="swal_email_cc2" type="email"
                        class="my-1 swal2-input" placeholder="email@ejemplo.com">
                </div>
            `,

            focusConfirm: false,
            showCancelButton: true,
            confirmButtonText: "{{ __('common_actions')['send'] }}",
            cancelButtonText: "{{ __('common_actions')['cancel'] }}",
            showLoaderOnConfirm: true,

            preConfirm: async function () {
                var popup = Swal.getPopup();

                var receiver_email  = popup.querySelector('#swal_receiver_email').value.trim();
                var email_cc1 = popup.querySelector('#swal_email_cc1').value.trim();
                var email_cc2 = popup.querySelector('#swal_email_cc2').value.trim();

                if (!receiver_email) {
                    Swal.showValidationMessage(
                        "{{ __('validation.required', ['attribute' => __('entity_fields')['common']['email']]) }}"
                    );
                    return false;
                }

                var emails = {
                    to: receiver_email,
                    cc: [email_cc1, email_cc2].filter(e => e !== '')
                };
                var token = $('meta[name="csrf-token"]').attr('content');

                try {
                    const resp = await $.ajax({
                        url: `/invoicing/invoices/${id}/send-cfdi`,
                        method: 'POST',
                        data: JSON.stringify({ emails }),
                        contentType: 'application/json; charset=utf-8',
                        dataType: 'json',
                        headers: { 'X-CSRF-TOKEN': token },
                    });

                    return resp;
                } catch (xhr) {
                    let msg = "{{ __('common_responses_and_messages')['email_not_sent'] }}";
                        if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;

                    if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                        const firstKey = Object.keys(xhr.responseJSON.errors)[0];
                        msg = xhr.responseJSON.errors[firstKey][0];
                    }

                    Swal.showValidationMessage(msg);
                }
            },

            allowOutsideClick: () => !Swal.isLoading()
        }).then((result) => {
            if (result.isConfirmed || result.value?.success)
                launchSwalToast('success',result.value.message);
            else
                launchSwalToast('warning', "{{ __('common_responses_and_messages')['email_not_sent'] }}");
        });
    }

    function cancelInvoice(id) {
        Swal.fire({
            type: "warning",
            title: `{{ __('entity_forms')['tax_invoice']['messages']['cancel_cfdi_title'] }}`,
            html: `
                <div class="px-4 mb-4">
                    <label for="swal_cancellation_reason" class="pt-1 mt-0 swal2-input-label switch_label justify-content-start">
                        ${translateAndReplace("entity_forms.tax_invoice.inputs.cancel_cfdi_reason")}
                    </label>
                    <select id="swal_cancellation_reason" class="mt-1 mb-3 swal2-input" onchange="displaySubstituteUuid(this)">
                        <option value="" selected disabled>-- ${translateAndReplace("common_actions.select")} --</option>
                        @foreach ($cancellation_reasons as $reason)
                            <option value="{{ $reason->item_key }}">{{ $reason->item_key }} - {{ $reason->label }}</option>
                        @endforeach
                    </select>

                    <div id="cancellation_substitute_block" style="display: none;">
                        <label for="swal_cancellation_substitute" class="pt-1 mt-0 swal2-input-label switch_label justify-content-start">
                            ${translateAndReplace("entity_forms.tax_invoice.inputs.cancel_cfdi_substitution_uuid")}
                        </label>
                        <select id="swal_cancellation_substitute" class="my-1 w-100"></select>
                    </div>
                </div>

                <small class="text-danger">
                    ${translateAndReplace("entity_forms.tax_invoice.messages.cancel_cfdi_warning")}
                </small>
            `,

            onOpen: () => {
                const recent_issued_invoices = @json($recent_issued_invoices);
                const $select = $('#swal_cancellation_substitute');

                $select.select2({
                    placeholder: "{{ __('entity_forms')['tax_invoice']['placeholders']['cancel_cfdi_substitution'] }}",
                    allowClear: true,
                    minimumInputLength: 3,
                    dropdownParent: $('.swal2-popup'),

                    data: recent_issued_invoices,

                    ajax: {
                        url: "{{ route('invoices.searchByUuid') }}",
                        dataType: 'json',
                        delay: 250,

                        data: function (params) {
                            return {
                                q: params.term || '',
                                page: params.page || 1
                            };
                        },

                        processResults: function (data, params) {
                            params.page = params.page || 1;
                            return {
                                results: data.results,
                                pagination: { more: data.pagination.more }
                            };
                        },

                        cache: true
                    },
                    width: '100%',
                });

                $select.val(null).trigger('change');
            },

            preConfirm: () => {
                const popup = Swal.getPopup();
                const reason = popup.querySelector('#swal_cancellation_reason').value;

                if (!reason) {
                    Swal.showValidationMessage("{{ __('validation.required', ['attribute' => __('entity_forms')['tax_invoice']['inputs']['cancel_cfdi_reason']]) }}");
                    return false;
                }

                let substitute_uuid_id = null;
                if (reason === '01') {
                    substitute_uuid_id = $('#swal_cancellation_substitute').val();

                    if (!substitute_uuid_id) {
                        Swal.showValidationMessage("{{ __('validation.required', ['attribute' => __('entity_forms')['tax_invoice']['inputs']['cancel_cfdi_substitution_uuid']]) }}");
                        return false;
                    }
                }

                return {
                    reason,
                    substitute_uuid_id,
                    accepted: true,
                };
            },

            focusConfirm: false,
            showCancelButton: true,
            confirmButtonText: "{{ __('common_actions')['accept'] }}",
            cancelButtonText: "{{ __('common_actions')['cancel'] }}",
        }).then((result) => {
            if (result?.value?.accepted) {
                // Build Payload
                const data = result.value;

                const payload = {
                    cancel_motive: data.reason,
                };
                if (data.reason === '01') payload.substitution_invoice_id = data.substitute_uuid_id;

                window.loader.show(); // Display Loader

                // Request Cancellation
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: `/invoicing/invoices/cancel/${id}`,
                    method: "POST",
                    data: payload,

                    success: function (data) {
                        window.loader.hide(); // Hide Loader

                        $('#tax_invoice_table').DataTable().ajax.reload(null, false);
                        launchSwalToast('success', data.message);

                      // Update stamp counter
                        updateStampCounterIndex(data.stamping_limit_status);
                        stampLimitAlerts(data.stamping_limit_status);
                    },

                    error: function(data){
                        window.loader.hide(); // Hide Loader
                        // Extract Data
                        const response = data.responseJSON;

                        // Define error types
                        if(response?.errors && typeof response.errors === 'object'){
                            Object.keys(response.errors).forEach((key) => {
                                // Display as Validation Error
                                response.errors[key].forEach(message =>
                                    showToast(message, "#C34808", "#78350F")
                                );
                            });
                        }else if(response?.message){
                            showToast(response.message, "#C34808", "#78350F" );
                        }else{
                            showToast("{{ __('entity_forms')['tax_invoice']['messages']['unexpected_cancellation_error']}}", "#C34808", "#78350F");
                        }

                        return;
                    },
                });
            } else {
                launchSwalToast('warning', "{{ __('common_responses_and_messages')['cancelled_action'] }}");
            }
        });
    }

    const managePayments = (id) => displayPaymentHistory(id);

  //* Complementary Functions
    function displaySubstituteUuid(input) {
        const selected_reason = input.value;
        $("#cancellation_substitute_block").toggle(selected_reason === "01");
    }
</script>


{{--* Support Functions *--}}
<script>
  //* Messages
    function showToast(text, gradient_from, gradient_to) {
        Toastify({
            text,
            duration: 5000,
            close: false,
            gravity: "bottom",
            position: "center",
            avatar: "{{ asset('images/toast-info-icon.png') }}",
            style: {
                background: `linear-gradient(to right, ${gradient_from}, ${gradient_to})`,
            },
        }).showToast();
    }

    function launchSwalToast(type, title) {
        Swal.fire({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: 5000,
            // timerProgressBar: true,
            title,
            type,
        });
    }

  //* Maths
    function formatMoney(number) {
        return Number(number || 0).toFixed(2);
    }

  //* Filter Interactions
    function uncheckOthers(current){
        $('input[name^="this_"]').not(current).prop('checked', false);
    }

    function setRange(from, to){
        $('#from').val(from.format('YYYY-MM-DD'));
        $('#to').val(to.format('YYYY-MM-DD'));
    }

  //* Stamp Limit Controls
    function updateStampCounterIndex(status){
        const $label = $('#stamp_limit_label');
        const $value = $('#stamp_limit_value');

        if(status.reached){
            $label.html(translateAndReplace('entity_forms.tax_invoice.page.stamp_limit_reached'));
            $value.html(`${status.used}/${status.issued}`);

            $value.removeClass('harsi-color').addClass('text-danger');
            return;
        }

        $label.html(translateAndReplace('entity_forms.tax_invoice.page.number_stamps_used'));

        $value.html(
            status.issued !== null
                ? `${status.used}/${status.issued}`
                : translateAndReplace('entity_forms.tax_invoice.page.unlimited_stamps')
        );

        $value.removeClass('text-danger').addClass('harsi-color');
    }

    // Alerts
    function stampLimitAlerts(status){
      // Unlimited stamp
        if (!status.issued || status.issued === null) return false;

      // Already Confirmed
        if (status.reached && JSON.parse(sessionStorage.getItem('stamp_limit_acknowledged')) ) return false;

      // StaMps data
        let used_limit = status.used; // Facturas timbradas
        let available_limit = status.available ?? 0; // Facturas disponibles restantes
        let issued_limit = status.issued; //  Cantidad limite de timbres por paquete contratado

      // Message content
        let display_alert = false;
        let swal_icon = "";
        let swal_title = "";
        let swal_text = "";

      // Percentages
        let ten_percentage = Math.round( ( issued_limit * 10 ) / 100 );
        let twenty_percentage = Math.round( ( issued_limit * 20 ) / 100 );

      // Warning Messages
        // Define Message
        switch(true){
            // 0% Availability Warning
            case (status.reached):
                display_alert = true;

                swal_icon = 'error';
                swal_title = `<p> {{ __('common_responses_and_messages')['stamps_has_been_reached'] }} </p>`;
            break;

          // 10% Availability Warning
            case (available_limit === ten_percentage):
                display_alert = true;

                swal_icon = 'warning';
                swal_title = `{{ __('entity_forms')['tax_invoice']['messages']['stamp_limit_at_90%'] }}`;
                swal_text =
                    `<p>
                        {{ __('entity_forms')['tax_invoice']['messages']['second_notice_limit_on_stamp'] }}
                    </p>
                    <p>
                        {{ __('entity_forms')['tax_invoice']['messages']['second_suggestion'] }}
                    </p>`
            break;

          // 20% Availability Warning
            case (available_limit === twenty_percentage):
                display_alert = true;

                swal_icon = 'info';
                swal_title = `{{ __('entity_forms')['tax_invoice']['messages']['stamp_limit_at_80%'] }}`
                swal_text =
                    `<p>
                        ${ translateAndReplace(
                            "entity_forms.tax_invoice.messages.first_notice_limit_on_stamp",
                            { used_limit, issued_limit }
                        )}
                    </p>
                    <p>
                        {{ __('entity_forms')['tax_invoice']['messages']['first_suggestion'] }}
                    </p>`;
            break;
        }

        // Display Message
        if (display_alert)
            Swal.fire({
                type: `${swal_icon}`,
                title: `${swal_title}`,
                html: `${swal_text}`,

                confirmButtonText: translateAndReplace('common_responses_and_messages.ok')
            }).then(() => {
                if(status.reached){
                    sessionStorage.setItem('stamp_limit_acknowledged', true);
                }
            });

        return;
    }
</script>