@extends('layout.template')
@section('title', 'SICCAP ICATEP')
@section('content')
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Historial de Aulas</h4>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="row">
                @if (session('success'))
                    <div class="alert alert-primary alert-dismissible fade show" id="alert-container">
                        <svg class="alert-icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor"
                            stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <polyline points="9 11 12 14 22 4"></polyline>
                            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
                        </svg>
                        <strong id="alert-confirmacion"> {{ session('success') }}</strong>
                    </div>
                @endif
                @if (session('error'))
                    <div class="alert alert-danger alert-dismissible fade show" id="alert-container-error">
                        <svg class="alert-icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor"
                            stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2">
                            </polygon>
                            <line x1="15" y1="9" x2="9" y2="15"></line>
                            <line x1="9" y1="9" x2="15" y2="15"></line>
                        </svg>
                        <strong id="alert-confirmacion-error"> {{ session('error') }}</strong>
                    </div>
                @endif
                <input type="hidden" value="{{ $perfil }}" id="perfil">
                <div id="responsiveTable_wrapper" class="dataTables_wrapper no-footer">
                    <table id="responsiveTable"
                        class="table table-striped responsive w-100 dataTable no-footer dtr-inline collapsed aulas-table"
                        aria-describedby="responsiveTable_info">
                        <thead>
                            <tr>
                                <th width="5%">ID</th>
                                <th width="5%">Clave Aula</th>
                                <th width="30%">Curso</th>
                                <th width="15%">PSC</th>
                                <th width="3%" class="text-center">CAP.</th>
                                <th width="5%">INICIA</th>
                                <th width="5%">TERMINA</th>
                                <th width="12%">ESTATUS | AVANCE

                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                
                <!-- MODAL PARA VER EL CONTRATO-->
                <div class="modal fade" id="modalContrato" tabindex="-1" aria-labelledby="modalArchivoLabel"
                    aria-hidden="true">
                    <div class="modal-dialog modal-xl">
                        <div class="modal-content">
                            <div class="modal-header bg-primary">
                                <h5 class="modal-title text-white" id="modalArchivoLabel">Contrato</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Cerrar"></button>
                            </div>
                            <div class="modal-body">
                                <iframe id="visorContrato" src="" width="100%" height="800px"
                                    frameborder="0"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                <!--</div>-->
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        // Función para filtrar la tabla por estatus
        function filtrarPorEstatus(estatus) {
            $('[data-bs-toggle="tooltip"]').each(function() {
                var tooltipInstance = bootstrap.Tooltip.getInstance(this);
                if (tooltipInstance) {
                    tooltipInstance.dispose();
                }
            });
            
            $('.tooltip').remove();
            
            var table = $('.aulas-table').DataTable();
            var baseUrl = "{{ route('aulasShowHistorico') }}";
            var newUrl = estatus ? baseUrl + '?estatus=' + estatus : baseUrl;
            
            table.ajax.url(newUrl).load();
        }

        $(document).on('click', '.status-card', function(e) {
            e.stopPropagation();
            var estatus = $(this).data('estatus');
            filtrarPorEstatus(estatus);
        });

        $(document).ready(function() {
            // Limpiar localStorage cuando se regresa a la página de listado después de crear/editar
            @if (session('success'))
                localStorage.clear();
            @endif

            setTimeout(function() {
                $("#alert-container-error").fadeOut("slow");
                $("#alert-container").fadeOut("slow"); // Desaparece alerta
            }, 4000); // 4 segundos

        });

        $('.aulas-table').on('draw.dt', function() {
            const tooltips = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
            tooltips.forEach(function(tooltipEl) {
                new bootstrap.Tooltip(tooltipEl);
            });
        });

        if ($.fn.DataTable.isDataTable('#responsiveTable')) {
            $('#responsiveTable').DataTable().destroy();
        }

        $(document).on('click', '.ver-pdf', function() {
            const src = $(this).data('src');
            $('#visorContrato').attr('src', src);
        });

        const puedeRechazarAula = {{ auth()->user()->usu_id, 'Aulas', 'rechazar_aula' ? true : false }};
        const baseAsset = "{{ asset('') }}";

        var perfil = $('#perfil').val();

        // Tabla para mostrar cursos registrados
        $('.aulas-table').DataTable({
            ordering: true, // Disable automatic ordering
            order: [
                [0, 'desc']
            ],

            language: {
                url: "https://cdn.datatables.net/plug-ins/1.10.25/i18n/Spanish.json"
            },
            stateSave: false,
            stateDuration: 10000,
            processing: true,
            serverSide: true,
            ajax: "{{ route('aulasShowHistorico') }}", // Fetch data from route
            columnDefs: [{
                target: 0,
                visible: false,
                searchable: false,
            }],
            columns: [{
                    data: "aul_id"
                },
                {
                    data: "aul_clave_registro"
                },
                {
                    data: "aul_curso_nombre"
                },
                {
                    data: "aul_instructor_nombre"
                },
                {
                    data: "aul_capacitandos",
                    className: "text-center"
                },
                {
                    data: "au_fecha_inicia"
                },
                {
                    data: "au_fecha_termina"
                },
                {
                    data: null,
                    // orderable: false,
                    render: function(data) {
                        const {
                            aul_estatus: status,
                            aul_juridico_estatus: status_contrato,
                            aul_id,
                            aul_registro_cursos_id,
                            aul_file_contrato: ruta_contrato,
                            aul_juridico_observaciones: obs_juridico,
                            aul_unidad: aula_unidad,
                            aul_estatus_capacitandos: estatus_capacitandos,
                            aul_estatus_pagos_capacitandos: aul_estatus_pagos,
                            aul_observacion: aul_observacion,
                            aul_estatus_lista_asistencia: estatus_lista_asistencia,
                            aul_estatus_riacd: estatus_riacd,
                            aul_estatus_reporte_final: estatus_reporte_final,
                            aul_estatus_evaluacion_curso: estatus_evaluacion_curso,
                            aul_estatus_anexo_sesion: estatus_anexo_sesion
                          
                        } = data;

                        let aulaEstatus =  data.aul_estatus+data.aul_estatus_numero;

                        let icon = "dripicons-pencil",
                            color = "secondary",
                            progress = "70%",
                            progress_class = "bg-primary",
                            contrato = "";

                        if (aulaEstatus === 'A1') {
                            icon = "dripicons-pin text-dark";
                            color = "warning";
                            progress = "10%";
                            progress_class = "bg-primary";
                            tooltip = "Por Autorizar";
                        } else if (aulaEstatus === 'A2') {
                            icon = "dripicons-trash";
                            color = "danger";
                            progress = "10%";
                            progress_class = "bg-danger";
                            tooltip = "Aula rechazada";
                        } else if (status == 'B' && estatus_capacitandos == 3 && aul_estatus_pagos !=
                            null) {
                            let factura = "";
                            let textIcon = "";
                            switch (aul_estatus_pagos) {
                                case 1:
                                    factura = "warning";
                                    textIcon = "dark";
                                    progress = "35%";
                                    tooltip = "Pagos en revision";
                                    break;

                                case 2:
                                    factura = "danger text-white";
                                    textIcon = "white";
                                    progress = "30%";
                                    tooltip = "Pagos Rechazados";
                                    break;
                                default:
                                    factura = "light";
                                    textIcon = "dark";
                                    tooltip = "Por validar Capacitandos";
                            }
                            icon = "la la-file-invoice-dollar fs-5 text-" + textIcon;
                            color = factura;
                            progress_class = "bg-primary";


                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            // }
                        } else if (status == 'B' && estatus_capacitandos == 1) {
                            icon = "las la-graduation-cap fs-4 text-dark";
                            color = "warning";  
                            progress = "25%";
                            progress_class = "bg-primary";
                            tooltip = "Validar Capacitandos";

                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="/siccap25/public${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "40%";
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            //     progress = "30%";
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "30%";
                            // }
                        } else if (status === 'B' && estatus_capacitandos == 2) {
                            icon = "las la-graduation-cap fs-4";
                            color = "danger";
                            progress = "20%";
                            progress_class = "bg-primary";
                            tooltip = "Corregir Capacitandos";

                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "40%";
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            //     progress = "30%";
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "30%";
                            // }

                        } else if (status === 'B' && estatus_capacitandos == 3) {
                            icon = "las la-graduation-cap fs-4";
                            color = "success";
                            progress = "30%";
                            progress_class = "bg-primary";
                            tooltip = "Capacitandos validados";

                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "40%";
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            //     progress = "30%";
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "30%";
                            // }

                        } else if (aulaEstatus == 'B0') {
                            icon = "dripicons-document-edit";
                            color = "primary";
                            progress = "20%";
                            progress_class = "bg-primary";
                            tooltip = "Carga de Capacitandos";
                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="Contrato Autorizado"></i></button>`;
                            //     progress = "40%";
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            //     progress = "30%";
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="Contrato en Revision"></i></button>`;
                            //     progress = "30%";
                            // }
                        } /*else if (status === 'E') {
                            icon = "dripicons-document-edit";
                            color = "danger";
                            progress = "30%";
                            progress_class = "bg-primary";
                            tooltip = "";
                        } else if (status == 'V' && puedeRechazarAula == 2) {
                            icon = "dripicons-paperclip";
                            color = "success";
                            progress = "40%";
                            progress_class = "bg-success";
                            tooltip = "Estatus 2";
                        }/else if (status === 'V') {
                            icon = "dripicons-paperclip";
                            color = "success";
                            progress = "40%";
                            progress_class = "bg-primary";
                            tooltip = "";
                        } */
                       else if (aulaEstatus === 'D2') {
                            icon = "dripicons-list";
                            color = "danger";
                            progress = "50%";
                            progress_class = "bg-primary";
                            tooltip = "Rechazo por calificaciones";

                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            // }
                        }
                       else if (status === 'D') {
                            icon = "dripicons-list";
                            color = "info";

                            progress_class = "bg-primary";
                            tooltip = "Acreditacion de Alumnos";

                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "50%";
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            //     progress = "40%";
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            //     progress = "45%";
                            // } else {
                            //     progress = "40%";
                            // }
                        } /*else if (status === 'X') {
                            icon = "dripicons-list";
                            color = "danger";
                            progress = "50%";
                            progress_class = "bg-primary";
                            tooltip = "Rechazo por calificaciones";

                            if (status_contrato == "3") {
                                contrato =
                                    `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            } else if (status_contrato == "2") {
                                contrato =
                                    `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            } else if (status_contrato == "1") {
                                contrato =
                                    `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            }
                        }*/ else if (status === 'E') {
                            icon = "dripicons-lock-open";
                            color = "dark";
                            progress = "60%";
                            progress_class = "bg-primary";
                            tooltip = "Imprimir Constancias";

                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="Ver Contrato"></i></button>`;
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                            // }
                        } else if (status == 'F') {
                            icon = "dripicons-loading";
                            color = "light";
                            progress = "70%";
                            progress_class = "bg-primary";
                            tooltip = "Entrega de Certificados";
                        } else if (status === 'G') {
                            icon = "dripicons-upload";

                            let estatus = [
                                estatus_lista_asistencia,
                                estatus_riacd,
                                estatus_reporte_final,
                                estatus_evaluacion_curso,
                                estatus_anexo_sesion
                            ];



                            estatus = estatus.map(Number);



                            if (estatus_lista_asistencia == 2 && perfil == 4 || estatus_riacd == 2 &&
                                perfil == 4 ||
                                estatus_reporte_final == 2 && perfil == 4 || estatus_evaluacion_curso ==
                                2 && perfil == 4 ||
                                estatus_anexo_sesion == 2 && perfil == 4) {
                                color = "danger";
                            } else if (estatus_lista_asistencia == 1 || estatus_riacd == 1 ||
                                estatus_reporte_final == 1 || estatus_evaluacion_curso == 1 ||
                                estatus_anexo_sesion == 1) {
                                color = "warning";
                            } else {
                                color = "secondary";

                            }

                            progress_class = "bg-primary";
                            tooltip = "Carga de Documentos del Aula";

                            // if (status_contrato == "3") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-success shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                               
                            // } else if (status_contrato == "2") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-danger shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog" data-bs-toggle="tooltip" title="${obs_juridico}"></i></button>`;
                            //     progress = "40%";
                            // } else if (status_contrato == "1") {
                            //     contrato =
                            //         `<button type="button" class="btn btn-warning shadow btn-xs sharp me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${ruta_contrato}"><i class="dripicons-blog"></i></button>`;
                              
                            // } else {
                              
                            // }

                             progress = "80%";
                        } else if (status === 'Z') {
                            icon = "dripicons-checkmark";
                            color = "success";
                            progress = "100%";
                            progress_class = "bg-primary";
                            tooltip = "Aula Finalizada";
                        }

                        return `
                    <div class="d-flex align-items-center">
                    <form action="{{ route('datosAulaHistorico') }}" method="post">
                        @csrf
                        <button type="submit" class="btn btn-${color} shadow btn-xs sharp me-1" id="ver_aula">
                        <input type="hidden" value="${aul_id}" name="aul_id">
                        <input type="hidden" value="${aul_registro_cursos_id}" name="aul_registro_cursos_id">
                        <i class="${icon}"  data-bs-toggle="tooltip" title="${tooltip}"   ></i>
                        </button>
                    </form>
                    ${contrato}
                    <div class="progress flex-grow-1 me-1" style="height: 20px; background: rgba(127, 99, 244, .1)">
                        <div class="progress-bar ${progress_class}" style="width: ${progress};" role="progressbar" aria-valuenow="${parseInt(progress)}" aria-valuemin="0" aria-valuemax="100">
                        <span class="visually-hidden">${progress}</span>
                        </div>
                    </div>
                    <span class="badge bg-primary">${progress}</span>&nbsp;
                    </div>
                `;
                    }
                }
            ]
        });

        function fechasDeshabilitadas() {
            $.ajax({
                url: "{{ route('fechasDeshabilitadasHistorico') }}", // Asegúrate de tener esta ruta definida
                method: 'GET',
                dataType: "json",
                success: function(response) {
                    let data = response.data; // dias_deshabilitados
                    let html = '';
                    let fechasAjax = [];
                    data.forEach(function(item) {
                        html +=
                            `<li class="list-group-item text-danger">${item.fecha}</li>`;
                        fechasAjax.push(item.fecha_formateada); // Guardar en array
                    });
                    let fechasarray = data.fecha;
                    let todasFechas = fechasAjax;
                    $('#dias_inhabiles').html(html);
                    // Inicializar flatpickr con todas las fechas deshabilitadas
                    flatpickr("#fechas_deshabilitadas", {
                        locale: 'es',
                        dateFormat: "d/m/Y",
                        inline: true,
                        position: "center",
                        onDayCreate: function(_, __, ___, dayElem) {
                            const fecha = dayElem.dateObj.toISOString().split(
                                'T')[0];
                            if (todasFechas.includes(fecha)) {
                                dayElem.style.background = "#ff1616"; // Bootstrap 'bg-danger' color
                                dayElem.title = "Día festivo";
                                dayElem.style.color = "white";
                                dayElem.style.fontWeight = "bold";
                            }
                        }
                    });
                },
                error: function(xhr) {
                    console.log("Error en la solicitud AJAX:", xhr);
                }
            });
        }

        $(document).ready(function() {

            $('#modal_fechas_deshabilitadas').on('show.bs.modal', function() {
                fechasDeshabilitadas();
            });

            $("#deshabilitar").on("click", function(e) {
                e.preventDefault(); // Previene la recarga de la página
                let form = $(this);
                let actionUrl = form.attr("action");
                let formData = form.serialize();
                let fecha = $("#fechas_deshabilitadas").val(); // 29/08/2025
                let partes = fecha.split('/');
                let fechaStr = `${partes[2]}-${partes[1]}-${partes[0]}`; // 2025-08-29

                $.ajax({
                    url: actionUrl,
                    url: "{{ route('deshabilitarFechaHistorico') }}",
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        fecha: fechaStr
                    },
                    success: function(response) {
                        fechasDeshabilitadas();
                    },
                    error: function(xhr) {
                        console.log("Error en la solicitud AJAX:", xhr);
                    }
                });
            });

            $("#habilitar").on("click", function(e) {
                e.preventDefault(); // Previene la recarga de la página
                let form = $(this);
                let actionUrl = form.attr("action");
                let formData = form.serialize();
                let fecha = $("#fechas_deshabilitadas").val(); // 29/08/2025
                let partes = fecha.split('/');
                let fechaStr = `${partes[2]}-${partes[1]}-${partes[0]}`; // 2025-08-29

                $.ajax({
                    url: actionUrl,
                    url: "{{ route('habilitarFechaHistorico') }}", // Asegúrate de tener esta ruta definida
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        fecha: fechaStr
                    },
                    success: function(response) {
                        fechasDeshabilitadas();
                    },
                    error: function(xhr) {
                        console.log("Error en la solicitud AJAX:", xhr);
                    }
                });
            });

        });
    </script>
@endpush