{{-- Constants --}}
<script>
  // Session filter
    window.invoicing_filters = @json($invoicing_filters);
</script>

{{-- Scripts --}}
<script>
  // Per Report

  // Shared
    // Filter
    async function showInvoiceFilters() {
        const result = await Swal.fire({
            width: "600px",
            type: "question",
            title: `Establecer Consulta`,
            html: `
                @include('invoicing.reports.complements.filter-form')
            `,

            onOpen: (popup) => {
              // Init Select2
                const $select = $('#swal-filter-receiver');

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

                    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
                    },
                    width: '100%',
                });

              // Seed with last filter
                restoreInvoiceFilters(window.invoicing_filters);

              // Interactions
                const periodActions = {
                    this_day: () => {
                        const today = moment();
                        setRange(today, today);
                    },

                    this_month: () => {
                        setRange(
                            moment().startOf('month'),
                            moment().endOf('month')
                        );
                    },

                    this_year: () => {
                        setRange(
                            moment().startOf('year'),
                            moment().endOf('year')
                        );
                    }
                };

                $('.js-period-filter').on('change', function () {
                    if (!this.checked) return;

                    // Uncheck Other Filters
                    $('.js-period-filter').not(this).prop('checked', false);

                    // Set Range
                    periodActions[$(this).data('period')]?.();
                });

                $('#swal-filter-from, #swal-filter-to').on('change', function () {
                    // Uncheck Speed Filters
                    $('.js-period-filter').prop('checked', false);
                });
            },

            preConfirm: () => {
              // Parse Form Data
                return parseFormData( $('#invoice-filter-form').serializeArray() );
            },

            showCancelButton: true,
            cancelButtonText: "{{ __('common_actions')['cancel'] }}",

            focusConfirm: false,
            confirmButtonColor: "#0D6889",
            confirmButtonText: "{{ __('common_actions')['filter'] }}",
        });

      // Returns
        if (!result.value) return null;
        return result.value;
    }

    function restoreInvoiceFilters(filters = {}) {
        if (!filters) return;

        Object.entries(filters).forEach(([name, value]) => {

            const values = Array.isArray(value) ? value : [value];

            // Checkboxes
            values.forEach(v => {
                $(`[name="${name}[]"][value="${v}"]`)
                    .prop('checked', true);
            });

            // Inputs normales
            $(`[name="${name}"]:not([type="checkbox"])`)
                .val(value);
        });
    }

    function parseFormData(brute_data) {
        const result = {};

        brute_data.forEach(({ name, value }) => {
            const cleanName = name.replace(/\[\]$/, ""); // Remove "[]" from input groups

            // Si ya existe y es un array → agregamos
            if (result.hasOwnProperty(cleanName)) {
                if (Array.isArray(result[cleanName])) {
                    result[cleanName].push(value);
                } else {
                    // Convertir valor previo a array
                    result[cleanName] = [result[cleanName], value];
                }
            } else {
                // Si el nombre termina con [] => crear como array
                if (name.endsWith("[]")) {
                    result[cleanName] = [value];
                } else {
                    result[cleanName] = value;
                }
            }
        });

        return result;
    }

    function setRange(from, to){
        $('#swal-filter-from').val(from.format('YYYY-MM-DD'));
        $('#swal-filter-to').val(to.format('YYYY-MM-DD'));
    }
</script>