@extends('layouts.app', ['activePage' => 'configuracion', 'menuParent' => 'configuracion', 'titlePage' => __('Cátalogos')])

@section('content')
@include('includes.tailwind')



<div class="content">
    <div class="container-fluid mt-4">
        <div class="row mb-4">
            <div class="col-6">
                <h6 class="text-xl font-semibold text-gray-800">Parámetros impuestos</h6>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="bg-white shadow rounded-lg">
                    <div class="px-4 ">
                        <div class="border-b border-gray-200">
                            <nav class="-mb-px flex space-x-8" aria-label="Tabs">
                                <a href="#link1" class="border-blue-500 text-blue-600 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm active" data-toggle="tab" role="tablist">
                                    Generales
                                </a>
                                <a href="#link2" class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm" data-toggle="tab" role="tablist">
                                    ISR
                                </a>
                                <a href="#link3" class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm" data-toggle="tab" role="tablist">
                                    Subsidios
                                </a>
                            </nav>
                        </div>
                        <div class="tab-content tab-space mt-1">
                            <div class="tab-pane active" id="link1">
                                <div class="grid grid-cols-12 gap-6">
                                    <!-- Tipo de Persona -->
                                    <div class="col-span-3">

                                        <label class="block text-sm font-medium text-gray-700 mb-1">Tipo de persona:</label>
                                        <select id="tipo_persona" name="tipo_persona" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
                                            <option value="">Selecciona una opción</option>
                                            <option value="fisica">Persona Física</option>
                                            <option value="moral">Persona Moral</option>
                                        </select>
                                    </div>
                                    <!-- Régimen fiscal -->
                                    <div class="col-span-3">
                                        <label class="block text-sm font-medium text-gray-700 mb-1">Régimen fiscal:</label>
                                        <select id="regimen_fiscal" name="regimen_fiscal" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
                                            <option value="">Selecciona una opción</option>
                                            @foreach($regimenFiscal as $regimen)
                                            <option value="{{ $regimen->id }}">{{ $regimen->descripcion }} ({{ $regimen->c_regimenfiscal }})</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="mt-8 flex justify-end">
                                    <button type="submit" class="font-medium bg-[#0A415F] hover:bg-[#083549] text-white px-4 mr-2 py-2 text-sm rounded-md transition-colors duration-200" onclick="guardarParametrosGenerales()"><i class="fas fa-save mr-2"></i>Guardar</button>
                                    <button type="submit" class="font-medium bg-gray-200 hover:bg-gray-300 text-gray-700 px-4 py-2 text-sm rounded-md transition-colors duration-200" onclick="limpiarParametrosGenerales()"><i class="fas fa-broom mr-2"></i>Limpiar</button>
                                </div>
                            </div>
                            <div class="tab-pane" id="link2">
                                <div class="flex gap-2 mb-4 justify-end">
                                    <button class="font-medium bg-[#0A415F] hover:bg-[#083549] text-white px-4 mr-2 py-2 text-sm rounded-md transition-colors duration-200" onclick="abrirModalISR()">
                                        <i class="material-icons align-middle text-sm">add</i> Nuevo calculo isr
                                    </button>
                                </div>
                                <div class="table-scroll">
                                    <table class="min-w-full" id="list-isr">
                                        <thead class="sticky-top bg-gray-50 px-6 py-3 text-[10px] font-semibold text-left font-medium text-gray-500 uppercase tracking-wider">
                                            <tr>
                                                <th class="px-2 py-2">Acciones</th>
                                                <th class="px-2 py-2">Tipo de régimen</th>
                                                <th class="px-2 py-2">Periodo</th>
                                                <th class="px-2 py-2">Ejercicio</th>
                                                <th class="px-2 py-2">Límite inferior</th>
                                                <th class="px-2 py-2">Límite superior</th>
                                                <th class="px-2 py-2">Cuota fija</th>
                                                <th class="px-2 py-2">% Excedente</th>
                                                <th class="px-2 py-2">Fecha de creación</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="link3">
                                <div class="flex gap-2 mb-4 justify-end">
                                    <button class="font-medium bg-[#0A415F] hover:bg-[#083549] text-white px-4 mr-2 py-2 text-sm rounded-md transition-colors duration-200" onclick="abrirModalSubsidios()">
                                        <i class="material-icons align-middle text-sm">add</i> Nuevo subsidio
                                    </button>
                                </div>
                                <div class="table-scroll">
                                    <table class="min-w-full" id="list-subsidios">
                                        <thead class="sticky-top bg-gray-50 px-6 py-3 text-[10px] font-semibold text-left font-medium text-gray-500 uppercase tracking-wider">
                                            <tr>
                                                <th class="px-2 py-2">Acciones</th>
                                                <th class="px-2 py-2">Periodo</th>
                                                <th class="px-2 py-2">Ejercicio</th>
                                                <th class="px-2 py-2">Ingreso desde</th>
                                                <th class="px-2 py-2">Ingreso hasta</th>
                                                <th class="px-2 py-2">Cantidad subsidio</th>
                                                <th class="px-2 py-2">Fecha de creación</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade draggable" id="modalISR" tabindex="-1" role="dialog" aria-labelledby="modalISR" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-gray-50 border-b border-gray-200 px-6 py-4">
                <h5 class="modal-title text-lg font-semibold text-gray-900" id="modalLabelISR">Nuevo calculo isr</h5>
                <button type="button" class="close text-gray-400 hover:text-gray-500" data-dismiss="modal" aria-label="Close">
                    <i class="material-icons">close</i>
                </button>
            </div>
            <div class="modal-body p-6">
                <input type="hidden" id="isr_id" name="id">
                <div class="grid grid-cols-12 gap-4 mb-2">
                    <div class="col-span-4">
                        <label for="numero_cuenta" class="block text-sm font-medium text-gray-700 mb-1">Ejercicio:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="ejercicio_isr" name="ejercicio_isr" required>
                    </div>
                    <div class="col-span-4">
                        <label for="nombre" class="block text-sm font-medium text-gray-700 mb-1">Periodo:</label>
                        <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="periodo_isr" name="periodo_isr" required>
                    </div>
                    <div class="col-span-4">
                        <label class="block text-sm font-medium text-gray-700 mb-1">Régimen fiscal:</label>
                        <select id="regimen_fiscal_isr" name="regimen_fiscal_isr" class="select2 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
                            <option value="">Selecciona una opción</option>
                            @foreach($regimenFiscal as $regimen)
                            <option value="{{ $regimen->descripcion }}">{{ $regimen->descripcion }} ({{ $regimen->c_regimenfiscal }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-span-4">
                        <label for="limite_inferior" class="block text-sm font-medium text-gray-700 mb-1">Límite inferior:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="limite_inferior" name="limite_inferior" step="0.01" value="0.00" placeholder="0.00">
                    </div>
                    <div class="col-span-4">
                        <label for="limite_superior" class="block text-sm font-medium text-gray-700 mb-1">Límite superior:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="limite_superior" name="limite_superior" step="0.01" value="0.00" placeholder="0.00">
                    </div>
                    <div class="col-span-4">
                        <label for="cuota_fija" class="block text-sm font-medium text-gray-700 mb-1">Cuota fija:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="cuota_fija" name="cuota_fija" step="0.01" value="0.00" placeholder="0.00">
                    </div>
                    <div class="col-span-4">
                        <label for="porcentaje" class="block text-sm font-medium text-gray-700 mb-1">Porcetanje de excedente:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="porcentaje" name="porcentaje" step="0.01" value="0.00" placeholder="0.00">
                    </div>
                </div>
            </div>
            <div class="modal-footer px-6 py-4 bg-gray-50 border-t border-gray-200">
                <button type="button" class="bg-transparent text-red-500 hover:text-red-600 mr-2 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200" data-dismiss="modal">Cancelar</button>
                <button type="button" class="bg-[#0A415F] hover:bg-[#083549] text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200" onclick="guardarISR()">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade draggable" id="modalSubsidios" tabindex="-1" role="dialog" aria-labelledby="modalSubsidios" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-gray-50 border-b border-gray-200 px-6 py-4">
                <h5 class="modal-title text-lg font-semibold text-gray-900" id="modalLabelSubsidios">Nuevo subsidio</h5>
                <button type="button" class="close text-gray-400 hover:text-gray-500" data-dismiss="modal" aria-label="Close">
                    <i class="material-icons">close</i>
                </button>
            </div>
            <div class="modal-body p-6">
                <input type="hidden" id="subsidios_id" name="id">
                <div class="grid grid-cols-12 gap-4 mb-2">
                    <div class="col-span-6">
                        <label for="numero_cuenta" class="block text-sm font-medium text-gray-700 mb-1">Ejercicio:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="ejercicio_subsidio" name="ejercicio_subsidio" required>
                    </div>
                    <div class="col-span-6">
                        <label for="nombre" class="block text-sm font-medium text-gray-700 mb-1">Periodo:</label>
                        <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="periodo_subsidio" name="periodo_subsidio" required>
                    </div>
                    <div class="col-span-4">
                        <label for="ingresos_desde" class="block text-sm font-medium text-gray-700 mb-1">Ingreso desde:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="ingresos_desde" name="ingresos_desde" step="0.01" value="0.00" placeholder="0.00">
                    </div>
                    <div class="col-span-4">
                        <label for="ingresos_hasta" class="block text-sm font-medium text-gray-700 mb-1">Ingreso hasta:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="ingresos_hasta" name="ingresos_hasta" step="0.01" value="0.00" placeholder="0.00">
                    </div>
                    <div class="col-span-4">
                        <label for="cantidad_subsidio" class="block text-sm font-medium text-gray-700 mb-1">Cantidad de subsidio:</label>
                        <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" id="cantidad_subsidio" name="cantidad_subsidio" step="0.01" value="0.00" placeholder="0.00">
                    </div>
                </div>
            </div>
            <div class="modal-footer px-6 py-4 bg-gray-50 border-t border-gray-200">
                <button type="button" class="bg-transparent text-red-500 hover:text-red-600 mr-2 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200" data-dismiss="modal">Cancelar</button>
                <button type="button" class="bg-[#0A415F] hover:bg-[#083549] text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200" onclick="guardarSubsidio()">Guardar</button>
            </div>
        </div>
    </div>
</div>

<style>
    .select2-container {
        width: 100% !important;
    }

    .select2-container .select2-selection--single {
        height: 40px !important;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate {
        font-size: 10px;
    }

    .dataTables_wrapper .dataTables_length select,
    .dataTables_wrapper .dataTables_filter input {
        font-size: 10px !important;
    }

    table.dataTable thead th,
    table.dataTable thead td {
        font-size: 10px !important;
    }

    table.dataTable tfoot th,
    table.dataTable tfoot td {
        font-size: 11px !important;
    }

    table.dataTable tbody td {
        font-size: 11px !important;
    }

    table.dataTable tbody tr:hover {
        background-color: #f8f9fa;
        cursor: pointer;
    }

    .dataTables_wrapper .dataTables_filter input {
        padding: 0.25rem 0.5rem !important;
        border-radius: 0.375rem !important;
        border: 1px solid #e2e8f0 !important;
    }

    .dataTables_wrapper .dataTables_filter input:focus {
        outline: none !important;
        border-color: #0A415F !important;
        box-shadow: 0 0 0 2px rgba(10, 65, 95, 0.1) !important;
    }

    .table-scroll {
        max-height: 650px;
        overflow-y: auto;
    }
</style>
@endsection

@push('js')

<script>
    const ajaxErrorMessage = {
        icon: 'error',
        title: '¡Lo sentimos!',
        text: ''
    }

    const workDoneMessage = {
        icon: 'success',
        title: '¡Hecho!',
        text: '',
    }

    const noContentMessageOptions = {
        icon: 'info',
        title: '¡Sin contenido!',
        text: '',
        confirmButtonText: 'Aceptar'
    }

    // Función para manejar los tabs
    function initTabs() {
        // Usar jQuery para evitar conflictos con Bootstrap Material Design
        $('[data-toggle="tab"]').off('click').on('click', function(e) {
            e.preventDefault();
            e.stopPropagation();

            var $this = $(this);
            var targetId = $this.attr('href').substring(1);

            // Remover clases activas de todos los tabs
            $('[data-toggle="tab"]').removeClass('border-blue-500 text-blue-600').addClass('border-transparent text-gray-500');

            // Agregar clases activas al tab clickeado
            $this.removeClass('border-transparent text-gray-500').addClass('border-blue-500 text-blue-600');

            // Ocultar todos los paneles
            $('.tab-pane').removeClass('active').hide();

            // Mostrar el panel correspondiente
            $('#' + targetId).addClass('active').show();

            // Ejecutar función específica del tab si existe
            var onclick = $this.attr('onclick');
            if (onclick) {
                // Remover el onclick del atributo para evitar ejecución doble
                $this.removeAttr('onclick');
                // Ejecutar la función
                setTimeout(function() {
                    eval(onclick);
                }, 100);
            }
        });

        // Mostrar el primer tab por defecto
        $('[data-toggle="tab"]').first().click();
    }

    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        // Inicializar tabs
        initTabs();
        $('.select2').select2({
            placeholder: "-Selecciona-",
            width: '100%',
        });
        getISR();
        getSubsidios();

    });


    function getISR() {
        $('#list-isr').dataTable().fnDestroy();

        var table = $('#list-isr').DataTable({
            lengthMenu: [10, 15, 20, 50, 100, 200, 500],
            dom: 'Bfrtip',
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{route('parametros.isr.get')}}",
                type: "POST",
            },
            columns: [{
                    data: "acciones",
                    orderable: false,
                    searchable: false,

                },
                {
                    data: "tipo_regimen",
                },
                {
                    data: "periodo",
                },
                {
                    data: "ejercicio",
                },
                {
                    data: "limite_inferior",
                    render: function(data) {
                        return parseFloat(data).toFixed(5);
                    }
                },
                {
                    data: "limite_superior",
                    render: function(data) {
                        return parseFloat(data).toFixed(5);
                    }
                },
                {
                    data: "cuota_fija",
                    render: function(data) {
                        return parseFloat(data).toFixed(5);
                    }
                },
                {
                    data: "porcentaje",
                    render: function(data) {
                        return parseFloat(data).toFixed(5);
                    }
                },
                {
                    data: "created_at"
                }
            ],
            buttons: [{
                    extend: 'excel',
                    text: 'Exportar a Excel',
                    className: 'bg-[#0A415F] hover:bg-[#083549] text-white px-4 py-2 rounded-md text-xs font-medium transition-colors duration-200',
                    exportOptions: {
                        columns: ':not(:first-child)',
                    },
                },
                {
                    extend: 'pdf',
                    className: 'bg-[#0A415F] hover:bg-[#083549] text-white px-4 py-2 rounded-md text-xs font-medium transition-colors duration-200',
                    text: 'Exportar a PDF',
                    title: 'Listado de parámetros ISR',
                    orientation: 'landscape',
                    exportOptions: {
                        columns: ':not(:first-child)',
                    },
                    customize: function(doc) {
                        doc.defaultStyle.fontSize = 8;
                        doc.styles.tableHeader.fontSize = 8;
                    }
                }
            ],
            order: [
                [8, "desc"]
            ],
        });
    }

    function abrirModalISR() {
        $('#modalLabelISR').text('Nuevo isr');
        $('#isr_id').val('');
        $('#periodo_isr').val('');
        $('#ejercicio_isr').val('');
        $('#regimen_fiscal_isr').val('').trigger('change');
        $('#limite_inferior').val('0.00');
        $('#limite_superior').val('0.00');
        $('#cuota_fija').val('0.00');
        $('#porcentaje').val('0.00');
        $('#modalISR').modal('show');
    }

    function editarISR(id) {
        $.ajax({
            url: "{{route('parametros.isr.get-isr', ['id' => ':id'])}}".replace(':id', id),
            type: 'GET',
            success: function(response) {
                console.log(response);
                $('#modalLabelISR').text('Editar isr');
                $('#isr_id').val(response.id);
                $('#periodo_isr').val(response.periodo);
                $('#ejercicio_isr').val(response.ejercicio);
                $('#regimen_fiscal_isr').val(response.tipo_regimen).trigger('change');
                $('#limite_inferior').val(response.limite_inferior);
                $('#limite_superior').val(response.limite_superior);
                $('#cuota_fija').val(response.cuota_fija);
                $('#porcentaje').val(response.porcentaje);
                $('#modalISR').modal('show');
            },
            error: function(xhr) {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Error al cargar los datos del isr',
                    confirmButtonColor: '#0A415F'
                });
            }
        });
    }

    function guardarISR() {
        var id = $('#isr_id').val();

        $.ajax({
            url: "{{route('parametros.isr.save-isr')}}",
            type: 'POST',
            data: {
                id: id,
                periodo: $('#periodo_isr').val(),
                ejercicio: $('#ejercicio_isr').val(),
                tipo_regimen: $('#regimen_fiscal_isr option:selected').val(),
                limite_inferior: $('#limite_inferior').val(),
                limite_superior: $('#limite_superior').val(),
                cuota_fija: $('#cuota_fija').val(),
                porcentaje: $('#porcentaje').val()
            },
            beforeSend: function() {
                $('#loadingLoad').modal('show');
            },
            success: function(response) {
                $('#modalISR').modal('hide');
                Swal.fire({
                    icon: 'success',
                    title: 'Éxito',
                    text: id ? ' calculo de isr actualizado correctamente' : 'calculo de isr creado correctamente',
                    confirmButtonColor: '#0A415F'
                }).then(() => {
                    $('#list-isr').DataTable().ajax.reload();
                });
            },
            error: function(xhr) {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Error al guardar el isr',
                    confirmButtonColor: '#0A415F'
                });
            },
            complete: function() {
                setTimeout(function() {
                    $('#loadingLoad').modal('hide');
                }, 1000);
            }
        });
    }

    function eliminarISR(id) {
        Swal.fire({
            title: '¿Está seguro?',
            text: "Esta acción no se puede deshacer",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0A415F',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Sí, eliminar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{route('parametros.isr.delete-isr', ['id' => ':id'])}}".replace(':id', id),
                    type: 'DELETE',
                    success: function(response) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Eliminado',
                            text: 'isr eliminado correctamente',
                            confirmButtonColor: '#0A415F'
                        }).then(() => {
                            $('#list-isr').DataTable().ajax.reload();
                        });
                    },
                    error: function(xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'Error al eliminar el isr',
                            confirmButtonColor: '#0A415F'
                        });
                    }
                });
            }
        });
    }

    function getSubsidios() {
        $('#list-subsidios').dataTable().fnDestroy();

        var table = $('#list-subsidios').DataTable({
            lengthMenu: [10, 15, 20, 50, 100, 200, 500],
            dom: 'Bfrtip',
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{route('parametros.subsidios.get')}}",
                type: "POST",
            },
            columns: [{
                    data: "acciones",
                    orderable: false,
                    searchable: false,

                },
                {
                    data: "periodo",
                },
                {
                    data: "ejercicio",
                },
                {
                    data: "ingresos_desde",
                    render: function(data) {
                        return parseFloat(data).toFixed(5);
                    }
                },
                {
                    data: "ingresos_hasta",
                    render: function(data) {
                        return parseFloat(data).toFixed(5);
                    }
                },
                {
                    data: "cantidad_subsidio",
                    render: function(data) {
                        return parseFloat(data).toFixed(5);
                    }
                },
                {
                    data: "created_at"
                }
            ],
            buttons: [{
                    extend: 'excel',
                    text: 'Exportar a Excel',
                    className: 'bg-[#0A415F] hover:bg-[#083549] text-white px-4 py-2 rounded-md text-xs font-medium transition-colors duration-200',
                    exportOptions: {
                        columns: ':not(:first-child)',
                    },
                },
                {
                    extend: 'pdf',
                    className: 'bg-[#0A415F] hover:bg-[#083549] text-white px-4 py-2 rounded-md text-xs font-medium transition-colors duration-200',
                    text: 'Exportar a PDF',
                    title: 'Listado de subsidios',
                    orientation: 'landscape',
                    exportOptions: {
                        columns: ':not(:first-child)',
                    },
                    customize: function(doc) {
                        doc.defaultStyle.fontSize = 8;
                        doc.styles.tableHeader.fontSize = 8;
                    }
                }
            ],
            order: [
                [6, "desc"] // ordenar por periodo
            ],
        });
    }

    function abrirModalSubsidios() {
        $('#modalLabelSubsidios').text('Nuevo subsudio');
        $('#subsidios_id').val('');
        $('#periodo_subsidio').val('');
        $('#ejercicio_subsidio').val('');
        $('#ingresos_desde').val('0.00');
        $('#ingresos_hasta').val('0.00');
        $('#cantidad_subsidio').val('0.00');
        $('#modalSubsidios').modal('show');
    }

    function editarSubsidio(id) {
        $.ajax({
            url: "{{route('parametros.subsidios.get-subsidio', ['id' => ':id'])}}".replace(':id', id),
            type: 'GET',
            success: function(response) {
                console.log(response);
                $('#modalLabelSubsidios').text('Editar subsidio');
                $('#subsidios_id').val(response.id);
                $('#periodo_subsidio').val(response.periodo);
                $('#ejercicio_subsidio').val(response.ejercicio);
                $('#ingresos_desde').val(response.ingresos_desde);
                $('#ingresos_hasta').val(response.ingresos_hasta);
                $('#cantidad_subsidio').val(response.cantidad_subsidio);
                $('#modalSubsidios').modal('show');
            },
            error: function(xhr) {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Error al cargar los datos del subsidio',
                    confirmButtonColor: '#0A415F'
                });
            }
        });
    }

    function guardarSubsidio() {
        var id = $('#subsidios_id').val();

        $.ajax({
            url: "{{route('parametros.subsidios.save-subsidio')}}",
            type: 'POST',
            data: {
                id: id,
                periodo: $('#periodo_subsidio').val(),
                ejercicio: $('#ejercicio_subsidio').val(),
                ingresos_desde: $('#ingresos_desde').val(),
                ingresos_hasta: $('#ingresos_hasta').val(),
                cantidad_subsidio: $('#cantidad_subsidio').val(),
            },
            beforeSend: function() {
                $('#loadingLoad').modal('show');
            },
            success: function(response) {
                $('#modalSubsidios').modal('hide');
                Swal.fire({
                    icon: 'success',
                    title: 'Éxito',
                    text: id ? 'Subsidio actualizado correctamente' : 'Subsidio creado correctamente',
                    confirmButtonColor: '#0A415F'
                }).then(() => {
                    $('#list-subsidios').DataTable().ajax.reload();
                });
            },
            error: function(xhr) {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Error al guardar el isr',
                    confirmButtonColor: '#0A415F'
                });
            },
            complete: function() {
                setTimeout(function() {
                    $('#loadingLoad').modal('hide');
                }, 1000);
            }
        });
    }

    function eliminarSubsidio(id) {
        Swal.fire({
            title: '¿Está seguro?',
            text: "Esta acción no se puede deshacer",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0A415F',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Sí, eliminar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{route('parametros.subsidios.delete-subsidio', ['id' => ':id'])}}".replace(':id', id),
                    type: 'DELETE',
                    success: function(response) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Eliminado',
                            text: 'Subsidio eliminado correctamente',
                            confirmButtonColor: '#0A415F'
                        }).then(() => {
                            $('#list-subsidios').DataTable().ajax.reload();
                        });
                    },
                    error: function(xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'Error al eliminar el isr',
                            confirmButtonColor: '#0A415F'
                        });
                    }
                });
            }
        });
    }
</script>
@endpush