@extends('layout.template')
@section('title', 'ICAT')
@section('content')
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    @if ($aula)
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Aula <strong class="text-primary">
                                        {{ $aula->clave_registro }}</strong> </h4>

                                <style>
                                    .fecha-curso {
                                        background-color: #7ed321 !important;
                                        color: black !important;
                                        font-weight: bold;
                                    }

                                    .fecha-inhabil {
                                        background-color: #FF1616 !important;
                                        color: white !important;
                                        font-weight: bold;
                                    }

                                    input {
                                        text-align: center;
                                    }

                                    .capacitandos-table.cfdi-view th,
                                    .capacitandos-table.cfdi-view td {
                                        font-size: 0.75rem;
                                    }

                                    .btn-close-fact {
                                        color: #ffff !important;
                                        opacity: 1.0 !important;
                                    }
                                    
                                    .btn-close-fact::before {
                                        color: #ffff !important;
                                        opacity: 1.0 !important;
                                    }

                                    /*
                                             * Scrollbar siempre visible en  tabla de pagos.
                                             * Se usa overflow-x:scroll (en vez de auto) para que  pista
                                             * del scrollbar siempre sea visible en Chrome/Edge overlay mode.
                                             * NO se usa ::-webkit-scrollbar porque cualquier definición
                                             * de esa pseudo-clase afecta TODOS los scrollbars del documento
                                             * en Chrome, haciendo que el scrollbar de  página desaparezca.
                                             */
                                    #tabla-facturas-wrapper {
                                        overflow-x: scroll;
                                        /* siempre visible, no solo al overflowear */
                                        scrollbar-width: thin;
                                        /* Firefox: scrollbar delgado */
                                        scrollbar-color: #adb5bd #f1f3f5;
                                        /* Firefox: thumb + track */
                                    }
                                </style>
                                <div class="col-sm-6 p-md-0 justify-content-sm mt-2 mt-sm-0 d-flex">

                                    @if (!in_array($estatusAula, ['A1', 'A2', 'X0']))
                                        @if ($aula->curso_tipo == 4 || $aula->curso_tipo == 7)
                                            @puede('Aulas', 'cancelar_aula_conocer')
                                                <button class="btn btn-danger btn-sm" data-bs-toggle="modal"
                                                    data-bs-target="#cancelar_aula" id="btnCancelarAula">
                                                    <i class=" ri-thumb-down-line fs-4"></i> Cancelar Aula
                                                </button>
                                            @endpuede
                                        @else
                                            @puede('Aulas', 'cancelar_aula')
                                                <button class="btn btn-danger btn-sm" data-bs-toggle="modal"
                                                    data-bs-target="#cancelar_aula" id="btnCancelarAula">
                                                    <i class=" ri-thumb-down-line fs-4"></i> Cancelar Aula
                                                </button>
                                            @endpuede
                                        @endif
                                    @endif


                                    <ol class="breadcrumb">
                                        <a href="{{ route($btnRegresar) }}" class="btn btn-rounded btn-dark back-fixed"
                                            aria-label="Regresar">
                                            <span class="btn-icon-start text-dark"><i class=" ri-arrow-left-line"></i></span>
                                            Regresar
                                        </a>
                                    </ol>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="basic-form">
                                    <form action="{{ route('crearAula') }}" method="post">
                                        @csrf
                                        <div class="row text-center " id="formulario_aula">
                                            <div class="accordion accordion-with-icon accordion-primary collapsed"
                                                id="accordion-six">
                                                <div class="accordion-item">

                                                    <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                                        <button
                                                            class="accordion-button {{ $estatusAula == 'A1' ? '' : 'collapsed' }}"
                                                            type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapseOne6">
                                                            <span class=" ri-book-open-line fs-3"></span>
                                                            <span class="accordion-header-text">Datos Aula</span>
                                                        </button>
                                                    </h2>
                                                    <div id="collapseOne6"
                                                        class="accordion-collapse collapse {{ $estatusAula == 'A1' ? 'show' : '' }}"
                                                        aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                                        <div class="accordion-body row">

                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">N&uacute;mero de Aula</label>
                                                                <input type="text" name="numero_aula"
                                                                    class="form-control"
                                                                    value="{{ $aula->clave_registro }}" placeholder=""
                                                                    id="numero_aula"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('numero_aula')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-5 mb-3 col-md-6">
                                                                <label class="form-label">Nombre del Curso</label>
                                                                <input type="text" name="nombre_curso"
                                                                    class="form-control"
                                                                    value="{{ $aula->curso_nombre }}" placeholder=""
                                                                    id="nombre_curso"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('nombre_curso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Tipo de Curso</label>
                                                                <input type="text" name="tipo_curso" class="form-control"
                                                                    value="{{ $tipoCurso }}" placeholder=""
                                                                    id="tipo_de_curso"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('tipo_curso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                                <input type="hidden" id="tipo_curso" name=""
                                                                    value="{{ $aula->curso_tipo }}">
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Costo por Capacitando</label>
                                                                <input type="text" name="costo_alumno"
                                                                    class="form-control"
                                                                    value="{{ $aula->costo_hora_capacitando }}"
                                                                    placeholder="" id="costo_alumno"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('costo_alumno')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-4 mb-3 col-md-6">
                                                                <label class="form-label">Campo de Formaci&oacute;n
                                                                    Profesional</label>
                                                                <input type="text" name="cfp" class="form-control"
                                                                    value="{{ $aula->campo_formacion_profesional_nombre }}" placeholder=""
                                                                    id="cfp"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('cfp')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-4 mb-3 col-md-6">
                                                                <label class="form-label">Especialidad</label>
                                                                <input type="text" name="especialidad"
                                                                    class="form-control"
                                                                    value="{{ $aula->especialidad_nombre }}"
                                                                    placeholder="" id="especialidad"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('especialidad')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-4 mb-3 col-md-6">
                                                                <label class="form-label">Clave del Curso</label>
                                                                <input type="text" name="clave_curso"
                                                                    class="form-control" value="{{ $clave_curso }}"
                                                                    placeholder="" id="clave_curso"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('clave_curso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Instructor</label>
                                                                <input type="text" name="instructor"
                                                                    class="form-control"
                                                                    value="{{ $aula->instructor_nombre }}"
                                                                    placeholder="" id="nombre_instructor"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                <input type="hidden" name="instructor_id"
                                                                    id="instructor_id">
                                                                @error('instructor')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-1 mb-3 col-md-6">
                                                                <label class="form-label">Costo PSC</label>
                                                                <input type="text" name="costo_psc"
                                                                    class="form-control"
                                                                    value="{{ $aula->costo_hora_psc }}"
                                                                    placeholder="" id="costo_psc"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('nombre_curso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6 d-none"
                                                                id="div_modelo_negocios">
                                                                <label class="form-label">Modelo de Negocios</label>
                                                                <input type="text" class="form-control"
                                                                    id="modelo_negocios" name="modelo_negocios"
                                                                    value="{{ $claveModeloNegocio }}" readonly>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">N&uacute;mero de
                                                                    Capacitandos</label>
                                                                <input type="number" name="minimo_capacitandos"
                                                                    class="form-control"
                                                                    value="{{ $aula->capacitandos }}" placeholder=""
                                                                    id="minimo_capacitandos" min="1"
                                                                    max="200" readonly>
                                                            </div>
                                                            <div class="col-lg-1 mb-3 col-md-6">
                                                                <label class="form-label">Duraci&oacute;n</label>
                                                                <input type="text" name="duracion"
                                                                    class="form-control"
                                                                    value="{{ $aula->horas_totales }}" placeholder=""
                                                                    id="duracion"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('duracion')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Tipo de Formaci&oacute;n</label>
                                                                <input type="text" name="" class="form-control"
                                                                    value="{{ $tipoFormacion }}" placeholder=""
                                                                    id="tipo_formacion"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                <input type="hidden" name="curso_id" id="curso_id">
                                                                @error('clave_curso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Modalidad </label>
                                                                <input type="text" class="form-control"
                                                                    name="modalidad" value="{{ $aula->modalidad }}"
                                                                    id="modalidad" readonly>
                                                                @error('tipo_curso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6" id="div_ubicacion">
                                                                <label class="form-label">Ubicaci&oacute;n </label>
                                                                <input type="text" name="" class="form-control"
                                                                    value="{{ $aula->ubicacion }}" placeholder=""
                                                                    id=""
                                                                    onkeyup="this.value = this.value.toLowerCase()"
                                                                    readonly>

                                                                @error('tipo_curso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-4 mb-3 col-md-6 d-none" id="div_enlace">
                                                                <label class="form-label">Enlace</label>
                                                                <input type="text" name="enlace" class="form-control"
                                                                    value="{{ $aula->enlace }}" placeholder=""
                                                                    id="enlace"
                                                                    onkeyup="this.value = this.value.toLowerCase()"
                                                                    readonly>
                                                                @error('enlace')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_enlace"></div>
                                                            </div>
                                                            <div class="col-lg-8 mb-3 col-md-6" id="div_domicilio">
                                                                <label class="form-label">Domicilio</label>
                                                                <input type="text" name="enlace" class="form-control"
                                                                    value="{{ $domicilio }}" placeholder=""
                                                                    id="enlace"
                                                                    onkeyup="this.value = this.value.toLowerCase()"
                                                                    readonly>
                                                                @error('enlace')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_enlace"></div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-------------------------------------------------- SECCION CONOCER -------------------------------------------------->
                                            <!-------------------------------------------------- SECCION CONOCER -------------------------------------------------->
                                            <!-------------------------------------------------- SECCION CONOCER -------------------------------------------------->
                                            @if ($aula->curso_tipo == 7)
                                                <div class="accordion accordion-with-icon accordion-primary collapsed"
                                                    id="accordion-conocer">
                                                    <div class="accordion-item">

                                                        <h2 class="accordion-header accordion-header-primary"
                                                            id="headingOneG">
                                                            <button
                                                                class="accordion-button {{ $estatusAula == 'B1' ? '' : 'collapsed' }}"
                                                                type="button" data-bs-toggle="collapse"
                                                                data-bs-target="#collapseOneG">
                                                                <span class=" ri-book-open-line fs-3"></span>
                                                                <span class="accordion-header-text">Datos CONOCER</span>
                                                            </button>
                                                        </h2>
                                                        <div id="collapseOneG"
                                                            class="accordion-collapse collapse {{ $estatusAula == 'B1' ? 'show' : '' }}"
                                                            aria-labelledby="headingOneG"
                                                            data-bs-parent="#accordion-conocer">
                                                            <div class="accordion-body row">
                                                                <div class="col-lg-6 mb-3 col-md-6">
                                                                    <label class="form-label">Tipo de Certificado</label>
                                                                    <input type="text" name="tipo_certificado"
                                                                        class="form-control"
                                                                        value="{{ $aula->modalidad }}" placeholder=""
                                                                        id="tipo_certificado" readonly>
                                                                    <div class="text-danger"
                                                                        id="message_tipo_certificado"></div>
                                                                </div>
                                                                <div class="col-lg-6 mb-3 col-md-6">
                                                                    <label class="form-label">Folio</label>
                                                                    <input type="text" name="folio_conocer"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->folio_diploma ?? '' }}"
                                                                        placeholder="" id="folio_conocer" readonly>
                                                                    <div class="text-danger" id="message_folio_conocer">
                                                                    </div>
                                                                </div>
                                                            </div>


                                                            <div class="accordion-body row">
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Corrección en Nombre</label>
                                                                    <input type="text" name="correccion_nombre"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_cambio_nombre ?? '' }}"
                                                                        placeholder="" id="correccion_nombre" readonly>
                                                                    <div class="text-danger"
                                                                        id="message_correccion_nombre"></div>
                                                                </div>
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Corrección en CURP</label>
                                                                    <input type="text" name="correccion_curp"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_cambio_curp ?? '' }}"
                                                                        placeholder="" id="correccion_curp" readonly>
                                                                    <div class="text-danger" id="message_correccion_curp">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Corrección en Foto</label>
                                                                    <input type="text" name="correccion_foto"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_cambio_foto ?? '' }}"
                                                                        placeholder="" id="correccion_foto" readonly>
                                                                    <div class="text-danger" id="message_correccion_foto">
                                                                    </div>
                                                                </div>
                                                            </div>


                                                            <div class="accordion-body row">
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Nombre Actual</label>
                                                                    <input type="text" name="nombre_actual"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_nombre_actual ?? '' }}"
                                                                        placeholder="" id="nombre_actual" readonly>
                                                                    <div class="text-danger" id="message_nombre_actual">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">CURP Actual</label>
                                                                    <input type="text" name="curp_actual"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_curp_actual ?? '' }}"
                                                                        placeholder="" id="curp_actual" readonly>
                                                                    <div class="text-danger" id="message_curp_actual">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Nota: Foto</label>
                                                                    <textarea name="nota_foto" class="form-control" id="nota_foto" readonly>{{ $alumnoConocer->conocer_foto_nota ?? '' }}</textarea>
                                                                    <div class="text-danger" id="message_nota_foto"></div>
                                                                </div>
                                                            </div>


                                                            <div class="accordion-body row">
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Documento dice:</label>
                                                                    <input type="text" name="nombre_dice"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_nombre_correcto ?? '' }}"
                                                                        placeholder="" id="nombre_dice" readonly>
                                                                    <div class="text-danger" id="message_nombre_dice">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Documento dice:</label>
                                                                    <input type="text" name="curp_dice"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_curp_correcto ?? '' }}"
                                                                        placeholder="" id="curp_dice" readonly>
                                                                    <div class="text-danger" id="message_curp_dice"></div>
                                                                </div>

                                                                <div class="col-lg-4 mb-3 col-md-6">
                                                                    <label class="form-label">Folio Solicitud:</label>
                                                                    <input type="text" name="curp_dice"
                                                                        class="form-control"
                                                                        value="{{ $alumnoConocer->conocer_folio_solicitud ?? '' }}"
                                                                        placeholder="" id="curp_dice" readonly>
                                                                    <div class="text-danger" id="message_curp_dice"></div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                            <!-------------------------------------------------- END SECCION CONOCER -------------------------------------------------->
                                            @if ($estatusAula != 'A1')
                                                <div class="accordion accordion-with-icon accordion-primary collapsed"
                                                    id="accordion-formatos">
                                                    <div class="accordion-item">

                                                        <h2 class="accordion-header accordion-header-primary"
                                                            id="headingOneF">
                                                            <button
                                                                class="accordion-button {{ $estatusAula == 'B1' ? '' : 'collapsed' }}"
                                                                type="button" data-bs-toggle="collapse"
                                                                data-bs-target="#collapseOneF">
                                                                <span class=" ri-book-open-line fs-3"></span>
                                                                <span class="accordion-header-text">Formatos</span>
                                                            </button>
                                                        </h2>
                                                        <div id="collapseOneF"
                                                            class="accordion-collapse collapse {{ $estatusAula == 'B1' ? 'show' : '' }}"
                                                            aria-labelledby="headingOneF"
                                                            data-bs-parent="#accordion-formatos">
                                                            <div class="accordion-body row">
                                                                @php
                                                                    $estatusBasicos = ['B0', 'B1', 'B4', 'B5'];
                                                                    $estatusAvanzados = [
                                                                        'C1',
                                                                        'C3',
                                                                        'C5',
                                                                        'D0',
                                                                        'D1',
                                                                        'E0',
                                                                        'F0',
                                                                        'G0',
                                                                        'Z0',
                                                                    ];
                                                                @endphp
                                                                <!--if (in_array($estatusAula, array_merge($estatusBasicos, $estatusAvanzados)))-->
                                                                @if ($aula->estatus != 'A')
                                                                    <div class="col-lg-4 col-md-6 d-grid">
                                                                        <a href="{{ route('formatos.asistencia', ['aula_id' => $aula->id]) }}"
                                                                            target="_blank"
                                                                            class="btn light btn-success w-100 h-100">
                                                                            <span class=" ri-bill-line fs-3"></span>
                                                                            <span class="btn-text">ASISTENCIA</span>
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-6 d-grid">
                                                                        <a href="{{ route('formatos.evaluaciones', ['aula_id' => $aula->id]) }}"
                                                                            target="_blank"
                                                                            class="btn light btn-warning w-100 h-100">
                                                                            <span class=" ri-file-list-3-line   le-invoice fs-3"></span>
                                                                            <span class="btn-text">EVALUACIONES</span>
                                                                        </a>
                                                                    </div>

                                                                    @if (!in_array($estatusAula, ['X', 'A1', 'A2']) && $aula->curso_tipo != 7)
                                                                        <div class="col-lg-4 col-md-6 d-grid">
                                                                            <a href="{{ route('downloadContratoGet', ['aula_id' => $aula->id, 'id_aula' => request('id'), 'au_in_id' => $aula->instructor_id, 'au_unidad' => $aula->unidad]) }}"
                                                                                target="_blank"
                                                                                class="btn light btn-dark w-100 h-100">
                                                                                <span
                                                                                    class=" ri-download-2-line fs-3"></span>
                                                                                <span class="btn-text">GENERAR
                                                                                    CONTRATO</span>
                                                                            </a>
                                                                        </div>
                                                                    @endif


                                                                    @if (in_array($estatusAula, $estatusAvanzados))


                                                                        <div class="w-100 my-1" style="height:18px;">
                                                                        </div>

                                                                        <div class="col-lg-4 col-md-6 d-grid">
                                                                            <a href="{{ route('formatos.riacdInscripcion', ['aula_id' => $aula->id]) }}"
                                                                                target="_blank"
                                                                                class="btn light btn-primary w-100 h-100">
                                                                                <span
                                                                                    class=" ri-bill-line fs-3"></span>
                                                                                <span class="btn-text">RIACD
                                                                                    INSCRIPCIÓN</span>
                                                                            </a>
                                                                        </div>


                                                                        <!-- <div class="col-lg-4 col-md-6 d-grid">
                                                                                    <a href="{{ route('formatos.riacdInscripcion2', ['aula_id' => $aula->id]) }}" target="_blank" class="btn light btn-primary w-100 h-100">
                                                                                        <span class=" ri-bill-line fs-3"></span>
                                                                                        <span class="btn-text">RIACD INSCRIPCIÓN 2</span>
                                                                                    </a>
                                                                                </div> -->

                                                                        @if (in_array($estatusAula, ['E0', 'F0', 'G0', 'G1', 'G2', 'G3', 'Z', 'Z0']))
                                                                            <div class="col-lg-4 col-md-6 d-grid">
                                                                                <a href="{{ route('formatos.riacd', ['aula_id' => $aula->id]) }}"
                                                                                    target="_blank"
                                                                                    class="btn light btn-danger w-100 h-100">
                                                                                    <span
                                                                                        class=" ri-bill-line fs-3"></span>
                                                                                    <span class="btn-text">RIACD</span>  
                                                                                </a>
                                                                            </div>
                                                                            <div class="col-lg-4 col-md-6 d-grid">
                                                                                <a href="{{ route('formatos.rdod10', ['aula_id' => $aula->id]) }}"
                                                                                    target="_blank"
                                                                                    class="btn btn-secondary w-100 h-100">
                                                                                    <span
                                                                                        class=" ri-bill-line fs-3"></span>
                                                                                    <span class="btn-text">RDOD-10</span>
                                                                                </a>
                                                                            </div>
                                                                        @endif
                                                                    @endif

                                                                    @if ($encuestasPendientes == 0 && $totalAcreditadosEncuesta > 0)
                                                                        <div class="w-100 my-1" style="height:18px;">
                                                                        </div>

                                                                        <div class="col-lg-4 col-md-6 d-grid">
                                                                            <a href="{{ route('reportes.encuestas.pdf', ['aulaId' => $aula->id]) }}"
                                                                                target="_blank"
                                                                                class="btn light btn-info w-100 h-100">
                                                                                <span class=" ri-file-pdf-2-line fs-3"></span>
                                                                                <span class="btn-text">REPORTE
                                                                                    SATISFACCIÓN</span>
                                                                            </a>
                                                                        </div>
                                                                    @endif

                                                                @endif



                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif


                                            <div class="accordion accordion-with-icon accordion-primary {{ $aula->convenio_clave ? '' : 'd-none' }}"
                                                id="accordion-convenio">
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header accordion-header-primary"
                                                        id="headingOne6">
                                                        <button class="accordion-button collapsed" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#acc_convenio">
                                                            <span class=" ri-team-line fs-3"></span>
                                                            <span class="accordion-header-text">Convenio</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_convenio" class="accordion-collapse collapse"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-convenio">
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Numero de convenio</label>
                                                                <input type="text" name="numero_convenio"
                                                                    class="form-control"
                                                                    value="{{ $aula->convenio_clave }}"
                                                                    placeholder="" id="numero_convenio"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('numero_convenio')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Nombre de  Empresa</label>
                                                                <input type="text" name="nombre_empresa"
                                                                    class="form-control"
                                                                    value="{{ $aula->convenio_empresa }}"
                                                                    placeholder="" id="nombre_empresa"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('nombre_empresa')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Nombre del Representante</label>
                                                                <input type="text" name="nombre_representante"
                                                                    class="form-control"
                                                                    value="{{ $aula->convenio_representante }}"
                                                                    placeholder="" id="nombre_representante"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('nombre_representante')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Puesto del Representante</label>
                                                                <input type="text" name="puesto_representante"
                                                                    class="form-control"
                                                                    value="{{ $aula->convenio_puesto }}"
                                                                    placeholder="" id="puesto_representante"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('puesto_representante')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cfp"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion accordion-with-icon accordion-primary"
                                                id="accordion-desglose">
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header accordion-header-primary"
                                                        id="headingOne6">
                                                        <button
                                                            class="accordion-button {{ $estatusAula == 'A1' ? '' : 'collapsed' }}"
                                                            type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#acc_desglose">
                                                            <span class=" ri-calendar-line fs-3"></span>
                                                            <span class="accordion-header-text">Desglose Aula</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_desglose"
                                                        class="accordion-collapse collapse {{ $estatusAula == 'A1' ? 'show' : '' }}"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-desglose">
                                                        <div class="accordion-body row">
                                                            <!-- ... Programacion del curso ... -->
                                                            <div class="row col-lg-6 mb-3 col-md-6">
                                                                <div class="col-lg-12 mb-3 col-md-6">
                                                                    <label class="form-label text-center"> Fecha
                                                                        Inicio</label>
                                                            <div class="input-group">
                                                                <span class="input-group-text">
                                                                    <i class=" ri-calendar-line fs-3"></i>
                                                                </span>
                                                                    <input type="text" class="form-control text-center"
                                                                        name="fecha_inicio"
                                                                        value="{{ \Carbon\Carbon::parse($aula->fecha_inicia)->format('d/m/Y') }}"
                                                                        id="fecha_inicio" readonly>
                                                                    </div>
                                                                    @error('fecha_inicio')
                                                                        <div class="text-danger">{{ $message }}</div>
                                                                    @enderror
                                                                    <div class="text-danger" id="message_fecha_inicio">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-12 mb-3 col-md-6 align-items-center">
                                                                    <label class="form-label">Fecha Termino</label>
                                                            <div class="input-group">
                                                                <span class="input-group-text">
                                                                    <i class=" ri-calendar-line fs-3"></i>
                                                                </span>
                                                                    <input type="text" class="form-control text-center"
                                                                        name="fecha_termino"
                                                                        value="{{ \Carbon\Carbon::parse($aula->fecha_termina)->format('d/m/Y') }}"
                                                                        id="fecha_termino" readonly>
                                                            </div>
                                                                    @error('fecha_termino')
                                                                        <div class="text-danger">{{ $message }}</div>
                                                                    @enderror
                                                                    <div class="text-danger" id="message_fecha_termino">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-12 mb-3 col-md-6 d-flex justify-content-center"
                                                                    id="">
                                                                    <div class="" id="dias_curso"> </div>
                                                                </div>

                                                                @php
                                                                    $dias_seleccionar = $dias_imparticion;
                                                                    $horario = $horarios_activos;
                                                                    $dias = [
                                                                        'Lunes',
                                                                        'Martes',
                                                                        'Miercoles',
                                                                        'Jueves',
                                                                        'Viernes',
                                                                        'Sabado',
                                                                        'Domingo',
                                                                    ];

                                                                    if (!function_exists('generarHorarios')) {
                                                                        function generarHorarios($inicio, $fin)
                                                                        {
                                                                            $horarios = [];
                                                                            for ($h = $inicio; $h <= $fin; $h++) {
                                                                                $horarios[] = sprintf('%02d:00', $h);
                                                                                if ($h < $fin) {
                                                                                    $horarios[] = sprintf(
                                                                                        '%02d:30',
                                                                                        $h,
                                                                                    );
                                                                                }
                                                                            }
                                                                            return $horarios;
                                                                        }
                                                                    }

                                                                    $horarios_inicio = generarHorarios(6, 21);
                                                                    $horarios_fin = generarHorarios(6, 22);
                                                                @endphp

                                                                <div class="text-danger" id="message_dias"></div>

                                                                @foreach ($dias as $dia)
                                                                    @php
                                                                        $dia_id = strtolower($dia);
                                                                        $dia_mayus = strtoupper($dia);
                                                                        $activo = in_array(
                                                                            $dia_mayus,
                                                                            $dias_seleccionar,
                                                                        );
                                                                        $desde_seleccionado =
                                                                            $activo && isset($horario[$dia_mayus])
                                                                                ? $horario[$dia_mayus]['desde']
                                                                                : null;
                                                                        $hasta_seleccionado =
                                                                            $activo && isset($horario[$dia_mayus])
                                                                                ? $horario[$dia_mayus]['hasta']
                                                                                : null;
                                                                    @endphp

                                                                    <div class="row align-items-center">
                                                                        <div
                                                                            class="col-lg-6 mb-3 col-md-6 d-flex align-items-center">
                                                                            <div
                                                                                class="form-check custom-checkbox mb-0 me-3">
                                                                                <input type="checkbox"
                                                                                    class="form-check-input dia-checkbox"
                                                                                    id="customCheckBox_{{ $dia_id }}"
                                                                                    data-dia="{{ $dia_id }}"
                                                                                    name="dias[{{ $dia_id }}][activo]"
                                                                                    {{ $activo ? 'checked' : '' }}
                                                                                    disabled>
                                                                                <label class="form-check-label ms-2"
                                                                                    for="customCheckBox_{{ $dia_id }}">{{ $dia }}</label>
                                                                            </div>
                                                                        </div>

                                                                        <div
                                                                            class="col-lg-6 mb-3 col-md-6 d-flex align-items-center">
                                                                            <select
                                                                                class="form-control ms-2 horario-select {{ $activo ? 'bg-light' : '' }}"
                                                                                name="dias[{{ $dia_id }}][inicio]"
                                                                                id="horario_inicio_{{ $dia_id }}"
                                                                                {{ $activo ? '' : 'disabled' }} disabled>
                                                                                @foreach ($horarios_inicio as $hora)
                                                                                    <option value="{{ $hora }}"
                                                                                        {{ $hora === $desde_seleccionado ? 'selected' : '' }}>
                                                                                        {{ $hora }}
                                                                                    </option>
                                                                                @endforeach
                                                                            </select>

                                                                            <select
                                                                                class="form-control ms-2 horario-select {{ $activo ? 'bg-light' : '' }}"
                                                                                name="dias[{{ $dia_id }}][fin]"
                                                                                id="horario_fin_{{ $dia_id }}"
                                                                                {{ $activo ? '' : 'disabled' }} disabled>
                                                                                @foreach ($horarios_fin as $hora)
                                                                                    <option value="{{ $hora }}"
                                                                                        {{ $hora === $hasta_seleccionado ? 'selected' : '' }}>
                                                                                        {{ $hora }}
                                                                                    </option>
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                            <div class="col-lg-6 mb-3 col-md-6 text-center"
                                                                id="resumen">
                                                                <h5>Desglose de horas</h5>
                                                                <div class="card align-items-center">
                                                                    <i class=" ri-time-line ri-size-5x my-0"
                                                                        id=""></i>
                                                                    <ul class="list-group list-group-flush text-center">
                                                                        <li class="list-group-item">
                                                                            <span class="mb-0">Horas Totales:</span>
                                                                            <strong id="hrsTotales"></strong></li>
                                                                        <li class="list-group-item">
                                                                            <span
                                                                                class="mb-0">Horas por Mes:
                                                                                :</span>
                                                                               </i><span id="hrsMes"></span>
                                                                        </li>
                                                                        <li class="list-group-item text-bold">
                                                                            <strong class="mb-0">Horas por semana:</strong>
                                                                            <ul class="text-left" >
                                                                               <span id="hrsSemana"></span>
                                                                            </ul>
                                                                        </li>
                                                                        <li class="list-group-item"><span
                                                                                class="mb-0">N&uacute;mero de
                                                                                Sesiones:</span><strong
                                                                                id="sesiones"></strong>
                                                                        </li>
                                                                        <li class="list-group-item text-center">
                                                                            <span class="mb-0">D&iacute;as
                                                                                Inh&aacute;biles:</span>
                                                                        </li>
                                                                    </ul>
                                                                    <div class="col-lg-6 mb-3 col-md-6 text-center">
                                                                        <strong class="mb-0"
                                                                            id="dias_inhabiles"></strong>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!--Termina Programacion--->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 mb-3 col-md-6 d-flex justify-content-center">
                                            <button type="submit" class="btn btn-success w-50 d-none"
                                                id="btn-guardar-aula">Guardar Aula</button>
                                        </div>
                                    </form>
                                    <input type="hidden" id="capacitandosAgregados" value="{{ $guardarEstatusA }}">
                                    <input type="hidden" name="id" id="id" value="{{ $aula->id }}">
                                    <input type="hidden" name="estatus" id="estatus"
                                        value="{{ $aula->estatus }}">
                                    <input type="hidden" name="estatus_capacitandos"
                                        value="{{ $aula->estatus_capacitandos }}" id="estatus_capacitandos">
                                    <input type="hidden" name="terminarRevisionFacturas"
                                        value="{{ $terminarRevisionFacturas }}" id="terminarRevisionFacturas">

                                    <input type="hidden"
                                        value="@puede('Aulas', 'aula_guardar_capacitando')
1
@endpuede"
                                        id="puedeAcreditar">
                                    <!---------------------------- OBSERVACIONES DEL AULA ---------------------------------------------------->
                                    <div class="accordion accordion-with-icon accordion-primary"
                                        id="accordion-observaciones">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                                <button
                                                    class="accordion-button {{ !$aula->observacion == '' ? '' : 'collapsed' }}"
                                                    type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#acc_observaciones">
                                                    <span class=" ri-eye-line"></span>
                                                    <span class="accordion-header-text">Observaciones Aula </span>
                                                </button>
                                            </h2>
                                            <div id="acc_observaciones"
                                                class="accordion-collapse collapse {{ !$aula->observacion ? '' : 'show' }}"
                                                aria-labelledby="headingOne6" data-bs-parent="#accordion-observaciones">
                                                <div class="accordion-body row">
                                                    <div class="col-lg-12 mb-3 col-md-6 text-center">
                                                        <p class="card-text">
                                                            {{ $aula->observacion ?: 'SIN OBSERVACIONES' }}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!------------------------------------------------ CONTRATO, ACORDEON PARA VER CONTRATO JURIDICO------------------------------------------>
                                    @if (($aula->estatus != 'A' && $aula->juridico_estatus != 3 && (auth()->user()->isAdministrator()5 || auth()->user()->hasProfile('Vinculación')) && $aula->curso_tipo != 7) || $estatusAula == 'Z0')
                                        <div class="accordion accordion-with-icon accordion-primary"
                                            id="accordion-contrato">
                                            <div class="accordion-item">
                                                <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                                    <button class="accordion-button collapsed" type="button"
                                                        data-bs-toggle="collapse" data-bs-target="#acc_contrato">
                                                        <span class=" ri-file-line"></span>
                                                        <span class="accordion-header-text">Contrato</span>
                                                    </button>
                                                </h2>
                                                <div id="acc_contrato"
                                                    class="accordion-collapse collapse {{ (auth()->user()->isAdministrator()5 || auth()->user()->hasProfile('Vinculación')) ? 'show' : '' }}"
                                                    aria-labelledby="headingOne6" data-bs-parent="#accordion-contrato">
                                                    <div class="accordion-body row">
                                                        <div id="preview_curriculum" class="mb-0">
                                                            @if ($aula->file_contrato)
                                                                <iframe src="{{ asset($aula->file_contrato) }}"
                                                                    width="100%" height="800px"></iframe>
                                                            @else
                                                                <div class="text-danger">Todavía no se ha cargado
                                                                    ningún archivo
                                                                </div>
                                                                <iframe src="" width="100%" height="800px">
                                                                </iframe>
                                                            @endif
                                                        </div>
                                                        @if ($aula->juridico_estatus != 3 && $aula->juridico_estatus != 2)
                                                            @php
                                                                $permisoAceptarContrato = Gate::allows('permiso', ['Aulas', 'aceptar_contrato']);
                                                                $permisoAceptarContratoEvaluacion = Gate::allows('permiso', ['Aulas', 'aceptar_contrato_evaluacion']);

                                                                $permisoRechazarContrato = Gate::allows('permiso', ['Aulas', 'rechazar_contrato']);
                                                                $permisoRechazarContratoEvaluacion = Gate::allows('permiso', ['Aulas', 'rechazar_contrato_evaluacion']);
                                                            @endphp
                                                            @if ($permisoRechazarContrato || ($aula->curso_tipo == 4 && $permisoRechazarContratoEvaluacion))
                                                                <div class="col-lg-6 mb-3 col-md-6">
                                                                    <button type="button" class="btn btn-danger w-100 mt-3"
                                                                        data-bs-toggle="modal"
                                                                        data-bs-target="#rechazar_contrato">Rechazar Contrato
                                                                    </button>
                                                                </div>
                                                            @endif
                                                            @if ($permisoAceptarContrato || ($aula->curso_tipo == 4 && $permisoAceptarContratoEvaluacion))
                                                                <div class="col-lg-6 mb-3 col-md-6">
                                                                    <button type="button" class="btn btn-success w-100 mt-3"
                                                                        data-bs-toggle="modal"
                                                                        data-bs-target="#autorizar_contrato">Autorizar</button>
                                                                </div>
                                                            @endif
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!--------------------------------------------- TABLA AGREGAR CAPACITANDOS Y FACTURAS ------------------------------------->
                                    @puede('Aulas', 'aula_guardar_capacitando')
                                        @if (
                                            $estatusAula == 'B0' ||
                                                ($aula->juridico_estatus != '3' && $estatusAula != 'A1' && $estatusAula != 'A2') ||
                                                ($aula->estatus == 'B' && $aula->juridico_estatus == '3') ||
                                                $aula->estatus == 'D')
                                            <div class="accordion accordion-with-icon accordion-primary "
                                                id="accordion-add-capacitandos">
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                                        <button class="accordion-button" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#acc_add_capacitandos">
                                                            <span class=" ri-upload-cloud-2-line"></span>
                                                            <span class="accordion-header-text">Capacitandos, Contrato y
                                                                Pagos de Capacitandos </span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_add_capacitandos" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-add-capacitandos">
                                                        <div class="accordion-body row">
                                                            @if ($aula->estatus == 'B' || $aula->estatus == 'D')
                                                                @include('application.Aulas.view_aula')
                                                                <div class="msg-error mb-3 text-danger d-none"
                                                                    id="div_msg_error">
                                                                    <strong id="msg_error"></strong>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endpuede
                                    @if ($aula->estatus_capacitandos != 3 && $aula->estatus_capacitandos != 1 && $aula->estatus == 'A')
                                        <div class="alert alert-warning alert-dismissible fade show d-none"
                                            id="div_alert_capacitandos_agregados">
                                            <i class="ri-error-warning-line alert-icon" aria-hidden="true"></i>
                                            <strong class="text-primary">Advertencia!</strong><span class="text-primary">
                                                Ya
                                                se agregaron todos los alumnos de esta aula</span>
                                            <button type="button" class="btn-close" data-bs-dismiss="alert"
                                                aria-label="btn-close">
                                            </button>
                                        </div>
                                    @endif
                                    <!----------------------------------------------- TABLA CAPACITANDOS ------------------------------------------------------------------->
                                    @if (
                                        ($aula->estatus != 'A' && !auth()->user()->hasProfile('Unidad')) ||
                                            ($aula->estatus != 'A' && $estatusAula != 'B4' && $estatusAula != 'B5' && auth()->user()->hasProfile('Técnico Académico')) ||
                                            ($aula->estatus != 'A' && $estatusAula != 'B4' && $estatusAula != 'B5' && auth()->user()->hasProfile('Unidad')))
                                        <div class="accordion accordion-with-icon accordion-primary  {{ $aula->estatus == 'A' && $aula->estatus_capacitandos == 3 && auth()->user()->hasProfile('Técnico Académico') ? 'd-none' : '' }} {{ $aula->estatus == 'G' ? '' : '' }}"
                                            id="accordion-capacitandos">
                                            <div class="accordion-item">
                                                <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                                    <button class="accordion-button" type="button"
                                                        data-bs-toggle="collapse" data-bs-target="#acc_capacitandos">
                                                        <span class=" ri-graduation-cap-line"></span>
                                                        <span
                                                            class="accordion-header-text">{{ ($aula->estatus == 'B' && auth()->user()->hasProfile('Unidad') && $aula->estatus_capacitandos != 3) || ($aula->estatus == 'B' && auth()->user()->hasProfile('Técnico Académico') && $aula->estatus_capacitandos != 3) ? 'Capacitandos por Agregar ' : 'Capacitandos' }}<i
                                                                class=" ri-user-3-line fs-3"></i><strong id="st_capacitandos">
                                                                {{ ($aula->estatus == 'B' && auth()->user()->hasProfile('Técnico Académico') && $aula->estatus_capacitandos != 3) || ($aula->estatus == 'B' && auth()->user()->hasProfile('Unidad') && $aula->estatus_capacitandos != 3) ? $capacitandosPorAgregar : $capacitandos }}</strong></span>
                                                        <input type="hidden" id="capacitandosPorAgregar"
                                                            value="{{ $capacitandosPorAgregar }}">
                                                    </button>
                                                </h2>
                                                <div id="acc_capacitandos"
                                                    class="accordion-collapse collapse {{ $estatusAula != 'Z' ? 'show' : '' }} "
                                                    aria-labelledby="headingOne6"
                                                    data-bs-parent="#accordion-capacitandos">
                                                    <div class="accordion-body row">
                                                      @puede('Aulas','autorizar_convenio_facturas_capacitandos')
                                                        {{-- @if ($aula->estatus == 'B' && (auth()->user()->hasProfile('Financieros') || auth()->user()->isAdministrator())) 
                                                        @if ($aula->estatus == 'D' && (auth()->user()->hasProfile('Financieros') || auth()->user()->isAdministrator()))--}}
                                                        @if ($aula->estatus == 'D')
                                                            <div style="display:flex;justify-content:space-between;">
                                                            @if($aula->estatus_pagos_capacitandos!=3)
                                                                <div>
                                                                    <input class="form-check-input" type="checkbox" role="switch" id="llevaConvenio" 
                                                                    name="lleva_convenio" {{ $aula->lleva_convenio ? 'checked' : '' }}
                                                                    {{ $aula->convenio_estatus != 0 ? 'disabled' : '' }}>
                                                                    <label class="form-check-label" for="llevaConvenio">Lleva Convenio</label>
                                                                </div>
                                                            @endif
                                                                <div class="d-flex justify-content-end mb-2">
                                                                    {{-- Se quita el botón para no mostrar  vista que no contiene datos fiscales, sólo para aulas tipo 1 --}}
                                                                    @if (!$aula->lleva_convenio && !(auth()->user()->hasProfile('Financieros') && $aula->curso_tipo == 1))
                                                                        <button type="button"
                                                                            class="btn btn-outline-secondary btn-sm"
                                                                            id="toggleVistaCfdi">
                                                                            Vista sin CFDI
                                                                        </button>
                                                                    @elseif ($aula->convenio_file)
                                                                            <button type="button"
                                                                                class="btn btn-icat-rojo1 btn-sm"
                                                                                id="toggleVistaConvenio">
                                                                                Ver Convenio
                                                                            </button>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                            <div id="convenioAlert" class="alert alert-secondary alert-dismissible fade show {{ $aula->lleva_convenio && !$aula->convenio_estatus ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;">
                                                                El convenio se mostrará en esta vista cuando el documento sea agregado al sistema. Sólo podrá cambiarse mediante rechazo del mismo
                                                                <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                                                            </div>
                                                            <div id="convenioAlertRevisa" class="alert alert-secondary alert-dismissible fade show {{ $aula->convenio_estatus == 1 ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;">
                                                                El convenio está ahora en revisión. Oprima el botón "Ver Convenio" para validar o rechazar.
                                                                <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                                                            </div>
                                                          @endif
                                                        @endpuede
                                                        <div class="table-responsive" style="margin-top: 30px;">
                                                            <table id="capacitandos"
                                                                class="table display dataTable no-footertable capacitandos-table"
                                                                style="width:100%" role="grid" id="example3"
                                                                aria-describedby="example3_info">
                                                                <thead>
                                                                    <tr class="">
                                                                        <th class="sorting auto-width" tabindex="0"
                                                                            aria-controls="example3" rowspan="1"
                                                                            colspan="1"
                                                                            aria-label="Education: activate to sort column ascending"
                                                                            width="1%">
                                                                            NO.
                                                                        </th>
                                                                        <th class="sorting auto-width" tabindex="0"
                                                                            aria-controls="example3" rowspan="1"
                                                                            colspan="1"
                                                                            aria-label="Education: activate to sort column ascending">
                                                                            NO. CONTROL
                                                                        </th>
                                                                        <th class="sorting auto-width" tabindex="0"
                                                                            aria-controls="example3" rowspan="1"
                                                                            colspan="1"
                                                                            aria-label="Education: activate to sort column ascending"
                                                                            nowrap>
                                                                            CAPACITANDO
                                                                        </th>
                                                                        {{-- @if ($aula->estatus == 'B' && auth()->user()->hasProfile('Financieros')) --}}
                                                                        @if ($aula->estatus == 'D' && auth()->user()->hasProfile('Financieros'))
                                                                            <th class="sorting auto-width cfdi-column"
                                                                                tabindex="0">
                                                                                FOLIO
                                                                            </th>
                                                                            <th class="sorting auto-width cfdi-column"
                                                                                tabindex="0">
                                                                                UUID
                                                                            </th>
                                                                            <th class="sorting auto-width cfdi-column"
                                                                                tabindex="0">
                                                                                FECHA FACT
                                                                            </th>
                                                                            <th class="sorting auto-width cfdi-column"
                                                                                tabindex="0">
                                                                                RFC EMISOR
                                                                            </th>
                                                                            <th class="sorting auto-width cfdi-column"
                                                                                tabindex="0">
                                                                                EMISOR
                                                                            </th>
                                                                            <th class="sorting auto-width cfdi-column"
                                                                                tabindex="0">
                                                                                TOTAL
                                                                            </th>
                                                                        @else
                                                                            <!--<th class="sorting auto-width" tabindex="0"
                                                                                aria-controls="example3" rowspan="1"
                                                                                colspan="1"
                                                                                aria-label="Education: activate to sort column ascending"
                                                                                nowrap>
                                                                                UNIDAD
                                                                            </th>-->
                                                                            <th class="sorting auto-width" tabindex="0"
                                                                                aria-controls="example3" rowspan="1"
                                                                                colspan="1"
                                                                                aria-label="Education: activate to sort column ascending"
                                                                                nowrap>
                                                                                @if ($aula->estatus == 'E' ||$aula->estatus == 'F' || $aula->estatus == 'G')
                                                                                    ACREDITO
                                                                                @else
                                                                                    ¿C&Oacute;MO SE ENTER&Oacute;?
                                                                                @endif
                                                                            </th>
                                                                        @endif
                                                                        <th class="sorting auto-width" tabindex="0"
                                                                            aria-controls="example3" rowspan="1"
                                                                            colspan="1"
                                                                            aria-label="Action: activate to sort column ascending">
                                                                            @if ($aula->estatus == 'E' || $aula->estatus == 'F' || $aula->estatus == 'G')
                                                                                @if ($aula->curso_tipo == 7)
                                                                                    FOLIO DOC | FOLIO SOLICITUD | FECHA DOC
                                                                                @else
                                                                                    FOLIO DOC. | FECHA DOC.
                                                                                @endif
                                                                            @else
                                                                                BECADO
                                                                            @endif
                                                                        </th>
                                                                        @if ($aula->curso_tipo != 6 && $aula->curso_tipo != 7 && !auth()->user()->hasProfile('Financieros'))
                                                                            <th class="sorting auto-width" tabindex="0"
                                                                                aria-controls="example3" rowspan="1"
                                                                                colspan="1"
                                                                                aria-label="Encuesta: activate to sort column ascending">
                                                                                ENCUESTA
                                                                            </th>
                                                                        @endif
                                                                        <th class="sorting auto-width" tabindex="0"
                                                                            aria-controls="example3" rowspan="1"
                                                                            colspan="1"
                                                                            aria-label="Action: activate to sort column ascending">
                                                                            @if ($aula->estatus == 'D' || $aula->estatus == 'X')
                                                                                ACREDITO
                                                                            @elseif ($aula->estatus == 'E')

                                                                            @elseif ($aula->estatus == 'F' || $aula->estatus == 'G')
                                                                                FECHA ENTREGA
                                                                            @else
                                                                                ACCIONES
                                                                            @endif
                                                                        </th>
                                                                    </tr>
                                                                </thead>

                                                                <div class="dataTables_scrollBody"
                                                                    style="position: relative; overflow: auto; max-height: 42vh; width: 100%;">
                                                                    <tbody>

                                                                    </tbody>
                                                                </div>
                                                            </table>

                                                            {{-- VISOR PDF CONVENIO --}}
                                                            @if ($aula->lleva_convenio && $aula->convenio_file)
                                                                @if ($aula->convenio_estatus == 1)
                                                                    <div id="convenioAlertRevisa" class="alert alert-secondary alert-dismissible fade show {{ $aula->convenio_estatus == 1 ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;">
                                                                        El convenio está en estatus de revisión, debe rechazar o autorizar el convenio.
                                                                        <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                                                                    </div>
                                                                @elseif ($aula->convenio_estatus == 2)
                                                                    <div id="convenioAlertRevisa" class="alert alert-danger alert-dismissible fade show {{ $aula->convenio_estatus == 2 ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;">
                                                                        El convenio está en estatus rechazado, no hay acciones que realizar de su parte.
                                                                        <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                                                                    </div>
                                                                @elseif ($aula->convenio_estatus == 3)
                                                                    <div id="convenioAlertRevisa" class="alert alert-success alert-dismissible fade show {{ $aula->convenio_estatus == 3 ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;color">
                                                                        El convenio está en estatus aceptado, no hay acciones que realizar de su parte.
                                                                        <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                                                                    </div>
                                                                @endif

                                                                <div id="vistaConvenioViewer" class="d-none mt-3">
                                                                    <p class="fw-bold mb-1">Convenio {{ $aula->clave_registro }}</p>
                                                                    <iframe src="{{ asset($aula->convenio_file) }}" width="100%" height="600px" class="border rounded"></iframe>
                                                                </div>

                                                                @if ($aula->convenio_estatus == 1)
                                                                <div id="botonesConvenio" class="d-none">
                                                                    <div style="margin-bottom:30px;margin-bottom:30px;display:flex;">
                                                                        <div class="col-lg-6 mb-3 col-md-6">
                                                                            <button type="button" class="btn btn-danger w-100 mt-3"
                                                                                data-bs-toggle="modal" data-bs-target="#rechazar_convenio">Rechazar Convenio
                                                                            </button>
                                                                        </div>
                                                                        <div>&nbsp;</div>
                                                                        <div class="col-lg-6 mb-3 col-md-6">
                                                                            <button type="button" class="btn btn-success w-100 mt-3"
                                                                                data-bs-toggle="modal" data-bs-target="#autorizar_convenio">Autorizar Convenio
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                
                                                            @endif

                                                            @if ($aula->estatus == 'X' && !$aula->estatus_cancelada)
                                                                @php
                                                                    $estatusCancelado = $aula->estatus_cancelada;
                                                                    $config = [
                                                                        'D' => [
                                                                            'btn' => 'info',
                                                                            'icon' => 'ri-list-check',
                                                                            'text' => 'white',
                                                                        ],
                                                                        'B0' => [
                                                                            'btn' => 'primary',
                                                                            'icon' => 'ri-file-edit-line',
                                                                            'text' => 'white',
                                                                        ],
                                                                        'B1' => [
                                                                            'btn' => 'warning',
                                                                            'icon' => ' ri-graduation-cap-line fs-4',
                                                                            'text' => 'dark',
                                                                        ],
                                                                        'B2' => [
                                                                            'btn' => 'danger',
                                                                            'icon' => ' ri-graduation-cap-line fs-4',
                                                                            'text' => 'white',
                                                                        ],
                                                                    ];
                                                                    $key =
                                                                        substr($estatusCancelado, 0, 1) === 'D'
                                                                            ? 'D'
                                                                            : $estatusCancelado;
                                                                    $btn = $config[$key] ?? null;
                                                                @endphp
                                                                <div class="text-center mt-4">
                                                                    <span>{{ ($aula->estatus_cancelada) ?  'Estatus Aula' : '' }} </span>
                                                                    <strong>{{ $estatusCancelado }}</strong>
                                                                    @if ($btn)
                                                                        <button type="submit"
                                                                            class="btn btn-{{ $btn['btn'] }} text-{{ $btn['text'] }} shadow btn-xs sharp me-1">
                                                                            <i class="{{ $btn['icon'] }}"
                                                                                data-bs-toggle="tooltip"></i>
                                                                        </button>
                                                                    @endif
                                                                    <span>{{ ($aula->estatus_cancelada) ?  'Fecha cancelación' : '' }} </span>
                                                                    <strong>
                                                                        {{ ($aula->estatus_cancelada) ? \Carbon\Carbon::parse($aula->fecha_cancelada)->format('d/m/Y H:i') : '' }}
                                                                    </strong>
                                                                </div>
                                                            @endif
                                                            @puede('Aulas', 'enviar_aula_revision')
                                                                @if ($aula->estatus_capacitandos != 1 && $aula->estatus_capacitandos != 3)
                                                                    <div class="text-center">
                                                                        <button class="btn btn-success w-50 d-none"
                                                                            id="btnEnviarCapacitandosRevision"
                                                                            data-bs-toggle="modal"
                                                                            data-bs-target="#guardar_capacitandos">
                                                                            Enviar a Revsi&oacute;n
                                                                        </button>
                                                                    </div>
                                                                @endif
                                                            @endpuede
                                                            @puede('Aulas', 'acreditar_aula')
                                                                @if ($aula->estatus == 'D' || $aula->estatus == 'X')
                                                                    <div class="text-center">
                                                                        <button class="btn btn-success w-50 d-none"
                                                                            id="btnTerminarAcreditacion"
                                                                            data-bs-toggle="modal"
                                                                            data-bs-target="#terminar_acreditacion">
                                                                            Terminar Acreditaci&oacute;n
                                                                        </button>
                                                                    </div>
                                                                @endif
                                                                @if ($aula->estatus == 'F')
                                                                    <div class="text-center">
                                                                        <button class="btn btn-success w-50 d-none"
                                                                            id="btnTerminarEntregDiplomas"
                                                                            data-bs-toggle="modal"
                                                                            data-bs-target="#terminar_acreditacion">
                                                                            Terminar Entrega
                                                                        </button>
                                                                    </div>
                                                                @endif
                                                            @endpuede
                                                            <input type="hidden" name=""
                                                                value="{{ $terminarAcreditacion }}"
                                                                id="terminarAcreditacion">
                                                            {{-- @if ($aula->estatus == 'B' && $aula->estatus_capacitandos == 3) --}}
                                                            @if ($aula->estatus == 'D' && $aula->estatus_capacitandos == 3)
                                                                @puede('Aulas', 'aceptar_factura_capacitando')
                                                                    <div class="text-center d-none"
                                                                        id="btnTerminarRevisionFacturas">
                                                                        <button class="btn btn-success w-50"
                                                                            data-bs-toggle="modal"
                                                                            data-bs-target="#validar_facturas">
                                                                            Terminar Revsi&oacute;n
                                                                        </button>
                                                                        <!-- Inputs ocultos para control de facturas y capacitandos -->
                                                                        <input type="hidden" id="facturasValidadas"
                                                                            value="{{ $terminarRevisionFacturas ?? 0 }}">
                                                                        <input type="hidden" id="totalCapacitandos"
                                                                            value="{{ $capacitandos ?? 0 }}">
                                                                    </div>
                                                                @endpuede
                                                            @endif
                                                            <br>
                                                            @if ($aula->juridico_estatus != 3 && $aula->estatus == 'D')
                                                                <div
                                                                    class="alert alert-warning alert-dismissible fade show text-dark">
                                                                    <i class="ri-error-warning-line alert-icon" aria-hidden="true"></i>
                                                                    <strong>Advertencia!</strong> Hasta que se cuente con un
                                                                    contrato validado podra avanzar el aula
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="alert" aria-label="btn-close">
                                                                    </button>
                                                                </div>
                                                            @endif
                                                            @if ($aula->estatus_pagos_capacitandos != 3 && $aula->estatus == 'D')
                                                                <div
                                                                    class="alert alert-warning alert-dismissible fade show text-dark">
                                                                    <i class="ri-error-warning-line alert-icon" aria-hidden="true"></i>
                                                                    <strong>Advertencia!</strong> Hasta que se cuente con
                                                                    todas  facturas aprobadas podra avanzar el aula
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="alert" aria-label="btn-close">
                                                                    </button>
                                                                </div>
                                                            @endif
                                                            @if ($aula->estatus_encuesta != 1 && $aula->estatus == 'D' && !in_array($aula->curso_tipo, [4, 6, 7]))
                                                                <div
                                                                    class="alert alert-warning alert-dismissible fade show text-dark">
                                                                    <i class="ri-error-warning-line alert-icon" aria-hidden="true"></i>
                                                                    <strong>Advertencia!</strong> Hasta que se cuente con
                                                                    todas  encuestas se podrá avanzar el aula
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="alert" aria-label="btn-close">
                                                                    </button>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!---------------------------------------- VER CAPACITANDOS FOLIOS ESTATUS F ------------------------------------------->
                                    @if ($aula->estatus == 'Z')
                                        @include('application.Aulas.capacitandos_folios')
                                        <div class="msg-error mb-3 text-danger d-none" id="div_msg_error">
                                            <strong id="msg_error"></strong>
                                        </div>
                                    @endif
                                    <!---------------------------- ESTATUS G CARGA DE DOCUMENTOS DEL AULA ---------------------------------------------------->
                                    @if ($aula->estatus == 'G' || $aula->estatus == 'Z')
                                    <!--if ($aula->estatus == 'G' && in_array($aula->curso_tipo, [4, 7]) || $aula->estatus == 'Z' && in_array($aula->curso_tipo, [4, 7]))-->
                                        <div class="accordion accordion-with-icon accordion-primary mb-0 pb-0"
                                            id="accordion-upload-files">
                                            <div class="accordion-item">
                                                <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                                    <button class="accordion-button" type="button"
                                                        data-bs-toggle="collapse" data-bs-target="#acc_upload_files">
                                                        <span class=" ri-upload-2-line"></span>
                                                        <span class="accordion-header-text">Carga de Documentos</span>
                                                    </button>
                                                </h2>
                                                @if ($aula->curso_tipo != 7)
                                                    <div id="acc_upload_files" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-upload-files">
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-12 col-md-6">
                                                                <div class="row">
                                                                    <!----------------------------- CARGAR LISTA DE ASISTENCIA ------------------------->
                                                                    <div class="col-lg-6 mb-3 col-md-6">
                                                                        <label
                                                                            class="form-label {{ $cargarListaAsistencia }}">Lista
                                                                            de Asistencia
                                                                            (PDF)*</label>
                                                                        <div class="
                                                                        {{ $claseListaAsistencia }}"
                                                                            id="divListaAsistenciaEstatus">
                                                                            <strong class="me-2"
                                                                                id="msgListaAsistencia">
                                                                                @if ($aula->estatus_lista_asistencia == 3)
                                                                                    <i
                                                                                        class=" ri-checkbox-circle-line"></i>
                                                                                @endif
                                                                                {{ $estatusListaAsistencia }}
                                                                            </strong>
                                                                            <div class="text-primary {{ $aula->file_lista_asistencia_observaciones ? '' : 'd-none' }}" id="div_observacion_lista_asistencia">
                                                                                    OBSERVACIONES:
                                                                                    <strong><p id="p_observacion_lista_asistencia"><i class=" ri-alert-line text-danger"></i> {{ $aula->file_lista_asistencia_observaciones }}</p></strong>
                                                                            </div>    
                                                                        </div>
                                                                        @puede('Aulas', 'alta_aulaaa')
                                                                            <form
                                                                                class="d-flex add-lista-asistencia {{ $cargarListaAsistencia }}"
                                                                                action="{{ route('addListaAsistencia') }}"
                                                                                method="POST" enctype="multipart/form-data">
                                                                                @csrf
                                                                                <input class="form-control" type="file"
                                                                                    name="fileListaAsistencia" value=""
                                                                                    id="fileListaAsistencia"
                                                                                    accept="application/pdf" required
                                                                                    {{ $aula->estatus_lista_asistencia == 1 ? 'disabled' : '' }}>
                                                                                <button type="submit"
                                                                                    class="btn btn-success w-50 ms-3 {{ $cargarListaAsistencia }}">Subir
                                                                                </button>
                                                                                <input type="hidden" name="id_aula"
                                                                                    value="{{ $aula->id }}">
                                                                                <input type="hidden" name="clave_aula"
                                                                                    value="{{ $aula->clave_registro }}">
                                                                                <input type="hidden" name="id_unidad"
                                                                                    value="{{ $aula->unidad }}">
                                                                            </form>
                                                                        @endpuede
                                                                        <!--------------------------- VISTA PREVIA LISTA DE ASISTENCIA ------------------------------>
                                                                        <div class="accordion-item  mt-2 {{ !$aula->estatus_lista_asistencia ? 'd-none' : '' }}"
                                                                            id="divAsistencia">
                                                                            <h2 class="accordion-header accordion-header-primary"
                                                                                id="headingOne6">
                                                                                <button
                                                                                    class="accordion-button btn light btn-primary collapsed"
                                                                                    type="button"
                                                                                    data-bs-toggle="collapse"
                                                                                    data-bs-target="#accAsistencia">
                                                                                    <span class="accordion-header-text">
                                                                                        {{ $aula->estatus_lista_asistencia == 1 || $aula->estatus_lista_asistencia == 3
                                                                                            ? 'Lista Asistencia'
                                                                                            : 'Vista previa Lista Asistencia' }}
                                                                                    </span>
                                                                                </button>
                                                                            </h2>
                                                                            <div id="accAsistencia"
                                                                                class="accordion-collapse collapse"
                                                                                aria-labelledby="headingOne6"
                                                                                data-bs-parent="#accordion-six">
                                                                                <div class="accordion-body" id="previewAsistencia">
                                                                                @if (!empty($aula->file_lista_asistencia))
                                                                                    <iframe
                                                                                        class=""
                                                                                        src="{{ asset($aula->file_lista_asistencia) }}"
                                                                                        width="100%" height="800px">
                                                                                    </iframe>
                                                                                @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'rechazar_aula')
                                                                            @if ($aula->estatus_lista_asistencia == 1)
                                                                                <div class="row justify-content-center mt-2 gap-3 {{ $validarListaAsistencia }}"
                                                                                    id="divValidarListaAsistencia">
                                                                                    <button class="btn btn-success col-lg-5"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#autorizar_documento"
                                                                                        type="button"
                                                                                        data-nombre=" Lista de Asistencia"
                                                                                        data-tipo="ListaAsistencia">Validar</button>
                                                                                    </button>
                                                                                    <button class="btn btn-danger col-lg-5"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#rechazar_documento"
                                                                                        type="button"
                                                                                        data-nombre=" Lista de Asistencia"
                                                                                        data-tipo="ListaAsistencia">Rechazar</button>
                                                                                    </button>
                                                                                </div>
                                                                            @endif
                                                                        @endpuede
                                                                        <div id="messageAsistencia" class="text-danger">
                                                                        </div>
                                                                    </div>
                                                                    <!------------------------------------  RIACD ------------------------------------->
                                                                    <div class="col-lg-6 mb-3 col-md-6">
                                                                        <label
                                                                            class="form-label {{ $cargarRiacd }}">RIACD
                                                                            (PDF)*</label>
                                                                        <div class="
                                                                        {{ $claseRiacd }}"
                                                                            id="divRiacdEstatus">
                                                                            <strong class="me-2" id="msgRiacd">
                                                                                @if ($aula->estatus_riacd == 3)
                                                                                    <i
                                                                                        class=" ri-checkbox-circle-line"></i>
                                                                                @endif
                                                                                {{ $estatusRiacd }}
                                                                            </strong>
                                                                            <div class="text-primary {{ $aula->file_riacd_observaciones ? '' : 'd-none' }}" id="div_observacion_riacd"> 
                                                                                    OBSERVACIONES:
                                                                                    <strong><p id="p_observacion_riacd"><i class=" ri-alert-line text-danger"></i> {{ $aula->file_riacd_observaciones }}</p></strong>
                                                                            </div>    
                                                                        </div>
                                                                        @puede('Aulas', 'alta_aulaaa')
                                                                            <form
                                                                                class="d-flex add-riacd {{ $cargarRiacd }}"
                                                                                action="{{ route('addRiacd') }}"
                                                                                method="POST"
                                                                                enctype="multipart/form-data">
                                                                                @csrf
                                                                                <input class="form-control" type="file"
                                                                                    name="fileRiacd" value=""
                                                                                    id="fileRiacd" accept="application/pdf"
                                                                                    required>
                                                                                <button type="submit"
                                                                                    class="btn btn-success w-50 ms-3  {{ $cargarRiacd }}">Subir
                                                                                </button>
                                                                                <input type="hidden" name="id_aula"
                                                                                    value="{{ $aula->id }}">
                                                                                <input type="hidden" name="clave_aula"
                                                                                    value="{{ $aula->clave_registro }}">
                                                                                <input type="hidden" name="id_unidad"
                                                                                    value="{{ $aula->unidad }}">
                                                                            </form>
                                                                        @endpuede
                                                                        <!--------------------------- VISTA PREVIA RIACD ------------------------------>
                                                                        <div class="accordion-item mt-2 {{ !$aula->estatus_riacd ? 'd-none' : '' }}"
                                                                            id="divRiacd">
                                                                            <h2 class="accordion-header accordion-header-primary"
                                                                                id="headingOne6">
                                                                                <button
                                                                                    class="accordion-button btn light btn-primary collapsed"
                                                                                    type="button"
                                                                                    data-bs-toggle="collapse"
                                                                                    data-bs-target="#accRiacd">
                                                                                    <span class="accordion-header-text">
                                                                                        {{ $aula->estatus_riacd == 1 || $aula->estatus_riacd == 3 ? 'RIACD' : 'Vista previa RIACD' }}
                                                                                    </span>
                                                                                </button>
                                                                            </h2>
                                                                            <div id="accRiacd"
                                                                                class="accordion-collapse collapse"
                                                                                aria-labelledby="headingOne6"
                                                                                data-bs-parent="#accordion-six">
                                                                                <div class="accordion-body"
                                                                                    id="previewRiacd">
                                                                                    @if (!empty($aula->file_riacd))
                                                                                    <iframe
                                                                                        src="{{ asset($aula->file_riacd) }}"
                                                                                        width="100%" height="800px">
                                                                                    </iframe>
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'rechazar_aula')
                                                                            @if ($aula->estatus_riacd == 1)
                                                                                <div id="divValidarRiacd"
                                                                                    class="row justify-content-center mt-2 gap-3 {{ $riacdValidado }}">
                                                                                    <button class="btn btn-success col-lg-5"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#autorizar_documento"
                                                                                        type="button"
                                                                                        data-nombre="el RIACD"
                                                                                        data-tipo="Riacd">Validar
                                                                                    </button>
                                                                                    <button class="btn btn-danger col-lg-5"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#rechazar_documento"
                                                                                        type="button"
                                                                                        data-nombre="el RIACD"
                                                                                        data-tipo="Riacd">Rechazar</button>
                                                                                    </button>
                                                                                </div>
                                                                            @endif
                                                                        @endpuede
                                                                        <div id="messageRiacd" class="text-danger">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!----------------------------- CARGAR REPORTE FINAL ------------------------------------>
                                                                <div class="row">
                                                                    <div class="col-lg-6 mb-3 col-md-6">
                                                                        <label
                                                                            class="form-label {{ $cargarReporteFinal }}">Reporte
                                                                            Final (PDF)*</label>
                                                                        <div class="{{ $claseReporteFinal }}"
                                                                            id="divReporteFinalEstatus">
                                                                            <strong class="me-2" id="msgReporteFinal">
                                                                                @if ($reporteFinalValidado)
                                                                                    <i
                                                                                        class=" ri-checkbox-circle-line"></i>
                                                                                @endif
                                                                                {{ $estatusReporteFinal }}
                                                                            </strong>
                                                                            <div class="text-primary {{ $aula->estatus_reporte_final_observaciones ? '' : 'd-none' }}" id="div_observacion_reporte_final">
                                                                                    OBSERVACIONES:
                                                                                    <strong><p id="p_observacion_reporte_final"><i class=" ri-alert-line text-danger"></i> {{ $aula->file_reporte_final_observaciones }}</p></strong>
                                                                            </div>  
                                                                        </div>
                                                                        @puede('Aulas', 'alta_aulaaa')
                                                                            <form
                                                                                class="d-flex add-reporte-final {{ $cargarReporteFinal }}"
                                                                                action="{{ route('addReporteFinal') }}"
                                                                                method="POST"
                                                                                enctype="multipart/form-data">
                                                                                @csrf
                                                                                <input class="form-control" type="file"
                                                                                    name="fileReporteFinal" value=""
                                                                                    id="fileReporteFinal"
                                                                                    accept="application/pdf" required>
                                                                                <button type="submit"
                                                                                    class="btn btn-success w-50 ms-3 {{ $cargarReporteFinal }}">Subir
                                                                                </button>
                                                                                <input type="hidden" name="id_aula"
                                                                                    value="{{ $aula->id }}">
                                                                                <input type="hidden" name="clave_aula"
                                                                                    value="{{ $aula->clave_registro }}">
                                                                                <input type="hidden" name="id_unidad"
                                                                                    value="{{ $aula->unidad }}">
                                                                            </form>
                                                                        @endpuede
                                                                        <!--------------------------- VISTA PREVIA REPORTE FINAL ------------------------------>
                                                                        <div class="accordion-item mt-2 {{ !$aula->estatus_reporte_final ? 'd-none' : '' }}"
                                                                            id="divReporteFinal">
                                                                            <h2 class="accordion-header accordion-header-primary"
                                                                                id="headingOne6">
                                                                                <button
                                                                                    class="accordion-button btn light btn-primary collapsed"
                                                                                    type="button"
                                                                                    data-bs-toggle="collapse"
                                                                                    data-bs-target="#accReporteFinal">
                                                                                    <span class="accordion-header-text">
                                                                                        {{ $aula->estatus_reporte_final == 1 || $aula->estatus_reporte_final == 3 ? 'Reporte Final' : 'Vista previa Reporte Final' }}
                                                                                    </span>
                                                                                </button>
                                                                            </h2>
                                                                            <div id="accReporteFinal"
                                                                                class="accordion-collapse collapse {{ $aula->estatus_reporte_final == 1 || $aula->estatus_reporte_final == 3 ? '' : '' }}"
                                                                                aria-labelledby="headingOne6"
                                                                                data-bs-parent="#accordion-six">
                                                                                <div class="accordion-body" id="previewReporteFinal">
                                                                                 @if (!empty($aula->file_reporte_final))
                                                                                       <iframe
                                                                                        src="{{ asset($aula->file_reporte_final) }}"
                                                                                        width="100%" height="800px">
                                                                                    </iframe>
                                                                                @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'rechazar_aula')
                                                                            @if ($aula->estatus_reporte_final == 1)
                                                                                <div class="row justify-content-center mt-2 gap-3 {{ $reporteFinalValidado }}"
                                                                                    id="divValidarReporteFinal">
                                                                                    <button class="btn btn-success col-lg-5"
                                                                                        type="button"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#autorizar_documento"
                                                                                        data-nombre="el Reporte Final"
                                                                                        data-tipo="ReporteFinal">Validar</button>
                                                                                    </button>
                                                                                    <button class="btn btn-danger col-lg-5"
                                                                                        type="button"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#rechazar_documento"
                                                                                        data-nombre="el Reporte Final"
                                                                                        data-tipo="ReporteFinal">Rechazar</button>
                                                                                    </button>
                                                                                </div>
                                                                            @endif
                                                                        @endpuede
                                                                        <div id="messageReporteFinal"
                                                                            class="text-danger">
                                                                        </div>
                                                                    </div>
                                                                    <!----------------------------- CARGAR EVALUACION DEL CURSO ------------------------->
                                                                    <div class="col-lg-6 mb-3 col-md-6">
                                                                        <label
                                                                            class="form-label {{ $cargarEvaluacionCurso }}">Evaluaci&oacute;n
                                                                            del curso
                                                                            (PDF)*</label>
                                                                        <div class="
                                                                        {{ $claseEvaluacionCurso }}"
                                                                            id="divEvaluacionCursoEstatus">
                                                                            <strong class="me-2"
                                                                                id="msgEvaluacionCurso">
                                                                                @if ($aula->estatus_evaluacion_curso == 3)
                                                                                    <i
                                                                                        class=" ri-checkbox-circle-line"></i>
                                                                                @endif
                                                                                {{ $estatusEvaluacionCurso }}
                                                                            </strong>
                                                                            <div class="text-primary {{ $aula->file_evaluacion_curso_observaciones ? '' : 'd-none' }}" id="div_observacion_evaluacion_curso"> 
                                                                                    OBSERVACIONES:
                                                                                    <strong><p id="p_observacion_evaluacion_curso"><i class=" ri-alert-line text-danger"></i> {{ $aula->file_evaluacion_curso_observaciones }}</p></strong>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'alta_aulaaa')
                                                                            <form
                                                                                class="d-flex add-evaluacion-curso {{ $cargarEvaluacionCurso }}"
                                                                                action="{{ route('addEvaluacionCurso') }}"
                                                                                method="POST"
                                                                                enctype="multipart/form-data">
                                                                                @csrf
                                                                                <input class="form-control" type="file"
                                                                                    name="fileEvaluacionCurso"
                                                                                    value="" id="fileEvaluacionCurso"
                                                                                    accept="application/pdf" required>
                                                                                <button type="submit"
                                                                                    class="btn btn-success w-50 ms-3 {{ $cargarEvaluacionCurso }}">Subir
                                                                                </button>
                                                                                <input type="hidden" name="id_aula"
                                                                                    value="{{ $aula->id }}">
                                                                                <input type="hidden" name="clave_aula"
                                                                                    value="{{ $aula->clave_registro }}">
                                                                                <input type="hidden" name="id_unidad"
                                                                                    value="{{ $aula->unidad }}">
                                                                            </form>
                                                                        @endpuede
                                                                        <!--------------------------- VISTA PREVIA EVALUACION DEL CURSO ----------------->
                                                                        <div class="accordion-item mt-2  {{ !$aula->estatus_evaluacion_curso ? 'd-none' : '' }}"
                                                                            id="divEvaluacion">
                                                                            <h2 class="accordion-header accordion-header-primary"
                                                                                id="headingOne6">
                                                                                <button
                                                                                    class="accordion-button btn light btn-primary collapsed"
                                                                                    type="button"
                                                                                    data-bs-toggle="collapse"
                                                                                    data-bs-target="#accEvaluacion">
                                                                                    <span class="accordion-header-text">
                                                                                        {{ $aula->estatus_evaluacion_curso == 1 || $aula->estatus_evaluacion_curso == 3 ? 'Evaluacion Curso' : 'Vista previa Evaluacion Curso' }}
                                                                                    </span>
                                                                                </button>
                                                                            </h2>
                                                                            <div id="accEvaluacion"
                                                                                class="accordion-collapse collapse"
                                                                                aria-labelledby="headingOne6"
                                                                                data-bs-parent="#accordion-six">
                                                                                <div class="accordion-body" id="previewEvaluacion">
                                                                                 @if (!empty($aula->file_evaluacion_curso))
                                                                                    <iframe
                                                                                        src="{{ asset($aula->file_evaluacion_curso) }}"
                                                                                        width="100%" height="800px">
                                                                                    </iframe>
                                                                                 @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'rechazar_aula')
                                                                            @if ($aula->estatus_evaluacion_curso == 1)
                                                                                <div class="row justify-content-center mt-2 gap-3 {{ $evaluacionCursoValidado }}"
                                                                                    id="divValidarEvaluacionCurso">
                                                                                    <button class="btn btn-success col-lg-5"
                                                                                        type="button"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#autorizar_documento"
                                                                                        data-nombre=" Evaluacion del Curso"
                                                                                        data-tipo="EvaluacionCurso">Validar</button>
                                                                                    </button>
                                                                                    <button class="btn btn-danger col-lg-5"
                                                                                        type="button"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#rechazar_documento"
                                                                                        data-nombre=" Evaluacion del Curso"
                                                                                        data-tipo="EvaluacionCurso">Rechazar</button>
                                                                                    </button>
                                                                                </div>
                                                                            @endif
                                                                        @endpuede
                                                                        <div id="messageEvaluacion" class="text-danger">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!----------------------------- CARGAR ANEXO DE SESION ------------------------->
                                                                <div class="row">
                                                                    <div class="col-lg-6 mb-3 col-md-6">
                                                                        <div class="alert-success d-none"
                                                                            id="divAnexoValidado"><strong
                                                                                class="me-2 text-success"><i
                                                                                    class=" ri-checkbox-circle-line fs-3 text-success"></i>
                                                                                Validado</strong>
                                                                        </div>
                                                                        <label
                                                                            class="form-label {{ $cargarAnexoSesion }}">Propuesta T&eacute;cnica
                                                                            (PDF)*</label>
                                                                        <div class="{{ $claseAnexoSesion }}" id="divAnexoSesionEstatus">
                                                                            <strong class="me-2" id="msgAnexoSesion"> 
                                                                                @if ($aula->estatus_anexo_sesion == 3)
                                                                                    <i class=" ri-checkbox-circle-line"></i>
                                                                                @endif
                                                                                {{ $estatusAnexoSesion }}
                                                                            </strong>
                                                                            <div class="text-primary {{ $aula->file_anexo_sesion_observaciones ? '' : 'd-none' }}" id="div_observacion_anexo_sesison"> 
                                                                                    OBSERVACIONES:
                                                                                    <strong><p id="p_observacion_anexo_sesison"><i class=" ri-alert-line text-danger"></i> {{ $aula->file_anexo_sesion_observaciones }}</p></strong>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'alta_aulaaa')
                                                                            <form class="d-flex add-anexo-sesion"
                                                                                action="{{ route('addAnexoSesion') }}"
                                                                                method="POST"
                                                                                enctype="multipart/form-data">
                                                                                @csrf
                                                                                <input
                                                                                    class="form-control {{ $cargarAnexoSesion }}"
                                                                                    type="file" name="fileAnexoSesion"
                                                                                    value="" id="fileAnexoSesion"
                                                                                    accept="application/pdf" required>
                                                                                <button type="submit"
                                                                                    class="btn btn-success w-50 ms-3 {{ $cargarAnexoSesion }}">Subir
                                                                                </button>
                                                                                <input type="hidden" name="id_aula"
                                                                                    value="{{ $aula->id }}">
                                                                                <input type="hidden" name="clave_aula"
                                                                                    value="{{ $aula->clave_registro }}">
                                                                                <input type="hidden" name="id_unidad"
                                                                                    value="{{ $aula->unidad }}">
                                                                            </form>
                                                                        @endpuede 
                                                                        <!--------------------------- VISTA PREVIA ANEXO DE SESION ----------------->
                                                                        <div class="accordion-item mt-2 {{ !$aula->estatus_anexo_sesion ? 'd-none' : '' }}"
                                                                            id="divAnexo">
                                                                            <h2 class="accordion-header accordion-header-primary"
                                                                                id="headingOne5">
                                                                                <button
                                                                                    class="accordion-button btn light btn-primary collapsed"
                                                                                    type="button"
                                                                                    data-bs-toggle="collapse"
                                                                                    data-bs-target="#accAnexo">
                                                                                    <span
                                                                                        class="accordion-header-text text-primary"
                                                                                        id="validada">
                                                                                        {{ $aula->estatus_reporte_final == 1 || $aula->estatus_reporte_final == 3 ? 'Propuesta Tecnica' : 'Vista previa Propuesta Tecnica' }}
                                                                                    </span>
                                                                                </button>
                                                                            </h2>
                                                                            <div id="accAnexo"
                                                                                class="accordion-collapse collapse "
                                                                                aria-labelledby="headingOne5"
                                                                                data-bs-parent="#accordion-six">
                                                                                <div class="accordion-body" id="previewAnexo">
                                                                                @if (!empty($aula->file_anexo_sesion))
                                                                                    <iframe
                                                                                        src="{{ asset($aula->file_anexo_sesion) }}"
                                                                                        width="100%" height="800px">
                                                                                    </iframe>
                                                                                @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'rechazar_aula')
                                                                            @if ($aula->estatus_anexo_sesion == 1)
                                                                                <div class="row justify-content-center mt-2 gap-3 {{ $anexoSesionValidado }}"
                                                                                    id="divValidarAnexoSesion">
                                                                                    <button class="btn btn-success col-lg-5 "
                                                                                        type="button"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#autorizar_documento"
                                                                                        data-nombre="Propuesta Técnica"
                                                                                        data-tipo="AnexoSesion">Validar</button>
                                                                                    </button>
                                                                                    <button class="btn btn-danger col-lg-5"
                                                                                        type="button"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#rechazar_documento"
                                                                                        data-nombre="el Propuesta Técnica"
                                                                                        data-tipo="AnexoSesion">Rechazar</button>
                                                                                    </button>
                                                                                </div>
                                                                            @endif
                                                                        @endpuede
                                                                        <div id="messageAnexo" class="text-danger">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                @if ($aula->curso_tipo == 7)
                                                    <div id="acc_upload_files" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-upload-files">
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-12 col-md-6">
                                                                <div class="row">
                                                                    <!----------------------------- CARGAR ACUSE CONOCER ------------------------->
                                                                    <div class="col-lg-6 mb-3 col-md-6">
                                                                        <label
                                                                            class="form-label {{ $cargarAcuseConocer }}">Acuse
                                                                            CONOCER (PDF)*</label>
                                                                        <div class="{{ $claseAcuseConocer }}"
                                                                            id="divAcuseConocerEstatus">
                                                                            <strong class="me-2" id="msgAcuseConocer">
                                                                                @if ($aula->estatus_acuse_conocer == 3)
                                                                                    <i
                                                                                        class=" ri-checkbox-circle-line"></i>
                                                                                @endif
                                                                                {{ $estatusAcuseConocer }}
                                                                            </strong>
                                                                        </div>
                                                                        @puede('Aulas', 'alta_aula')
                                                                            <form
                                                                                class="d-flex add-acuse-conocer {{ $cargarAcuseConocer }}"
                                                                                action="{{ route('addAcuseConocer') }}"
                                                                                method="POST"
                                                                                enctype="multipart/form-data">
                                                                                @csrf
                                                                                <input class="form-control" type="file"
                                                                                    name="fileAcuseConocer" value=""
                                                                                    id="fileAcuseConocer"
                                                                                    accept="application/pdf" required
                                                                                    {{ $aula->estatus_acuse_conocer == 1 ? 'disabled' : '' }}>
                                                                                <button type="submit"
                                                                                    class="btn btn-success w-50 ms-3 {{ $cargarAcuseConocer }}">Subir</button>
                                                                                <input type="hidden" name="id_aula"
                                                                                    value="{{ $aula->id }}">
                                                                                <input type="hidden" name="clave_aula"
                                                                                    value="{{ $aula->clave_registro }}">
                                                                                <input type="hidden" name="id_unidad"
                                                                                    value="{{ $aula->unidad }}">
                                                                            </form>
                                                                        @endpuede
                                                                        <!--------------------------- VISTA PREVIA ACUSE CONOCER ------------------------------>
                                                                        <div class="accordion-item mt-2 {{ !$aula->estatus_acuse_conocer ? 'd-none' : '' }}"
                                                                            id="divAcuseConocer">
                                                                            <h2 class="accordion-header accordion-header-primary"
                                                                                id="headingAcuseConocer">
                                                                                <button
                                                                                    class="accordion-button btn light btn-primary"
                                                                                    type="button"
                                                                                    data-bs-toggle="collapse"
                                                                                    data-bs-target="#accAcuseConocer">
                                                                                    <span class="accordion-header-text">
                                                                                        {{ $aula->estatus_acuse_conocer == 1 || $aula->estatus_acuse_conocer == 3 ? 'Acuse CONOCER' : 'Vista previa Acuse CONOCER' }}
                                                                                    </span>
                                                                                </button>
                                                                            </h2>
                                                                            <div id="accAcuseConocer"
                                                                                class="accordion-collapse collapse"
                                                                                aria-labelledby="headingAcuseConocer"
                                                                                data-bs-parent="#accordion-six">
                                                                                <div class="accordion-body" id="previewAcuseConocer">
                                                                                @if (!empty($aula->file_evaluacion_curso))
                                                                                    <iframe
                                                                                        class="{{ !$aula->estatus_acuse_conocer ? 'd-none' : '' }}"
                                                                                        src="{{ asset($aula->file_acuse_conocer) }}"
                                                                                        width="100%" height="800px">
                                                                                    </iframe>
                                                                                @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @puede('Aulas', 'rechazar_aula')
                                                                            @if ($aula->estatus_acuse_conocer == 1)
                                                                                <div class="row justify-content-center mt-2 gap-3 {{ $validarAcuseConocer }}"
                                                                                    id="divValidarAcuseConocer">
                                                                                    <button class="btn btn-success col-lg-5"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#autorizar_documento"
                                                                                        type="button"
                                                                                        data-nombre="el Acuse CONOCER"
                                                                                        data-tipo="AcuseConocer">Validar</button>
                                                                                    <button class="btn btn-danger col-lg-5"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#rechazar_documento"
                                                                                        type="button"
                                                                                        data-nombre="el Acuse CONOCER"
                                                                                        data-tipo="AcuseConocer">Rechazar</button>
                                                                                </div>
                                                                            @endif
                                                                        @endpuede
                                                                        <div id="messageAcuseConocer"
                                                                            class="text-danger"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                    <input type="hidden" name="" id="estatusCapacitandos"
                                        value="{{ $aula->estatus_capacitandos }}">
                                    <!------------------------------------------------- VALIDAR O RECHAZAR AULA --------------------------------------------------------------->
                                    @if (($aula->estatus_capacitandos == 1 && $estatusAula == 'B1') || $estatusAula == 'A1' || $aula->estatus == 'E')
                                        @if ($aula->estatus == 'E' && $aula->curso_tipo == 4 && $aula->estatus_encuesta != 1)
                                            <div class="alert alert-warning alert-dismissible fade show text-dark">
                                                <i class="ri-error-warning-line alert-icon" aria-hidden="true"></i>
                                                <strong>Advertencia!</strong> Hasta que todos los capacitandos respondan  encuesta de evaluación se podrá autorizar el aula
                                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"></button>
                                            </div>
                                        @endif
                                        <div class="row text-center">
                                            @php
                                                $permisoRechazar =
                                                    $aula->curso_tipo == 4
                                                        ? 'rechazar_aula_evaluacion'
                                                        : 'rechazar_aula';

                                                $permisoAtorizar =
                                                    $aula->curso_tipo == 4
                                                        ? 'aceptar_aula_evaluacion'
                                                        : 'aceptar_aula';
                                            @endphp
                                            @puede('Aulas', $permisoRechazar)
                                                <div class="col-lg-6 mb-3 col-md-6 justify-content-center "
                                                    id="divRechazarAula">
                                                    <button type="button" class="btn btn-danger w-100 mt-3"
                                                        data-bs-toggle="modal" data-bs-target="#rechazar">Rechazar</button>
                                                </div>
                                            @endpuede
                                            @puede('Aulas', $permisoAtorizar)
                                                <div class="col-lg-6 mb-3 col-md-6 justify-content-center {{ $aula->estatus == 'E' && $terminarAsignacionFolios == false ? 'd-none' : '' }}"
                                                    id="autorizarAula">
                                                    <button type="button" class="btn btn-success w-100 mt-3"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#autorizar">Autorizar</button>
                                                </div>
                                            @endpuede
                                        </div>
                                    @endif
                                    <!----------------------------------- CERRAR AULA --------------------------------------------------->
                                    @if ($aula->estatus == 'G')
                                        <div class="row justify-content-center {{ $allDocAutorizados == true ? '' : 'd-none' }}"
                                            id="btnCerrarAula">
                                            @puede('Aulas', 'aceptar_aula')
                                                <div class="col-lg-6 col-md-6" id="autorizarAula">
                                                    <button type="button" class="btn btn-success w-100 mt-3"
                                                        data-bs-toggle="modal" data-bs-target="#cerrar_aula">Cerrar
                                                        Aula</button>
                                                </div>
                                            @endpuede
                                        </div>
                                    @endif
                                    @if ($aula->estatus == 'F')
                                        <div class="row justify-content-center d-none"
                                            id="btnCerrarAula">
                                                <div class="col-lg-6 col-md-6" id="autorizarAula">
                                                    <button type="button" class="btn btn-success w-100 mt-3"
                                                        data-bs-toggle="modal" data-bs-target="#cerrar_aula">
                                                        <i class=" ri-check-double-line"></i> Cerrar Aula</button>
                                                </div>
                                        </div>
                                    @endif

                                    <!---------------------------------- MODAL AUTORIZAR AULA ---------------------------->
                                    <div class="modal fade" id="autorizar" aria-modal="true" role="dialog">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header alert-success">
                                                    <h5 class="modal-title">Autorizar Aula</h5>
                                                    <h5 class="modal-title text-success">
                                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                    </button>
                                                </div>
                                                <div class="modal-body text-center">
                                                    <strong>{{ $aula->curso_nombre }}</strong>
                                                    <textarea class="form-control mt-3" rows="2" name="observacion" id="comment"
                                                        placeholder="Escriba sus observaciones (opcional)"></textarea>
                                                </div>
                                                <form action="{{ route('validarAula') }}" method="post">
                                                    @csrf
                                                    <div class="modal-footer d-flex">
                                                        <button type="button" class="btn btn-danger light"
                                                            data-bs-dismiss="modal">Cerrar</button>
                                                        <button type="submit"
                                                            class="btn btn-primary">Confirmar</button>
                                                        <input type="hidden" name="id" id=""
                                                            value="{{ $aula->id }}">
                                                        <input type="hidden" name="estatus_aula"
                                                            value="{{ $estatusAula }}">
                                                        <input type="hidden" name="estatus_capacitandos"
                                                            value="{{ $aula->estatus_capacitandos }}">
                                                        <input type="hidden" name="id_tipo_curso"
                                                            value="{{ $aula->curso_tipo }}">
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <!---------------------------------- MODAL RECHAZAR AULA ---------------------------->
                                    <div class="modal fade" id="rechazar" aria-modal="true" role="dialog">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header alert-danger">
                                                    <h5 class="modal-title">Rechazar Aula</h5>
                                                    <h5 class="modal-title text-danger">
                                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                    </button>
                                                </div>
                                                <form action="{{ route('rechazarAula') }}" method="post">
                                                    @csrf
                                                    <div class="modal-body text-center">
                                                        <strong>{{ $aula->curso_nombre }}</strong>
                                                        <textarea class="form-control mt-3" rows="2" name="observacion" id="comment"
                                                            onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones*" required></textarea>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-primary light"
                                                            data-bs-dismiss="modal">Cerrar</button>
                                                        <button type="submit" class="btn btn-danger">Confirmar</button>
                                                        <input type="hidden" name="id"
                                                            value="{{ $aula->id }}">
                                                        <input type="hidden" name="estatus_aula"
                                                            value="{{ $estatusAula }}">
                                                        <input type="hidden" name="estatus_capacitandos"
                                                            value="{{ $aula->estatus_capacitandos }}"
                                                            id="estatusCapacitandos">
                                                    </div>
                                                </form>

                                            </div>
                                        </div>
                                    </div>
                                    <!---------------------------------- MODAL CANCELAR AULA ---------------------------->
                                    <div class="modal fade" id="cancelar_aula" aria-modal="true" role="dialog">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header alert-danger ">
                                                    <h5 class="modal-title ">Cancelar Aula</h5>
                                                    <h5 class="modal-title text-danger">
                                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                    </button>
                                                </div>
                                                <form action="{{ route('cancelarAula') }}" method="post">
                                                    @csrf
                                                    <div class="modal-body text-center">
                                                        <span>¿Está seguro de cancelar el aula del curso
                                                            <br>
                                                            <strong>{{ $aula->curso_nombre }}</strong>?
                                                            <textarea class="form-control mt-3" rows="2" name="observacion" id="comment"
                                                                onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones*" required></textarea>
                                                        </span>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-primary light"
                                                            data-bs-dismiss="modal">Cerrar</button>
                                                        <button type="submit" class="btn btn-danger">Confirmar</button>
                                                        <input type="hidden" name="id"
                                                            value="{{ $aula->id }}">
                                                        <input type="hidden" name="estatus_aula"
                                                            value="{{ $estatusAula }}">
                                                        <input type="hidden" name="estatus_capacitandos"
                                                            value="{{ $aula->estatus_capacitandos }}"
                                                            id="estatusCapacitandos">
                                                    </div>
                                                </form>

                                            </div>
                                        </div>
                                    </div>
                                    <!------------------------------------ Guardar Capacitandos estatus A --------------------------->
                                    <div class="modal fade" id="guardar_capacitandos" aria-modal="true"
                                        role="dialog">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header bg-primary">
                                                    <h5 class="modal-title text-white">Guardar Capacitandos Aula</h5>
                                                    <h5 class="modal-title  text-success">
                                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                                    <button type="button" class="btn-close"
                                                        data-bs-dismiss="modal"></button>
                                                </div>
                                                <form action="{{ route('guardarCapacitandosAula') }}" method="post">
                                                    @csrf
                                                    <div class="modal-body text-center">
                                                        <span class="mb-3">
                                                            ¿Estás seguro de mandar a revis&oacute;n el Aula del curso
                                                            <br>
                                                            <strong>{{ $aula->curso_nombre }}?</strong>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-danger light"
                                                            data-bs-dismiss="modal">Cerrar</button>
                                                        <button type="submit"
                                                            class="btn btn-primary">Confirmar</button>
                                                        <input type="hidden" name="id"
                                                            value="{{ $aula->id }}">
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    @puede('Aulas', 'eliminar_aula')
                                        @if ($estatusAula == 'A2')
                                            <div class="col-lg-12 mb-3 col-md-6 text-center">
                                                <button type="button" class="btn btn-danger w-50 mt-3"
                                                    data-bs-toggle="modal" data-bs-target="#eliminar">Eliminar Aula</button>
                                            </div>
                                        @endif
                                    @endpuede
                    @endif
                    <!---------------------------------- MODAL ACEPTAR DOCUMENTO AULA ---------------------------->
                    <div class="modal fade" id="autorizar_documento" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-success">
                                    <h5 class="modal-title">Autorizar Documento</h5>
                                    <h5 class="modal-title text-danger">
                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                    </button>
                                </div>
                                <form action="{{ route('updateEstatusDocumentoAula') }}" method="post"
                                    class="validar-documento">
                                    @csrf
                                    <div class="modal-body text-center">
                                        <span>¿Esta seguro de autorizar <strong id="nombreDocumento"></strong>?</span>
                                        <br>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-primary"
                                            data-bs-dismiss="modal">Confirmar</button>
                                        <input type="hidden" name="id_aula" value="{{ $aula->id }}">
                                        <input type="hidden" name="tipo_documento" value=""
                                            id="tipoDocumento">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!---------------------------------- MODAL RECHAZAR DOCUMENTO AULA ---------------------------->
                    <div class="modal fade" id="rechazar_documento" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-danger">
                                    <h5 class="modal-title">Rechazar Documento</h5>
                                    <h5 class="modal-title text-danger">
                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                    </button>
                                </div>
                                <form action="{{ route('rechazarDocumentoAula') }}" method="post"
                                    class="rechazar-documento">
                                    @csrf
                                    <div class="modal-body text-center">
                                        <span>¿Esta seguro de rechazar </span><strong
                                            id="nombreDocumentoRechazar"></strong>?
                                        <br>
                                    </div>
                                     <div class="modal-body text-center">
                                        <span>{{ $aula->curso_nombre }}</span>
                                            <textarea class="form-control mt-3" rows="2" name="observacion" id="document_obs" onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones*" required></textarea>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-danger"
                                            data-bs-dismiss="modal">Rechazar</button>
                                        <input type="hidden" name="id_aula" value="{{ $aula->id }}">
                                        <input type="hidden" name="tipo_documento" value=""
                                            id="tipoDocumentoRechazar">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!---------------------------------- MODAL CERRAR AULA ---------------------------->
                    <div class="modal fade" id="cerrar_aula" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-primary">
                                    <h5 class="modal-title">Cerrar Aula</h5>
                                    <h5 class="modal-title text-danger">
                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                    </button>
                                </div>
                                <form action="{{ route('validarAula') }}" method="post">
                                    @csrf
                                    <div class="modal-body text-center">
                                        <strong>¿Está seguro de cerrar el aula definitivamente?</strong><br>
                                        <span>{{ $aula->curso_nombre }}</span> <br>
                                        <i class=" ri-alert-line fs-2 text-warning"></i> <strong>Ya no podra realizar cambios en esta aula
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-primary"
                                            data-bs-dismiss="modal">Confirmar</button>
                                        <input type="hidden" name="id" value="{{ $aula->id }}">
                                        <input type="hidden" name="estatus_aula" value="{{ $aula->estatus }}">
                                        <input type="hidden" name="estatus_capacitandos"
                                            value="{{ $aula->estatus_capacitandos }}">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </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">Factura</h5>
                                    <button type="button" class="btn-close btn-close-fact" 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>

                    <!-- MODAL PARA VER XML DE  FACTURA -->
                    <div class="modal fade" id="modalXml" tabindex="-1" aria-labelledby="modalXmlLabel"
                        aria-hidden="true">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header bg-info">
                                    <h5 class="modal-title text-white" id="modalXmlLabel">XML</h5>
                                    <button type="button" class="btn-close btn-close-fact" data-bs-dismiss="modal"
                                        aria-label="Cerrar"></button>
                                </div>
                                <div class="modal-body">
                                    <div class="mb-2 text-end">
                                        <a href="#" id="visorXmlDownload" class="btn btn-outline-primary btn-sm"
                                            target="_blank">Descargar XML</a>
                                    </div>
                                    <pre id="visorXmlContent" class="border p-3"
                                        style="white-space: pre-wrap; word-break: break-word; background:#f8f9fa; max-height:600px; overflow:auto;"></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!---------------------------------- MODAL ACEPTAR CONTRATO ---------------------------->
                    @php
                        $permisoAceptarContrato = Gate::allows('permiso', ['Aulas', 'aceptar_contrato']);
                        $permisoAceptarContratoEvaluacion = Gate::allows('permiso', ['Aulas', 'aceptar_contrato_evaluacion']);
                    @endphp
                    @if ($permisoAceptarContrato || ($aula->curso_tipo == 4 && $permisoAceptarContratoEvaluacion))
                        <div class="modal fade" id="autorizar_contrato" aria-modal="true" role="dialog">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header alert-success">
                                        <h5 class="modal-title">Autorizar Contrato</h5>
                                        <h5 class="modal-title text-danger">
                                            &nbsp;{{ $aula->clave_registro }}</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal">
                                        </button>
                                    </div>
                                    <form action="{{ route('autorizarContrato') }}" method="post">
                                        @csrf
                                        <div class="modal-body text-center">
                                            <strong>{{ $aula->curso_nombre }}</strong> <br>
                                            <textarea class="form-control mt-3" rows="2" name="observacion" id="comment"
                                                onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones (opcional)"></textarea>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-danger light"
                                                data-bs-dismiss="modal">Cerrar</button>
                                            <button type="submit" class="btn btn-primary">Confirmar</button>
                                            <input type="hidden" name="id" value="{{ $aula->id }}">
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endif
                    <!--------------- Modal paera Rechazar Contrato ------------------------>
                    @php
                        $permisoRechazarContrato = Gate::allows('permiso', ['Aulas', 'rechazar_contrato']);
                        $permisoRechazarContratoEvaluacion = Gate::allows('permiso', ['Aulas', 'rechazar_contrato_evaluacion']);
                    @endphp
                    @if ($permisoRechazarContrato || ($aula->curso_tipo == 4 && $permisoRechazarContratoEvaluacion))
                        <div class="modal fade" id="rechazar_contrato" aria-modal="true" role="dialog">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header alert-danger">
                                        <h5 class="modal-title">Rechazar Contrato</h5>
                                        <h5 class="modal-title text-danger">
                                            &nbsp;{{ $aula->clave_registro }}</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal">
                                        </button>
                                    </div>
                                    <form action="{{ route('rechazarContrato') }}" method="post">
                                        @csrf
                                        <div class="modal-body text-center">
                                            <strong>{{ $aula->curso_nombre }}</strong> <br>
                                            <textarea class="form-control mt-3" rows="2" name="observacion" id="comment"
                                                onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba el motivo del rechazo*" required></textarea>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary light"
                                                data-bs-dismiss="modal">Cerrar</button>
                                            <button type="submit" class="btn btn-danger">Rechazar</button>
                                            <input type="hidden" name="id" value="{{ $aula->id }}">
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endif
                    <!--------------------------------------------------------------------------------->

                    <!---------------------------------- MODAL ACEPTAR CONVENIO ---------------------------->
                    {{-- @puede('Aulas', 'aceptar_convenio') --}}
                        <div class="modal fade" id="autorizar_convenio" aria-modal="true" role="dialog">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header alert-success">
                                        <h5 class="modal-title">Autorizar Convenio</h5>
                                        <h5 class="modal-title text-danger">
                                            &nbsp;{{ $aula->clave_registro }}</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal">
                                        </button>
                                    </div>
                                    <form action="{{ route('autorizarConvenio') }}" method="post">
                                        @csrf
                                        <div class="modal-body text-center">
                                            <strong>{{ $aula->curso_nombre }}</strong> <br>
                                            <textarea class="form-control mt-3" rows="2" name="observacion" id="comment"
                                                onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones (opcional)"></textarea>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-danger light"
                                                data-bs-dismiss="modal">Cerrar</button>
                                            <button type="submit" class="btn btn-primary">Confirmar</button>
                                            <input type="hidden" name="id" value="{{ $aula->id }}">
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    {{-- @endpuede --}}
                    <!----------------------- MODAL RECHAZAR CONVENIO ------------------------>
                    {{-- @puede('Aulas', 'rechazar_contrato') --}}
                        <div class="modal fade" id="rechazar_convenio" aria-modal="true" role="dialog">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header alert-danger">
                                        <h5 class="modal-title">Rechazar Convenio</h5>
                                        <h5 class="modal-title text-danger">
                                            &nbsp;{{ $aula->clave_registro }}</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal">
                                        </button>
                                    </div>
                                    <form action="{{ route('rechazarConvenio') }}" method="post">
                                        @csrf
                                        <div class="modal-body text-center">
                                            <strong>{{ $aula->curso_nombre }}</strong> <br>
                                            <textarea class="form-control mt-3" rows="2" name="observacion" id="comment"
                                                onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba el motivo del rechazo*" required></textarea>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-primary light"
                                                data-bs-dismiss="modal">Cerrar</button>
                                            <button type="submit" class="btn btn-danger">Rechazar</button>
                                            <input type="hidden" name="id" value="{{ $aula->id }}">
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    {{-- @endpuede --}}
                    <!--------------------------------------------------------------------------------->

                    <!--------------- Modal para Autorizar Factura Capacitando ------------------------>
                    <div class="modal fade" id="modalValidarFactura" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-success">
                                    <h5 class="modal-title">Autorizar Factura</h5>
                                    <h5 class="modal-title text-danger"></h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                    </button>
                                </div>
                                <form action="{{ route('validarFacturaCapacitando') }}" method="post"
                                    class="validar-factura">
                                    @csrf
                                    <div class="modal-body text-center">
                                        <strong id="nombreAlumno"></strong> <br>
                                        <textarea class="form-control mt-3" rows="2" name="observacion_factura" id="comment"
                                            onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones (opcional)"></textarea>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-primary" data-bs-dismiss="modal"
                                            id="btnConfirmarFactura">Confirmar</button>
                                        <input type="hidden" name="id_aula" value="{{ $aula->id }}">
                                        <input type="hidden" name="id_alumno" value="" id="id_alumno">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!--------------- Modal para Autorizar Factura Grupal ------------------------>
                    <div class="modal fade" id="modalValidarFacturaGrupo" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-success">
                                    <h5 class="modal-title">Autorizar Factura Grupal</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>
                                <form action="{{ route('validarFacturaCapacitando') }}" method="post"
                                    class="validar-factura-grupo">
                                    @csrf
                                    <div class="modal-body">
                                        <p class="mb-2"><strong>Aula:</strong> {{ $aula->clave_registro }}</p>
                                        <p class="mb-2"><strong>UUID:</strong> <span id="grupoValidarUuid">-</span></p>
                                        <div class="row mb-3">
                                            <div class="col-md-4"><strong>Costo esperado individual:</strong><br><span id="grupoValidarCosto">-</span></div>
                                            <div class="col-md-4"><strong>Integrantes:</strong><br><span id="grupoValidarCantidad">-</span></div>
                                            <div class="col-md-4"><strong>Total del comprobante:</strong><br><span id="grupoValidarTotal">-</span></div>
                                        </div>
                                        <div id="grupoValidarAdvertencia" class="alert alert-warning d-none text-black"></div>
                                        <p class="mb-1"><strong>Alumnos que serán aceptados:</strong></p>
                                        <div class="table-responsive">
                                            <table class="table table-sm table-bordered mb-0">
                                                <thead>
                                                    <tr><th>Alumno</th><th class="text-end">Importe</th></tr>
                                                </thead>
                                                <tbody id="grupoValidarLista"></tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-success" id="btnConfirmarFacturaGrupo">Aceptar grupo</button>
                                        <input type="hidden" name="id_aula" value="{{ $aula->id }}">
                                        <input type="hidden" name="id_alumno" value="" id="id_alumno_grupo">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!--------------- Modal para Rechazar Factura Capacitando ------------------------>
                    <div class="modal fade" id="modalRechazarFactura" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-danger">
                                    <h5 class="modal-title text-danger">Rechazar Factura</h5>
                                    <h5 class="modal-title text-danger"></h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                    </button>
                                </div>
                                <form action="{{ route('rechazarFacturaCapacitando') }}" method="post"
                                    class="rechazar-factura">
                                    @csrf
                                    <div class="modal-body text-center">
                                        <div class="mb-2">
                                            <span id="tipoFacturaLabel" class="badge"></span>
                                        </div>
                                        <strong id="nombreAlumno"></strong> <br>
                                        <div id="grupoRechazarWarning" class="alert alert-warning text-black text-start mt-2 d-none small">
                                            <strong>Atención:</strong> Esta factura es compartida por <span id="grupoRechazarCount"></span> alumnos. Al rechazarla, se rechazará para todos los alumnos referidos: 
                                            <ul class="mb-0 mt-1" id="grupoRechazarLista"></ul>
                                        </div>
                                        <textarea class="form-control mt-3" rows="2" name="observacion_factura" id="observacionFactura"
                                            onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones" required></textarea>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-danger">Rechazar</button>
                                        <input type="hidden" name="id_aula" value="{{ $aula->id }}">
                                        <input type="hidden" name="id_alumno" value="" id="id_alumno">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-------------------------------- MODAL VALIDAR FACTURAS ------------------------>
                    <div class="modal fade" id="validar_facturas" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-success">
                                    <h5 class="modal-title">Autorizar Facturas</h5>
                                    <h5 class="modal-title text-success">
                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                    </button>
                                </div>
                                <div class="modal-body text-center">
                                    <strong>{{ $aula->curso_nombre }}</strong>
                                </div>
                                <form action="{{ route('validarFacturas') }}" method="post">
                                    @csrf
                                    <div class="modal-footer d-flex">
                                        <button type="button" class="btn btn-danger light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-primary">Confirmar</button>
                                        <input type="hidden" name="id" id=""
                                            value="{{ $aula->id }}">
                                        <input type="hidden" name="estatus_aula" value="{{ $aula->estatus }}">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!------------------------------------ MODAL TERMINAR ACREDITACION ALUMNOS --------------------------->
                    <div class="modal fade" id="terminar_acreditacion" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header bg-primary">
                                    <h5 class="modal-title text-white">
                                        {{ $aula->estatus == 'D' || $aula->estatus == 'X' ? 'Terminar Acreditacion' : '' }}
                                        {{ $aula->estatus == 'F' ? 'Terminar Entrega de Diplomas' : '' }}</h5>
                                    <h5 class="modal-title text-success">
                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>
                                <form action="{{ route('terminarAcreditacionCapacitandos') }}" method="post">
                                    @csrf
                                    <div class="modal-body text-center">
                                        <span class="mb-3">¿Esta seguro que desea terminar 
                                            {{ $aula->estatus == 'D' || $aula->estatus == 'X' ? 'acreditacion' : '' }}
                                            {{ $aula->estatus == 'F' ? 'entrega de Diplomas' : '' }}
                                            del
                                            curso?<br>
                                            <strong>{{ $aula->curso_nombre }}</strong>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-primary">Confirmar</button>
                                        <input type="hidden" name="id" value="{{ $aula->id }}">
                                        <input type="hidden" name="estatus_aula" value="{{ $aula->estatus }}">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-------------------------------- MODAL ELIMINAR AULA ------------------------>
                    <div class="modal fade" id="eliminar" aria-modal="true" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header alert-danger">
                                    <h5 class="modal-title">Eliminar</h5>
                                    <h5 class="modal-title text-danger">
                                        &nbsp;{{ $aula->clave_registro }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                    </button>
                                </div>
                                <form action="{{ route('destroy') }}" method="post">
                                    @csrf
                                    <div class="modal-body text-center">
                                        <strong>{{ $aula->curso_nombre }}</strong> <br>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary light"
                                            data-bs-dismiss="modal">Cerrar</button>
                                        <button type="submit" class="btn btn-danger">Eliminar</button>
                                        <input type="hidden" name="id" value="{{ $aula->id }}">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- end car body-->
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="row">
        @if (session('success'))
            <div class="alert alert-primary alert-dismissible fade show" id="alert-container">
                <i class="ri-checkbox-circle-line alert-icon" aria-hidden="true"></i>
                <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">
                <i class="ri-close-circle-line alert-icon" aria-hidden="true"></i>
                <strong id="alert-confirmacion-error"> {{ session('error') }}</strong>
            </div>
        @endif
    </div>
    </div>
    </div>
    <!--</div>-->
    </div>
    </div>
    </div>

@endsection

@push('scripts')
    <script>
        setTimeout(function() {
            $(".msg-error").fadeOut("slow");
        }, 4000); // 4 segundos*/

        function convertToUpperCase(selector) {
            document.querySelectorAll(selector).forEach(input => {
                input.addEventListener('input', function(event) {
                    const cursorPos = this.selectionStart; // Guarda  posición del cursor
                    this.value = this.value.toUpperCase(); // Convierte el texto a mayúsculas
                    this.setSelectionRange(cursorPos, cursorPos); // Restaura  posición del cursor
                });
            });
        }

        $(document).ready(function() {
            convertToUpperCase('#comment');
        });

        document.addEventListener('DOMContentLoaded', function() {
            // --- Convenio toggle (solo perfiles 1 y 16, estatus D) ---
            const checkbox = document.getElementById('llevaConvenio');
            if (checkbox) {
                const tabConvenio = document.getElementById('tabConvenio');
                const tabPagos    = document.getElementById('tabPagos');

                checkbox.addEventListener('change', function() {
                    const valor  = this.checked;
                    const aulaId = '{{ $aula->id }}';
                    const token  = '{{ csrf_token() }}';

                    fetch('{{ route("toggleLlevaConvenio") }}', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-CSRF-TOKEN': token
                        },
                        body: JSON.stringify({ aula_id: aulaId, lleva_convenio: valor })
                    })
                    .then(function(res) { return res.json(); })
                    .then(function(data) {
                        if (!data.success) {
                            checkbox.checked = !valor;
                            alert(data.message || 'Error al guardar');
                            return;
                        }
                        const convenioAlert = document.getElementById('convenioAlert');
                        if (valor) {
                            tabConvenio && tabConvenio.classList.remove('d-none');
                            tabPagos    && tabPagos.classList.add('d-none');
                            convenioAlert && convenioAlert.classList.remove('d-none');
                        } else {
                            tabConvenio && tabConvenio.classList.add('d-none');
                            tabPagos    && tabPagos.classList.remove('d-none');
                            convenioAlert && convenioAlert.classList.add('d-none');
                        }
                    })
                    .catch(function() {
                        checkbox.checked = !valor;
                    });
                });
            }

            const formAsistencia = document.getElementById('formAsistencia');
            if (!formAsistencia) return;

            // el botón se cambió a type="button" en el HTML, buscarlo correctamente
            const botonAsistencia = formAsistencia.querySelector('button[type="button"]');
            if (!botonAsistencia) return;

            botonAsistencia.addEventListener('click', function(e) {
                e.preventDefault(); // evitar envío al formulario padre

                const url = "{{ route('formatos.asistencia') }}";
                const token = "{{ csrf_token() }}";
                const aulaInput = formAsistencia.querySelector('input[name="aula_id"]');
                const aulaId = aulaInput ? aulaInput.value : '';

                // Crear formulario temporal que abra en nueva pestaña
                const f = document.createElement('form');
                f.method = 'POST';
                f.action = url;
                f.target = '_blank';
                f.style.display = 'none';

                const t = document.createElement('input');
                t.type = 'hidden';
                t.name = '_token';
                t.value = token;
                const a = document.createElement('input');
                a.type = 'hidden';
                a.name = 'aula_id';
                a.value = aulaId;

                f.appendChild(t);
                f.appendChild(a);
                document.body.appendChild(f);
                f.submit();
                document.body.removeChild(f);
            });
        });

        // Handler delegado para el botón ASISTENCIA (más robusto que listener DOMContentLoaded)
        $(document).on('click', '#formAsistencia button', function(e) {
            try {
                e.preventDefault();

                var $form = $('#formAsistencia');
                if ($form.length === 0) {
                    console.error('formAsistencia no encontrado');
                    return;
                }
                var aulaId = $form.find('input[name="aula_id"]').val() || '';
                var url = "{{ route('formatos.asistencia') }}";
                var token = "{{ csrf_token() }}";

                // Crear y enviar formulario temporal para abrir en nueva pestaña
                var f = document.createElement('form');
                f.method = 'POST';
                f.action = url;
                f.target = '_blank';
                f.style.display = 'none';

                var inpToken = document.createElement('input');
                inpToken.type = 'hidden';
                inpToken.name = '_token';
                inpToken.value = token;
                var inpAula = document.createElement('input');
                inpAula.type = 'hidden';
                inpAula.name = 'aula_id';
                inpAula.value = aulaId;

                f.appendChild(inpToken);
                f.appendChild(inpAula);
                document.body.appendChild(f);
                f.submit();
                document.body.removeChild(f);
            } catch (err) {
                console.error('Error al manejar click ASISTENCIA:', err);
                // Fallback simple: abrir  ruta en nueva pestaña como GET (si  ruta soporta GET)
                try {
                    window.open("{{ route('formatos.asistencia') }}?aula_id=" + encodeURIComponent($(
                        '#formAsistencia input[name="aula_id"]').val()), '_blank');
                } catch (e2) {
                    console.error('Fallback también falló', e2);
                }
            }
        });

        // Función inline disponible para onclick del botón (fallback directo desde atributo)
        function openAsistenciaFallback(aulaId, url) {
            try {
                const token = "{{ csrf_token() }}";
                const f = document.createElement('form');
                f.method = 'POST';
                f.action = url;
                f.target = '_blank';
                f.style.display = 'none';

                const t = document.createElement('input');
                t.type = 'hidden';
                t.name = '_token';
                t.value = token;
                const a = document.createElement('input');
                a.type = 'hidden';
                a.name = 'aula_id';
                a.value = aulaId;

                f.appendChild(t);
                f.appendChild(a);
                document.body.appendChild(f);
                f.submit();
                document.body.removeChild(f);
            } catch (e) {
                console.error('openAsistenciaFallback error', e);
                try {
                    window.open(url + '?aula_id=' + encodeURIComponent(aulaId), '_blank');
                } catch (e2) {
                    console.error('openAsistenciaFallback fallback también falló', e2);
                }
            }
        }
    </script>
    {{-- comentario: se agregó  etiqueta <script> faltante para encapsular el bloque JS que seguía --}}
    <script>
        // Nota: se abrió  etiqueta <script> aquí para incluir el bloque JS que anteriormente estaba fuera del tag.
        // Inicio del bloque JS principal

        // ✅ Variable global para almacenar  instancia del DataTable de capacitandos
        let dataTableCapacitandos;

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

        if ($.fn.DataTable.isDataTable('#capacitandos')) {
            $('#capacitandos').DataTable().destroy();
            $('#capacitandos').DataTable().columns.adjust();
        }

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

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

            let numCap = parseInt($('#capacitandosPorAgregar').val(), 10) || 0;

            if (numCap <= 0 && "{{ !$sinLimiteCapacitandos }}") {
                $('.agregar-capacitando').addClass('d-none');
                $('#div_alert_capacitandos_agregados').removeClass('d-none');
            } else {
                $('.agregar-capacitando').removeClass('d-none');
                $('#div_alert_capacitandos_agregados').addClass('d-none');
                $('.btn-add').prop('disabled', false);
            }
        });

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

        const baseStorage = "{{ asset('') }}";

        function agregarTimestampUrl(url) {
            if (!url) {
                return url;
            }

            // Remueve timestamp previo para evitar acumulación de parámetros.
            const limpia = url
                .replace(/([?&])_ts=\d+(&|$)/, '$1')
                .replace(/[?&]$/, '');

            const separador = limpia.includes('?') ? '&' : '?';
            return `${limpia}${separador}_ts=${Date.now()}`;
        }

        function construirUrlDocumento(ruta) {
            const fullSrc = ruta.startsWith('http') ? ruta : baseStorage.replace(/\/+$/, '') + '/' + ruta.replace(
                /^\/+/, '');
            return agregarTimestampUrl(fullSrc);
        }

        $(document).on('click', '.ver-pdf', function() {
            const src = $(this).data('src');
            const ruta = $(this).data('src'); // 
            if (!src) {
                return;
            }
            const fullSrc = construirUrlDocumento(ruta);
            $('#visorContrato').attr('src', fullSrc);
        });

        $(document).on('click', '.ver-factura-cap', function() {
            const src = $(this).data('src');
            const ruta = $(this).data('src'); // 
            if (!src) {
                return;
            }
            const fullSrc = construirUrlDocumento(ruta);
            $('#visorContrato').attr('src', fullSrc);
        });

        // Mostrar contenido XML en modal
        $(document).on('click', '.ver-xml', function() {
            const ruta = $(this).data('xml');
            if (!ruta) {
                alert('No hay XML disponible');
                return;
            }
            const fullSrc = construirUrlDocumento(ruta);
            fetch(fullSrc)
                .then(response => {
                    if (!response.ok) throw new Error('No se pudo obtener el XML');
                    return response.text();
                })
                .then(text => {
                    $('#visorXmlContent').text(text);
                    $('#visorXmlDownload').attr('href', fullSrc);
                    $('#modalXml').modal('show');
                })
                .catch(err => {
                    alert('Error al cargar el XML');
                });
        });

        $(document).ready(function() {
            let modalidad = $('#modalidad').val();
            $('#btn_factura_unica').prop('disabled', true);

            // ✅ Clave única por aula para persistir selección en sessionStorage
            const SEL_KEY = 'siccap_sel_pago_{{ $aula->id }}';

            // ✅ Set global con IDs de alumnos seleccionados para el pago grupal
            window.alumnosSeleccionados = new Set(
                JSON.parse(sessionStorage.getItem(SEL_KEY) || '[]')
            );

            if (modalidad == 'MIXTO') {
                $('#div_ubicacion').removeClass('d-none');
                $('#div_enlace').removeClass('d-none');
            }

            if (modalidad == 'EN LINEA') {
                $('#div_ubicacion').addClass('d-none');
                $('#div_enlace').removeClass('d-none');
            }


            $('#modalValidarFactura').on('shown.bs.modal', function() {
                $('#btnConfirmarFactura').focus();
            });

            $(".accordion-collapse").each(function() {
                let $accordion = $(this);
                let id = $accordion.attr("id");
                if (!id) return; // si no tiene id, saltar

                // Revisar si estaba abierto en  última visita
                if (localStorage.getItem("accordion_" + id) === "abierto") {
                    $accordion.addClass("show"); // mostrar visualmente
                    $accordion.attr("aria-expanded", "true"); // para accesibilidad
                    $accordion.prev(".accordion-header").find(".accordion-button").removeClass(
                        "collapsed"); // quitar collapsed
                }
                // Guardar estado cuando se abre
                $accordion.on("shown.bs.collapse", function() {
                    localStorage.setItem("accordion_" + id, "abierto");
                });
                // Guardar estado cuando se cierra
                $accordion.on("hidden.bs.collapse", function() {
                    localStorage.setItem("accordion_" + id, "cerrado");
                });
            });
        });

        $(document).ready(function() {
            let tipo_de_curso = $('#tipo_curso').val();
            var capacitandosPorAgregar = parseInt($('#capacitandosPorAgregar').val(), 10) || 0;

            setTimeout(function() {
                if (capacitandosPorAgregar <= 0) {
                    $('.agregar-capacitando').addClass('d-none');
                }
            }, 400);

            if (tipo_de_curso == 2 || tipo_de_curso == 4 || tipo_de_curso == 6) {
                $('#div_modelo_negocios').removeClass('d-none');
            }
            if ("{{ !$domicilio }}") {
                $('#div_domicilio').addClass('d-none');
            }

            // CONDICIONES PARA MOSTRAR BOTONES DE ACCION
            const estatusCapacitandos = $('#estatusCapacitandos').val();
            let estatus_aula = $('#estatus').val();
            let estatusAula = '{{ $aula->estatus_numero }}';
            let estatusFacturas = '{{ $aula->estatus_pagos_capacitandos }}';
         
            let estatusNumeroLetra = estatus_aula + estatusAula;


            var cumpleMinimoCap = $('#capacitandosAgregados').val();
            if (estatus_aula == 'B' && "{{ $esRegular ? '1' : '0' }}" == "1" && cumpleMinimoCap == true) {
                $('#btnEnviarCapacitandosRevision').removeClass('d-none');
            }

            if (cumpleMinimoCap == true && estatusCapacitandos != 2 && estatus_aula == 'B' &&
                "{{ $esRegular ? '1' : '0' }}" != "1") {
                $('#btnEnviarCapacitandosRevision').removeClass('d-none');
            }

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

            // Mostrar botón Terminar Revisión solo si facturas validadas == total capacitandos
            var facturasValidadas = parseInt($('#facturasValidadas').val(), 10) || 0;
            var totalCapacitandos = parseInt($('#totalCapacitandos').val(), 10) || 0;
            if (facturasValidadas > 0 && facturasValidadas === totalCapacitandos) {
                $('#btnTerminarRevisionFacturas').removeClass('d-none');
            } else {
                $('#btnTerminarRevisionFacturas').addClass('d-none');
            }

            if ("{{ $todosSon3 == true }}" && estatusNumeroLetra == 'B4' && estatusFacturas == 1) {
                $('#btnTerminarRevisionFacturas').removeClass('d-none');
            }
            /*if (terminarRevisionFacturas == cumpleMinimoCap || "{{ $todosSon3 == true }}"&& estatusNumeroLetra =='B4') {
                $('#btnTerminarRevisionFacturas').removeClass('d-none');
            }*/


            var terminarAcreditacion = $('#terminarAcreditacion').val();
            if (terminarAcreditacion == true) {
                $('#btnTerminarAcreditacion').removeClass('d-none');
                $('#btnCancelarAula').addClass('d-none');
            }

           if ('{{ $btnTerminarEntregDiplomas }}' == true) {
               // if ([4, 7].includes(Number('{{ $aula->curso_tipo }}'))) {
                    //$('#btnTerminarEntregDiplomas').removeClass('d-none');
                //} else {
                    $('#btnCerrarAula').removeClass('d-none');
               // }                                
            }

            $('.dia-checkbox').on('change', function() {
                var dia = $(this).data('dia');
                var checked = $(this).is(':checked');
                $('#horario_inicio_' + dia).prop('disabled', !checked);
                $('#horario_fin_' + dia).prop('disabled', !checked);
                $('#horario_inicio_' + dia).selectpicker('refresh');
                $('#horario_fin_' + dia).selectpicker('refresh');
            });

            $('#instructor').on('change', function() {
                var valor = $(this).val();
                const partes = valor.split('-'); // Separa en ["1", "Erasmo Lopez Suarez"]
                const nombreInstructor = partes[1] || '';
                $('#nombre_instructor').val(nombreInstructor);
                $('#instructor_id').val(partes[0]); // Asigna el ID del instructor
            });

            const fechaInicioStr = $('#fecha_inicio').val();
            const fechaTerminoStr = $('#fecha_termino').val();
            //const totalHorasCurso = $('#duracion').val();
            const idInstructor = $('#id_instructor').val();
            const capacitandos = $('#minimo_capacitandos').val();
            const tipoCurso = $('#tipo_curso').val();;

            let totalHorasCurso = Number($('#duracion').val());

            const fechaInicio = parseFechaDatepicker(fechaInicioStr);
            if (!fechaInicio) {
                alert('Formato de fecha inválido.');
                return;
            }

            const seleccionados = [];
            let horarioInvalido = false;

            $('.dia-checkbox:checked').each(function() {
                const dia = $(this).data('dia').toLowerCase();
                const inicio = $('#horario_inicio_' + dia).val();
                const fin = $('#horario_fin_' + dia).val();

                if (inicio && fin) {
                    if (inicio === fin) {
                        horarioInvalido = true;
                    }
                    seleccionados.push({
                        dia,
                        inicio,
                        fin
                    });
                }
            });
            const horasPorDia = {};
            seleccionados.forEach(bloque => {
                const inicio = parseHora(bloque.inicio);
                const fin = parseHora(bloque.fin);
                horasPorDia[bloque.dia] = fin - inicio;
            });
            const diasSeleccionados = seleccionados.map(b => b.dia);
            let fechaActual = new Date(fechaInicio);
            let horasAcumuladas = 0;
            let horasPorSemana = {};
            let horasPorMes = {};
            let sesiones = 0;
            let contadorSemana = 1; // AJUSTE: contador personalizado
            const fechasCurso = []; //array para almacenar fechas del curso

            $.ajax({
                url: "{{ route('fechasDeshabilitadas') }}", // Asegúrate de tener esta ruta definida
                method: 'GET',
                dataType: "json",
                success: function(response) {
                    let data = response.data; // dias_deshabilitados
                    let fechaADeshablitar = "{{ $diasInhabiles }}";
                    const arreglo = fechaADeshablitar.split(",");
                    let fechas2025 = arreglo;
                    /* const diasFestivos = arreglo.map(item => {
                         const [año, mes, día] = item.split("-");
                         return new Date(
                             parseInt(año),
                             parseInt(mes) - 1,
                             parseInt(día)
                         );
                     });*/
                    const diasFestivos = arreglo.map(item => {
                        const limpio = item.trim(); // 👈 quita espacios
                        const [año, mes, día] = limpio.split("-");
                        return new Date(año, mes - 1, día);
                    });
                    /*const diasFestivos = data.map(item => {
                            const [año, mes, día] = item.fecha_formateada.split('-');
                            return new Date(parseInt(año), parseInt(mes) - 1, parseInt(
                                día));
                        });*/
                    while (horasAcumuladas < totalHorasCurso) {
                        //resto del codigo
                        const nombreDia = obtenerNombreDia(fechaActual).toLowerCase();
                        if (esDiaFestivo(fechaActual, diasFestivos)) {
                            fechaActual.setDate(fechaActual.getDate() + 1);
                            continue;
                        }

                        if (diasSeleccionados.includes(nombreDia) && horasPorDia[
                                nombreDia] > 0) {
                            const horasDia = horasPorDia[nombreDia];
                            const horasRestantes = totalHorasCurso - horasAcumuladas;
                            const horasAAgregar = Math.min(horasDia, horasRestantes);
                            const claveSemana =
                                `Semana ${contadorSemana}`; // semana relativa
                            const mes = fechaActual.getMonth() + 1;
                            const año = fechaActual.getFullYear();
                            const claveMes =
                                `${mes < 10 ? '0' + mes : mes}-${año}`; // formato consistente

                            horasPorSemana[claveSemana] = (horasPorSemana[claveSemana] ||
                                0) + horasAAgregar;
                            horasPorMes[claveMes] = (horasPorMes[claveMes] || 0) +
                                horasAAgregar;
                            // Agregar  fechas del curso al array
                            fechasCurso.push(formatFechaISO(fechaActual));

                            sesiones += 1;
                            horasAcumuladas += horasAAgregar;
                        }
                        // Avanzar semana cada domingo
                        if (fechaActual.getDay() === 0) {
                            contadorSemana++;
                        }

                        if (horasAcumuladas >= totalHorasCurso) break;
                        fechaActual.setDate(fechaActual.getDate() + 1);
                    }
                    const fechaFinalStr = formatFecha(fechaActual);
                    const fechaTerminotemp = $('#fecha_termino').val();
                    //$('#fecha_termino').val(fechaFinalStr);
                    $('#fecha_termino').val(fechaTerminotemp);
                    $('#resumen').find('#prog_horas').val(horasAcumuladas);
                    $('#hrsTotales').html(`&nbsp;${horasAcumuladas}`);
                    $('#hrsMes').html(`${formatearDesglose(horasPorMes)}`);
                    $('#hrsSemana').html(`${formatearDesglose(horasPorSemana)}`);
                    $('#sesiones').html(`&nbsp;${sesiones}`);

                    var datosFormulario = $('#miFormulario').serialize();
                    let diasData = {};

                    $('.dia-checkbox').each(function() {
                        let dia = $(this).data('dia');

                        if ($(this).is(':checked')) {
                            diasData[dia] = {
                                activo: true,
                                inicio: $(`#horario_inicio_${dia}`).val(),
                                fin: $(`#horario_fin_${dia}`).val()
                            };
                        }
                    });
                    /* ------------- Empieza informacion de Datepickeer ------------------------*/
                    // Mostrar en el HTML separadas por coma
                    let html = fechas2025.join(', ');
                    //$('#dias_inhabiles').html(html);
                    $('#dias_inhabiles').html("{{ $diasInhabiles }}");
                    // Guardar todas  fechas para Flatpickr
                    let todasFechas = data.map(item => item.fecha_formateada);

                    flatpickr("#dias_curso", {
                        locale: 'es',
                        dateFormat: "d/m/Y",
                        inline: true,
                        defaultDate: null,
                         onReady: function(selectedDates, dateStr, instance) {
                             instance.calendarContainer.style.backgroundColor = "#F2F2F2";
                            instance.jumpToDate(fechaInicio);
                         },
                        onDayCreate: function(_, __, ___, dayElem) {
                            const fecha = dayElem.dateObj.toISOString().split(
                                'T')[0];
                            const RangoFechas = fechasCurso;

                            if (RangoFechas.includes(fecha)) {
                                dayElem.classList.add("fecha-curso");
                                dayElem.title = "Día festivo";
                            }

                            /* if (todasFechas.includes(fecha)) {
                                 dayElem.classList.add("fecha-inhabil");
                                 dayElem.title = "Día festivo";
                             }*/
                            if (fechas2025.includes(fecha)) {
                                dayElem.classList.add("fecha-inhabil");
                                dayElem.title = "Día festivo";
                            }
                        }
                    });
                },
                error: function(xhr) {
                    console.log("Error en  solicitud AJAX:", xhr);
                }
            });

            function parseFechaDatepicker(fechaStr) {
                const partes = fechaStr.split('/');
                if (partes.length !== 3) return null;
                const [dia, mes, año] = partes.map(Number);
                return new Date(año, mes - 1, dia);
            }

            function parseHora(horaStr) {
                const [h, m] = horaStr.split(':').map(Number);
                return h + (m / 60);
            }

            function obtenerNombreDia(fecha) {
                const dias = ['domingo', 'lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'sabado'];
                return dias[fecha.getDay()];
            }

            function esDiaFestivo(fecha, festivos) {
                return festivos.some(festivo =>
                    festivo.getDate() === fecha.getDate() &&
                    festivo.getMonth() === fecha.getMonth() &&
                    festivo.getFullYear() === fecha.getFullYear()
                );
            }

            function formatFecha(fecha) {
                const dia = String(fecha.getDate()).padStart(2, '0');
                const mes = String(fecha.getMonth() + 1).padStart(2, '0');
                const año = fecha.getFullYear();
                return `${dia}/${mes}/${año}`;
            }

            function formatearDesglose(obj) {
                return Object.entries(obj)
                    .map(([clave, horas]) => `<li class="text-bold text-right"><i class=" ri-check-line fs-4"></i> ${clave} :<strong> ${horas} horas.</strong></li>`)
                    .join('');
            }

            function formatFechaISO(fecha) {
                return fecha.toISOString().split('T')[0];
            }

        });

        // ==========================================================
        // ESTATUS A: MOSTRAR CAPACITANDOS DEL AULA
        // ==========================================================
        $(document).on('change', '#medio-entero', function() {
            let medio = $(this).val();
            let fila = $(this).closest('tr');
            fila.find('.txt-medio-entero').val(medio);
            //$('.txt-medio-entero').val(medio);
            fila.find('#div_select_error').text('');
        });

        $(document).on('change', '#becado', function() {
            let becado = $(this).val();
            let fila = $(this).closest('tr');
            fila.find('.txt-becado').val(becado);
            $('.txt-becado').val(becado);
        });

        // AGREGAR CAP. DEL AULA
        $(document).on("submit", ".agregar-capacitando", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            let formData = form.serialize();
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                dataType: "json",
                success: function(response) {
                    if (response.success) {
                        $('.add-capacitandos-table').DataTable().ajax.reload(null, false);
                        $('.capacitandos-table').DataTable().ajax.reload(null, false);
                        let capacitandos_aula = parseInt($('#capacitandosPorAgregar').val(), 10) || 0;
                        let numCap = capacitandos_aula - 1;
                        if (numCap < 0) numCap = 0;
                        $('#capacitandosPorAgregar').val(numCap);
                        $('#st_capacitandos').text(numCap);
                        /* setTimeout(function() {
                             if (numCap <= 0) {
                                 // Oculta los botones "Agregar" dentro de  tabla y los formularios de envío
                                 $('.agregar-capacitando').addClass('d-none');
                                 $('#div_alert_capacitandos_agregados').removeClass(
                                 'd-none');
                                 $('.btn-add').prop('disabled', true);

                             } else {
                                 $('.agregar-capacitando').removeClass('d-none');
                             }
                         }, 350);*/

                    }
                },
                error: function(xhr) {
                    let mensaje = "Ocurrió un error inesperado.";
                    // Si el servidor envió un mensaje JSON con clave "error"
                    if (xhr.responseJSON && xhr.responseJSON.error) {
                        mensaje = xhr.responseJSON.error;
                        $(".alert-alumnos-agregados").removeClass('d-none');
                        setTimeout(function() {
                            $(".alert-alumnos-agregados").fadeOut("slow");
                        }, 4000); // 4 segundos
                    }

                    // Detener cualquier animación en curso y mostrar el mensaje
                    $('#div_msg_error').stop(true, true).removeClass('d-none').show();
                    $('#msg_error').html(mensaje);

                    // Ocultar el mensaje después de 4 segundos
                    setTimeout(function() {
                        $("#div_msg_error").fadeOut("slow", function() {
                            // Opcional: agregar d-none después de ocultar
                            $(this).addClass('d-none');
                        });
                    }, 4000); // 4 segundos
                }
            });
        });

        $(document).on("submit", ".destroy-capacitando", function(e) {
            var fila = $(this).closest("tr");
            e.preventDefault();
            let form = $(this);
            let borraCapUrl = form.attr("action");
            let formData = form.serialize();

            $.ajax({
                url: borraCapUrl,
                type: "POST",
                data: formData,
                dataType: "json",
                success: function(response) {
                    if (response.success) {
                        $('.add-capacitandos-table').DataTable().ajax.reload(null, false);
                        let capacitandos_aula = parseInt($('#capacitandosPorAgregar').val(), 10) || 0;
                        fila.remove();

                        let numCap = capacitandos_aula + 1;
                        $('#capacitandosPorAgregar').val(numCap)
                        $('#st_capacitandos').text(numCap)

                        if (numCap < 0) numCap = 0;
                        setTimeout(function() {
                            if (numCap > 0) {
                                // Oculta los botones "Agregar" dentro de  tabla y los formularios de envío
                                $('.agregar-capacitando').removeClass('d-none');
                                $('#div_alert_capacitandos_agregados').addClass('d-none');
                                // $('.btn-add').prop('disabled', true);
                            } else {
                                $('.agregar-capacitando').removeClass('d-none');
                            }
                        }, 500);
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });


        $(document).on("submit", ".update-capacitando", function(e) {
            e.preventDefault();
            let form = $(this);
            let borraCapUrl = form.attr("action");
            let formData = form.serialize();
            var selec_medio = $('#txt-medio-entero').val();
            let fila = $(this).closest('tr');
            var selec_medio = fila.find('.txt-medio-entero').val();
            // Limpiar mensajes previos
            fila.find('#div_select_error').text('');
            // Validar antes de deshabilitar
            if (!selec_medio) {
                fila.find('#div_select_error').html('Seleccione una opción');
                // enfocar el select si existe
                let select = fila.find('#medio-entero').filter(':visible').first();
                if (select.length) select.focus();
                return false;
            }
            // Deshabilitar mientras se procesa  petición
            fila.find('input, select, textarea, button').prop('disabled', true);
            fila.find('button').addClass('d-none');
            fila.addClass('bg-success text-muted')
            if (selec_medio == '') {
                // $('#div_select_error').html('Seleccione un medio de entero');
                fila.find('#div_select_error').html('Seleccione una opción');
            }
            $.ajax({
                url: borraCapUrl,
                type: "POST",
                data: formData,
                dataType: "json",
                success: function(response) {
                    // limpiar mensaje si todo fue ok
                    fila.find('#div_select_error').text('');
                    if (response.success) {
                        if (response.success == "Guardar" && estatusCapacitandos != 2) {
                            // Mostrar el botón "Guardar y Terminar"
                            $('#btnEnviarCapacitandosRevision').removeClass('d-none');
                        } else if (response.success == "Guardar") {
                            verificarBotonesOcultos();
                        }
                        $('.add-capacitandos-table').DataTable().ajax.reload(null, false);
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                    // reactivar fila si hay error
                    fila.find('input, select, textarea, button').prop('disabled', false);
                    fila.find('button').removeClass('d-none');
                    fila.removeClass('bg-success text-muted');
                     if (xhr.status === 422) {
                            let mensaje = xhr.responseJSON.error;
                            fila.find('#div_select_error').html(mensaje);
                        }
                }
            });
        });

        // ACREDITACION DEL ALUMNO
        let btnAcredito = null;

        $(document).on("click", ".btnAcredito", function() {
            btnAcredito = this;
        })

        $(document).on("submit", ".update-acreditacion", function(e) {
            e.preventDefault();
            let form = $(this);
            let actualizaCapUrl = form.attr("action");
            let formData = form.serialize();
            let fila = $(this).closest('tr');
            fila.find('input, select, textarea, button').prop('disabled', true);
            fila.find('button').addClass('d-none');

            $.ajax({
                url: actualizaCapUrl,
                type: "POST",
                data: formData,
                dataType: "json",
                success: function(response) {
                    if (response.success) {
                        $(btnAcredito).addClass('d-none');
                        fila.find('input, select, textarea, button').prop('disabled', true);
                        if (response.success == "Terminar") {
                            // Mostrar el botón "Guardar y Terminar"
                            $('#btnTerminarAcreditacion').removeClass('d-none');
                        }

                        // ✅ Recargar  tabla para actualizar el indicador de encuesta dinámicamente
                        if (typeof dataTableCapacitandos !== 'undefined' && dataTableCapacitandos) {
                            dataTableCapacitandos.ajax.reload(null, false);
                        }
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        const id_aula = $('#id').val();
        const estatusCapacitandos = $('#estatusCapacitandos').val();
        const urlCapacitandos = "{{ route('showCapacitandosAula', ['id' => '_ID']) }}".replace('_ID', id_aula);

        //ESTATUS AULA A --------------------------------------- SCRIPT A EJECUTAR SI EL ESTATUS DEL AULA ES A
        let estatus_aula = $('#estatus').val();
        const estatusAula = '{{ $aula->estatus_numero }}';

        if (estatus_aula != 'A' && estatus_aula != 'X') {
            // ✅ Inicializar Set globalmente ANTES de que el DataTable envíe el AJAX,
            //    para evitar race condition (el AJAX puede completar antes de $(document).ready)
            if (!window.alumnosSeleccionados) {
                try {
                    var _SK = 'siccap_sel_pago_{{ $aula->id }}';
                    window.alumnosSeleccionados = new Set(
                        JSON.parse(sessionStorage.getItem(_SK) || '[]')
                    );
                } catch(e) {
                    window.alumnosSeleccionados = new Set();
                }
            }

            // Elimina  tabla si ya existe para evitar duplicados
            if ($.fn.DataTable.isDataTable('#example3')) {
                $('#example3').DataTable().destroy();
            }

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

            const csrfToken = '{{ csrf_token() }}';
            const tipoFormacion = '{{ $tipoFormacion }}';
            const aulCursoTipo = '{{ $aula->curso_tipo }}';

            // ✅ Definir estatusFacturas en este scope para que esté disponible en draw.dt
            const estatusFacturas = '{{ $aula->estatus_pagos_capacitandos }}';

            const mostrarColumna = false;
            var estatus_capacitandos = $('#estatus_capacitandos').val();

            // PERMISOS DE USUARIOS
            const puedeAceptarFactura = {{ isset($puedeValidarFactura) ? $puedeValidarFactura : 0 }};
            const puedeEditarCapacitandos = {{ isset($puedeEditarCapacitandos) ? $puedeEditarCapacitandos : 0 }};
            let puedeAsignarFolio = {{ isset($puedeAsignarFolio) ? $puedeAsignarFolio : 0 }};
            const puedeAsignarFechaEntregaDiploma =
                {{ isset($puedeAsignarFechaEntregaDiploma) ? $puedeAsignarFechaEntregaDiploma : 0 }};
            const puedeVerHojaSid = {{ \App\Services\PermisoService::tienePermisoCache('Aulas', 'ver_hoja_sid') ? 'true' : 'false' }};


            let target6_visible = true;
            let target5_visible = true;
            let target4_visible = true;

            if (estatus_aula == 'D') {
                // se permite ver estatus encuestas
                // target5_visible = false;
                target4_visible = false;
                target6_visible = true;
            }
            /*else if (parseInt(puedeEditarCapacitandos) == 2 || parseInt(puedeAceptarFactura) != 2) {
                           target6_visible = true;
                       }*/
            function incrementarCadena(str) {
                const match = str.match(/(\D*)(\d+)$/);
                if (!match) return str;
                const texto = match[1];
                const numero = match[2];
                const largo = numero.length;
                const nuevoNumero = String(parseInt(numero, 10) + 1).padStart(largo, '0');
                return texto + nuevoNumero;
            }

            let puedeAcreditarCapacitandos = $('#puedeAcreditar').val();

            // ============ FUNCIONES AUXILIARES ============
            function textoSeguro(valor) {
                return valor ? valor : '-';
            }

            function formatoTotal(valor) {
                if (valor === null || valor === undefined || valor === '') return '-';
                const num = parseFloat(valor);
                if (Number.isNaN(num)) return '-';
                return num.toLocaleString('es-MX', {
                    minimumFractionDigits: 2,
                    maximumFractionDigits: 2
                });
            }

            // ============ VARIABLES VISTA CFDI ============
            const esUnidad = @json(auth()->user()->hasProfile('Unidad'));
            const esFinancieros = @json(auth()->user()->hasProfile('Financieros'));
            const esAdministrador = @json(auth()->user()->isAdministrator());

            // Perfil 22 solo puede asignar folio cuando el tipo de curso es 4
            if (esUnidad && aulCursoTipo != '4') {
                puedeAsignarFolio = false;
            }

            let mostrarCfdi = false;
            const vistaCfdiKey = 'vistaCfdi_' + id_aula;
            const vistaCfdiGuardada = localStorage.getItem(vistaCfdiKey);
            const esCursoRegular = (aulCursoTipo == '1');
            const esRoco = (aulCursoTipo == '6');
            const llevaConvenio = {{ $aula->lleva_convenio ? 'true' : 'false' }};

            // Solo perfiles 16 (Financiero) y 1 (Admin) pueden activar Vista CFDI, y únicamente en estatus D
            // Si el aula lleva convenio, se muestra Vista Convenio en su lugar (no Vista CFDI)
            const puedeVerCfdi = (esFinancieros || esAdministrador) && estatus_aula === 'D' && !llevaConvenio;

            if (!puedeVerCfdi) {
                // Limpiar valor obsoleto de localStorage para perfiles sin acceso a Vista CFDI
                localStorage.removeItem(vistaCfdiKey);
            } else if (vistaCfdiGuardada === '1') {
                mostrarCfdi = true;
            } else if (vistaCfdiGuardada === null && esFinancieros) {
                mostrarCfdi = true;
                localStorage.setItem(vistaCfdiKey, '1');
            }

            function obtenerColumnDefsCapacitandos(esCfdi, esCursoReg) {
                if (esCfdi || esCursoReg) {
                    return [];
                }
                const hideEncuesta = esRoco || aulCursoTipo === '7' || esFinancieros;
                if (hideEncuesta) {
                    // Solo 6 columnas (índices 0-5): no hay columna ENCUESTA
                    // El índice 5 es ACCIONES (desplazado por  ausencia de ENCUESTA)
                    return [{
                            targets: 4,
                            visible: target4_visible
                        },
                        {
                            targets: 5,
                            visible: target6_visible
                        }
                    ];
                }
                return [{
                        targets: 4,
                        visible: target4_visible
                    },
                    {
                        targets: 5,
                        visible: target5_visible
                    },
                    {
                        targets: 6,
                        visible: target6_visible
                    }
                ];
            }

            function actualizarEncabezadoCapacitandos(esCfdi, esCursoReg) {
                const $theadRow = $('.capacitandos-table thead tr');
                if (!$theadRow.length) return;

                const hideEncuesta = esRoco || aulCursoTipo === '7' || esFinancieros;

                if (esCursoReg) {
                    // Vista Curso Regular: sin columnas CFDI (XML)
                    $theadRow.html(
                        '<th class="sorting auto-width" tabindex="0">NO.</th>' +
                        '<th class="sorting auto-width" tabindex="0">NO. CONTROL</th>' +
                        '<th class="sorting auto-width" tabindex="0" nowrap>CAPACITANDO</th>' +
                        '<th class="sorting auto-width" tabindex="0">TOTAL</th>' +
                        '<th class="sorting auto-width" tabindex="0">GUÍA CIE</th>' +
                        '<th class="sorting auto-width" tabindex="0">FECHA DEP</th>' +
                        (hideEncuesta ? '' : '<th class="sorting auto-width" tabindex="0">ENCUESTA</th>') +
                        '<th class="sorting auto-width" tabindex="0">ACCIONES</th>'
                    );
                } else if (esCfdi) {
                    // Vista CFDI: con todas  columnas XML
                    $theadRow.html(
                        '<th class="sorting auto-width" tabindex="0">NO.</th>' +
                        '<th class="sorting auto-width" tabindex="0">NO. CONTROL</th>' +
                        '<th class="sorting auto-width" tabindex="0" nowrap>CAPACITANDO</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">FOLIO FACT</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">UUID</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">FECHA FACT</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">RFC EMISOR</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">EMISOR</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">TOTAL</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">GUÍA CIE</th>' +
                        '<th class="sorting auto-width cfdi-column" tabindex="0">FECHA DEP</th>' +
                        (hideEncuesta ? '' : '<th class="sorting auto-width" tabindex="0">ENCUESTA</th>') +
                        '<th class="sorting auto-width" tabindex="0">ACCIONES</th>'
                    );
                } else {
                    // Vista Normal: sin CFDI
                    $theadRow.html(
                        '<th class="sorting auto-width" tabindex="0">NO.</th>' +
                        '<th class="sorting auto-width" tabindex="0">NO. CONTROL</th>' +
                        '<th class="sorting auto-width" tabindex="0" nowrap>CAPACITANDO</th>' +
                        '<th class="sorting auto-width" tabindex="0" nowrap>&iquest;C&Oacute;MO SE ENTER&Oacute;?</th>' +
                        '<th class="sorting auto-width" tabindex="0">BECADO</th>' +
                        (hideEncuesta ? '' : '<th class="sorting auto-width" tabindex="0">ENCUESTA</th>') +
                        '<th class="sorting auto-width" tabindex="0">ACREDITO</th>'
                    );
                }
            }

            const tieneToggleCfdi = $('#toggleVistaCfdi').length > 0;
            if (tieneToggleCfdi) {
                actualizarEncabezadoCapacitandos(mostrarCfdi, esCursoRegular && mostrarCfdi);
                if (esCursoRegular) {
                    $('#toggleVistaCfdi').text(mostrarCfdi ? 'Vista Normal' : 'Vista Curso Regular');
                } else {
                    $('#toggleVistaCfdi').text(mostrarCfdi ? 'Vista sin CFDI' : 'Vista CFDI');
                }
                $('.capacitandos-table').toggleClass('cfdi-view', mostrarCfdi);
            } else if (esCursoRegular && mostrarCfdi) {
                // perfil 16 + curso regular sin toggle: alinear thead con columnas CIE/Fecha Dep
                actualizarEncabezadoCapacitandos(true, true);
            }

            // Cuando el aula lleva convenio, inicializar cabecera con Vista Normal sin CFDI.
            // Se usa  variable `llevaConvenio` (renderizada desde PHP) en lugar de  presencia
            // del botón #toggleVistaConvenio, porque cuando aún no hay convenio_file el botón
            // no existe en el DOM y el thead quedaría con columnas CFDI desfasadas.
            const tieneToggleConvenio = $('#toggleVistaConvenio').length > 0;
            if (llevaConvenio) {
                // Forzar cabecera "Vista Normal sin CFDI" (no se muestra Vista CFDI en aulas con convenio)
                actualizarEncabezadoCapacitandos(false, false);
            }

            // ============ HANDLER VISTA CONVENIO ============
            $('#toggleVistaConvenio').on('click', function() {
                // #vistaConvenioViewer está dentro de .table-responsive igual que  tabla.
                // Se oculta el wrapper que DataTables genera (#capacitandos_wrapper),
                // no .table-responsive completo, para que el viewer pueda ser visible.
                const $dtWrapper = $('#capacitandos_wrapper');
                const $convenioViewer = $('#vistaConvenioViewer');
                const $mostrarBotonesConv = $('#botonesConvenio');
                const mostrarConvenio = $convenioViewer.hasClass('d-none');

                if (mostrarConvenio) {
                    $dtWrapper.addClass('d-none');
                    $convenioViewer.removeClass('d-none');
                    $mostrarBotonesConv.removeClass('d-none');
                    $(this).text('Ocultar Convenio');
                } else {
                    $convenioViewer.addClass('d-none');
                    $mostrarBotonesConv.addClass('d-none');
                    $dtWrapper.removeClass('d-none');
                    $(this).text('Ver Convenio');
                    // Restaurar cabecera Vista Normal sin CFDI y reajustar columnas
                    actualizarEncabezadoCapacitandos(false, false);
                    if (typeof dataTableCapacitandos !== 'undefined' && dataTableCapacitandos) {
                        dataTableCapacitandos.columns.adjust().draw(false);
                    }
                }
            });

            // ============ DEFINICIONES COLUMNAS CAPACITANDOS ============
            let columnasCapacitandos = [];

            if (mostrarCfdi && esCursoRegular) {
                // Vista Curso Regular: sin columnas XML, solo CIE y Fecha Depósito
                columnasCapacitandos = [{
                        "data": null,
                        render: function(data, type, row, meta) {
                            return `<strong>${meta.row + 1}</strong>`;
                        },
                        "className": "text-center"
                    },
                    {
                        "data": "numero_control",
                        "className": "auto-width"
                    },
                    {
                        "data": "nombre_alumno",
                        "className": "auto-width"
                    },
                    {
                        "data": "xml_total",
                        "className": "auto-width",
                        render: function(data) {
                            return formatoTotal(data);
                        }
                    },
                    {
                        "data": "factura_cie",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    {
                        "data": "factura_fecha_deposito",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    ...((esRoco || aulCursoTipo === '7' || esFinancieros) ? [] : [{
                        "data": "completa",
                        "className": "text-center",
                        render: function(data, type, row) {
                            // Solo mostrar indicador si el alumno está acreditado con 'SI'
                            if (row.acreditado !== 'SI') {
                                return '-';
                            }

                            if (data == 1) {
                                return '<span class="badge badge-success">Contestada</span>';
                            } else {
                                return '<span class="badge badge-danger">Pendiente</span>';
                            }
                        }
                    }]),
                    {
                        "data": null,
                        render: function(data) {
                            var estatus_factura = data.estatus_comprobante;
                            var src = data.factura_pdf;
                            var xml = data.factura_xml;
                            var id_alumno = data.id_alumno;
                            var alumno = data.nombre_alumno;
                            var observacion = data.observacion_comprobante;

                            if (estatus_factura == 3) {
                                return `<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="${src}"><i class="ri-file-add-line"></i></button>`;
                            } else if ((estatus_factura == 2)) {
                                return `<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="${src}">
                                            <i class="ri-file-add-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${observacion}"></i>
                                        </button>`;
                            } else if ((estatus_factura == 1)) {
                                if (puedeAceptarFactura == 1) {
                                    return `<div class="revisarFacturas">
                                                <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="${src}" data-id-alumno="${id_alumno}" >
                                                    <i class="ri-file-add-line"></i>
                                                </button>
                                                <button type="button" class="btn btn-success shadow btn-xs sharp me-1 btn-validar" data-bs-toggle="modal" data-bs-target="${Number(data.grupo_size || 1) > 1 ? '#modalValidarFacturaGrupo' : '#modalValidarFactura'}" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                    <i class=" ri-check-line"></i>
                                                </button>
                                                <button type="button" class="btn btn-danger shadow btn-xs sharp me-1 btn-rechaza" data-bs-toggle="modal" data-bs-target="#modalRechazarFactura" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                    <i class=" ri-close-line"></i>
                                                </button> 
                                            </div>`;
                                } else {
                                    return `<button type="button" class="btn btn-warning shadow btn-xs ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}">
                                                <i class=" ri-eye-line"></i> Factura
                                            </button>`;
                                }
                            } else {
                                return '-';
                            }
                        }
                    }
                ];
            } else if (mostrarCfdi) {
                // Vista CFDI: con columnas de factura XML
                columnasCapacitandos = [{
                        "data": null,
                        render: function(data, type, row, meta) {
                            return `<strong>${meta.row + 1}</strong>`;
                        },
                        "className": "text-center"
                    },
                    {
                        "data": "numero_control",
                        "className": "auto-width"
                    },
                    {
                        "data": "nombre_alumno",
                        "className": "auto-width"
                    },
                    {
                        "data": "xml_folio",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    {
                        "data": "xml_uuid",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    {
                        "data": "xml_fecha",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    {
                        "data": "xml_rfc_emisor",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    {
                        "data": "xml_emisor",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    {
                        "data": "xml_total",
                        "className": "auto-width",
                        render: function(data) {
                            return formatoTotal(data);
                        }
                    },
                    {
                        "data": "factura_cie",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    {
                        "data": "factura_fecha_deposito",
                        "className": "auto-width",
                        render: function(data) {
                            return textoSeguro(data);
                        }
                    },
                    ...((esRoco || aulCursoTipo === '7' || esFinancieros) ? [] : [{
                        "data": "completa",
                        "className": "text-center",
                        render: function(data, type, row) {
                            // Solo mostrar indicador si el alumno está acreditado con 'SI'
                            if (row.acreditado !== 'SI') {
                                return '-';
                            }

                            if (data == 1) {
                                return '<span class="badge badge-success">Contestada</span>';
                            } else {
                                return '<span class="badge badge-danger">Pendiente</span>';
                            }
                        }
                    }]),
                    {
                        "data": null,
                        render: function(data) {
                            var estatus_factura = data.estatus_comprobante;
                            var src = data.factura_pdf;
                            var xml = data.factura_xml;
                            var id_alumno = data.id_alumno;
                            var alumno = data.nombre_alumno;
                            var observacion = data.observacion_comprobante;

                            if (estatus_factura == 3) {
                                return `<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="${src}"><i class="ri-file-add-line"></i></button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                            } else if ((estatus_factura == 2)) {
                                return `<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="${src}">
                                            <i class="ri-file-add-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${observacion}"></i>
                                        </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                            } else if ((estatus_factura == 1)) {
                                if (puedeAceptarFactura == 1) {
                                    return `<div class="revisarFacturas">
                                                <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="${src}" data-id-alumno="${id_alumno}" >
                                                    <i class="ri-file-add-line"></i>
                                                </button>
                                                ${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }
                                                <button type="button" class="btn btn-success shadow btn-xs sharp me-1 btn-validar" data-bs-toggle="modal" data-bs-target="${Number(data.grupo_size || 1) > 1 ? '#modalValidarFacturaGrupo' : '#modalValidarFactura'}" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                    <i class=" ri-check-line"></i>
                                                </button>
                                                <button type="button" class="btn btn-danger shadow btn-xs sharp me-1 btn-rechaza" data-bs-toggle="modal" data-bs-target="#modalRechazarFactura" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                    <i class=" ri-close-line"></i>
                                                </button> 
                                            </div>`;
                                } else {
                                    return `<button type="button" class="btn btn-warning shadow btn-xs ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}">
                                                <i class=" ri-eye-line"></i> Factura
                                            </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs ver-xml ms-2' + '" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i> XML</button>' : '' }`;
                                }
                            } else {
                                return '-';
                            }
                        }
                    }
                ];
            } else {
                // Vista sin CFDI: columnas originales del DataTable
                columnasCapacitandos = [{
                        "data": null,
                        render: function(data, type, row, meta) {
                            return `<strong>${meta.row + 1}</strong>`;
                        },
                        "className": "text-center"
                    },
                    {
                        "data": "numero_control",
                        "className": "auto-width"
                    },
                    {
                        "data": "nombre_alumno",
                        "className": "auto-width"
                    },
                    /*{
                        "data": "nombre_corto",
                        "className": "auto-width"
                    },
                    */
                    {
                        "data": null,
                        render: function(data) {
                            var como_se_entero = data.como_se_entero;
                            var acreditado = data.acreditado;

                            if (estatus_aula == 'E' || estatus_aula == 'F' || estatus_aula == 'G') {
                                return `<strong class="${acreditado=='NO' || acreditado=='DESERCION'   ? 'text-danger' : ''}">${acreditado}</strong>`;
                            } else {
                                return `
                               <select class="form-select text-primary" name="" id="medio-entero"  ${como_se_entero  && estatus_capacitandos!=2 || !puedeEditarCapacitandos  ? 'disabled' : ''} required>
                                    <option value="">Seleccione</option>
                                    <option value="RADIO" ${como_se_entero == "RADIO" ? 'selected' : ''}>RADIO</option>
                                    <option value="TELEVISION" ${como_se_entero == "TELEVISION" ? 'selected' : ''}>TELEVISIÓN</option>
                                    <option value="PERIFONEO" ${como_se_entero == "PERIFONEO" ? 'selected' : ''}>PERIFONEO</option>
                                    <option value="PAGINA OFICIAL ICAT" ${como_se_entero == "PAGINA OFICIAL ICAT" ? 'selected' : ''}>PÁGINA OFICIAL ICAT</option>
                                    <option value="PAGINA GUBERNAMENTAL" ${como_se_entero == "PAGINA GUBERNAMENTAL" ? 'selected' : ''}>PÁGINA GUBERNAMENTAL</option>
                                    <option value="MODULO DE INFORMACION" ${como_se_entero == "MODULO DE INFORMACION" ? 'selected' : ''}>MÓDULO DE INFORMACIÓN</option>
                                    <option value="VOLANTES" ${como_se_entero == "VOLANTES" ? 'selected' : ''}>VOLANTES</option>
                                    <option value="CARTELES" ${como_se_entero == "CARTELES" ? 'selected' : ''}>CARTELES</option>
                                    <option value="REDES SOCIALES" ${como_se_entero == "REDES SOCIALES" ? 'selected' : ''}>REDES SOCIALES</option>
                                    <option value="VISITA ESCUELA/DOMICILIO" ${como_se_entero=="VISITA ESCUELA/DOMICILIO" ? 'selected' : ''}>VISITA ESCUELA/DOMICILIO</option>
                                    <option value="FERIA O EVENTO ESPECIAL" ${como_se_entero == "FERIA O EVENTO ESPECIAL" ? 'selected' : ''}>FERIA O EVENTO ESPECIAL</option>
                                    <option value="PERIODICO O REVISTA" ${como_se_entero == "PERIODICO O REVISTA" ? 'selected' : ''}>PERIODICO O REVISTA</option>
                               </select>
                            <div class="text-danger" id="div_select_error"></div>
                            `;
                            }
                        },
                        "className": "text-center auto-width"
                    },
                    {
                        "data": null,
                        render: function(data) {
                            var es_becado = data.becado;
                            var estatusCapacitandos = data.estatus_capacitandos;
                            var como_se_entero = data.como_se_entero;
                            var acreditado = data.acreditado;
                            var id_aula = data.id_aula;
                            var alumno = data.id_alumno;
                            var folio = data.folio_diploma;
                            var fechaDiploma = data.fechaDiploma;
                            var folio_seguimiento = data.conocer_folio_solicitud || '';

                            var btn_factura_conocer = "";
                            var src = data.factura_pdf;
                            var xml = data.factura_xml;

                            if (aulCursoTipo == 7) {
                                btn_factura_conocer =
                                    `
                                &nbsp;
                                 <button type="button" class="btn btn-info btn-sm p-1 rounded-3 py-0 me-0 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}"><i class="ri-file-add-line fs-5"></i></button>
                                 ${ xml ? '<button type="button" class="btn btn-success btn-sm p-1 rounded-3 py-0 ms-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                            }

                            if (estatus_aula == 'E') {
                                if (puedeAsignarFolio == true) {
                                        return `<form class=" ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''} update-folio" action="{{ route('updateFolioDiploma') }}" method="POST">
                                        @csrf
                                        <div class="d-flex">
                                            <input type="text" class="form-control input-folio" placeholder="Ingrese Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" ${folio ? 'disabled' : ''} >
                                            ${aulCursoTipo == '7' ? `<input type="text" class="form-control mx-1" placeholder="Folio Solicitud" name="folio2" value="${folio_seguimiento}" onkeyup="this.value = this.value.toUpperCase()">` : ''}
                                             <div class="input-group flatpicker-group">
                                                    <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" ${fechaDiploma ? 'disabled' : ''}>
                                                    <span class="input-group-text"><i class=" ri-calendar-line"></i></span>
                                             </div>
                                             <input type="hidden" value="${alumno}"    name="id_alumno">
                                             <input type="hidden" value="${id_aula}"   name="id_aula">
                                            <button type="submit" class="btn btn-success btn-sm p-1 rounded-2 me-1 ms-1" ${folio ? 'disabled' : ''} ><i class=" ri-save-line fs-3 p-0"></i></button>
                                            <button type="button" class="btn btn-primary btn-sm p-1 rounded-3 py-0 me-0"><i class=" ri-edit-2-line fs-3 p-0 btn-edit"></i></button>
                                            ${btn_factura_conocer}
                                         </div>
                                            <div class="text-danger" id="message_folio"></div>
                                            ${aulCursoTipo == '7' ? '<div class="text-danger" id="message_folio2"></div>' : ''}
                                            <div class="text-danger" id="message_fecha"></div>
                                        </form> `;
                                } else {
                                    return `<div class="${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''} d-flex">
                                                <input type="text" class="form-control input-folio" placeholder="Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" readonly >
                                                ${aulCursoTipo == '7' ? `<input type="text" class="form-control mx-1" placeholder="Folio Solicitud" name="folio2" value="${folio_seguimiento}" readonly>` : ''}
                                                ${aulCursoTipo == '7' ? btn_factura_conocer : ''}
                                            </div>`;

                                }
                            } else if (estatus_aula == 'F' || estatus_aula == 'G') {
                                return `<form class=" ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''} update-folio" action="{{ route('updateFolioDiploma') }}" method="POST">
                                        @csrf
                                        <div class="d-flex">
                                            <input type="text" class="form-control input-folio" placeholder="Ingrese Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" ${folio ? 'disabled' : ''} >
                                            ${aulCursoTipo == '7' ? `<input type="text" class="form-control mx-1" placeholder="Folio Solicitud" name="folio2" value="${folio_seguimiento}" onkeyup="this.value = this.value.toUpperCase()">` : ''}
                                             <div class="input-group flatpicker-group">
                                                    <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" ${fechaDiploma ? 'disabled' : ''}>
                                                    <span class="input-group-text"><i class=" ri-calendar-line"></i></span>
                                             </div>
                                         </div>`;
                            } else {
                                return `
                               <select class="form-select text-primary" name="" id="becado" d-flex ${como_se_entero  && estatus_capacitandos!=2 || !puedeEditarCapacitandos ? 'disabled' : ''}>
                                    <option value="NO">NO</option>
                                    <option value="SI"  ${es_becado == "SI" ? 'selected' : ''}>SI</option>  
                               </select>
                            `;
                            }
                        }
                    },
                    // COLUMNA ENCUESTA
                    ...((esRoco || aulCursoTipo === '7' || esFinancieros) ? [] : [{
                        "data": "completa",
                        "className": "text-center",
                        render: function(data, type, row) {
                            // Solo mostrar indicador si el alumno está acreditado con 'SI'
                            if (row.acreditado !== 'SI') {
                                return '-';
                            }

                            if (data == 1) {
                                return '<span class="badge badge-success">Contestada</span>';
                            } else {
                                return '<span class="badge badge-danger">Pendiente</span>';
                            }
                        }
                    }]),
                    // TABLA COLUMNA 6 (ACCIONES)
                    {
                        "data": null,
                        render: function(data) {
                            var id_alumno = data.id;
                            var como_se_entero = data.como_se_entero;
                            var src = data.factura_pdf ? data.factura_pdf : data.convenio_file;
                            var xml = data.factura_xml;
                            var id_alumno = data.id_alumno;
                            var id_aula = data.id_aula;
                            var estatus_factura = data.estatus_comprobante;
                            var alumno = data.nombre_alumno;
                            var observacion = data.observacion_comprobante;
                            var acreditado = data.acreditado;
                            var folio = data.folio_diploma;
                            var btn_acreditacion = "";

                            let puedeAcreditar = {{ $puedeAcreditarCapacitandos ? 'true' : 'false' }};
                            let acreditar = "{{ $acreditar }}";
                        
                            if (puedeAcreditar) {
                                let ocultar = (acreditado && estatusAula != 2) || !puedeEditarCapacitandos;
                                btn_acreditacion = `
                                    <button type="submit"
                                        class="btn btn-success shadow btn-xs me-1 ${ocultar ? 'd-none' : ''} btnAcredito"
                                        name="btnAcredito"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="">
                                        <i class=" ri-check-line"></i> Guardar
                                    </button>
                                `;
                            }

                            let btnHojaSid = '';
                            if (!['A', 'B', 'X'].includes(estatus_aula) && puedeVerHojaSid) {
                                btnHojaSid = `<a href="{{ route('formatos.hoja_sid') }}?id_aula=${id_aula}&id_alumno=${id_alumno}" target="_blank" class="btn btn-primary btn-sm px-1 d-flex align-items-center rounded-3 " data-bs-toggle="tooltip" data-bs-placement="top" title="Imprimir Hoja SID">
                                    <i class=" ri-printer-line fs-3 p-0"></i>
                                </a>`;
                            }

                            // TABLA ESTATUS F MUESTRA  OPCIONES DEL ESTATUS F
                            if (estatus_aula == 'E') {
                                if (aulCursoTipo === '7') {
                                    return '';
                                }
                                if (puedeAsignarFolio == true) {
                                    return `<div class="d-flex gap-1 justify-content-center align-items-center">
                                                <div class="dropdown ${acreditado=='NO' ||  !folio ? 'd-none' : ''}">
                                                    <button type="button" class="btn btn-dark btn-sm p-1 rounded-3" data-bs-toggle="dropdown">
                                                        <i class=" ri-printer-line fs-3 p-0"></i>
                                                    </button>
                                                    <div class="dropdown-menu">
                                                        <a class="dropdown-item ver-pdf ${tipoFormacion.toUpperCase().includes('EXT') && aulCursoTipo != '1' && aulCursoTipo != '4' && aulCursoTipo != '6' ? '' : 'd-none'}" href="{{ route('formatos.constanciaExtension') }}?id_aula=${id_aula}&id_alumno=${id_alumno}" target="_blank">DIPLOMA EXT</a>
                                                        <a class="dropdown-item ver-pdf ${aulCursoTipo == '1' ? '' : 'd-none'}" href="{{ route('formatos.constanciaRegular') }}?id_aula=${id_aula}&id_alumno=${id_alumno}" target="_blank">DIPLOMA REG</a>
                                                        <a class="dropdown-item ver-pdf ${tipoFormacion.toUpperCase().includes('CAE') && aulCursoTipo != '1' && aulCursoTipo != '4' && aulCursoTipo != '6' ? '' : 'd-none'}" href="{{ route('formatos.constanciaCAE') }}?id_aula=${id_aula}&id_alumno=${id_alumno}" target="_blank">DIPLOMA CAE</a>
                                                        <a class="dropdown-item ver-pdf ${tipoFormacion.toUpperCase().includes('ALI') && aulCursoTipo != '1' && aulCursoTipo != '4' && aulCursoTipo != '6' ? '' : 'd-none'}" href="{{ route('formatos.constanciaExtension') }}?id_aula=${id_aula}&id_alumno=${id_alumno}" target="_blank">DIPLOMA EXT</a>
                                                        <a class="dropdown-item ver-pdf ${tipoFormacion.toUpperCase().includes('ALI') && aulCursoTipo != '1' && aulCursoTipo != '4' && aulCursoTipo != '6' ? '' : 'd-none'}" href="{{ route('formatos.constanciaCAE') }}?id_aula=${id_aula}&id_alumno=${id_alumno}" target="_blank">DIPLOMA CAE</a>
                                                        <a class="dropdown-item ver-pdf ${aulCursoTipo == '6' ? '' : 'd-none'}" href="{{ route('formatos.constanciaROCO') }}?id_aula=${id_aula}&id_alumno=${id_alumno}" target="_blank">DIPLOMA ROCO</a>
                                                    </div>
                                                </div>
                                                ${btnHojaSid}
                                            </div>`;
                                } else {
                                    return `<div class="d-flex gap-1 justify-content-center align-items-center ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''}">
                                                 ${folio ? '<span class="badge light badge-success">Asignado</span>' : '<span class="badge light badge-warning">Pendiente</span>'}
                                                 ${btnHojaSid}
                                            </div>`;
                                }
                            }
                            // TABLA ESTATUS C MUESTRA  OPCIONES DEL ESTATUS C
                            else if (estatus_aula == 'F' || estatus_aula == 'G') {
                                var fechaEntregaDiploma = data.fechaEntregaDiploma || '';
                                return `<div class="d-flex gap-1 align-items-center">
                                            <form class=" ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''} update-entrega" action="{{ route('updateFechaEntregaDiploma') }}" method="POST">
                                                 @csrf
                                                <div class="d-flex gap-1">
                                                    <div class="input-group flatpicker-group">
                                                           <input type="text" class="form-control flatpicker " placeholder="Ingrese Fecha" value="${fechaEntregaDiploma}" name="fecha" ${fechaEntregaDiploma ? 'disabled' : ''}>
                                                           <span class="input-group-text "><i class=" ri-calendar-line"></i></span>
                                                    </div>
                                                         <input type="hidden" value="${id_alumno}" name="id_alumno">
                                                         <input type="hidden" value="${id_aula}"   name="id_aula">
                                                    <button type="submit" class="btn btn-success btn-sm p-1 rounded-2 me-1 ms-1 ${!puedeAsignarFechaEntregaDiploma || estatus_aula == 'G' ? 'd-none' : ''}" ${fechaEntregaDiploma ? 'disabled' : ''}><i class=" ri-save-line fs-3 p-0" ></i></button>
                                                    <button type="button" class="btn btn-primary btn-sm p-1 rounded-3 py-0 me-0 btn-edit ${!puedeAsignarFechaEntregaDiploma || estatus_aula == 'G' ? 'd-none' : ''}"><i class=" ri-edit-2-line fs-3 p-0 btn-edit"></i></button>
                                                    <!-- aqui va el botón del PDF factura -->&nbsp;
                                                    <button type="button" class="btn ml-1 btn-success btn-sm p-1 rounded-3 py-0 me-0 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="/${src}"><i class="ri-file-add-line fs-3 p-0"></i></button>
                                                </div>
                                                        <div class="text-danger" id="message_fecha"></div>
                                            </form>
                                            ${btnHojaSid}
                                        </div>`;
                            } else {
                                //if (estatus_factura != null) {
                            
                                if (estatus_aula == 'D') {
                                    // Botones de visualización de factura (PDF/XML) según el estatus del comprobante
                                    let facturaViewBtn = '';
                                    if (estatus_factura == 3) {
                                        facturaViewBtn = `<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="${src}"><i class="ri-file-add-line"></i></button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                    } else if (estatus_factura == 2) {
                                        facturaViewBtn = `<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="${src}"><i class="ri-file-add-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${observacion}"></i></button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                    } else if (estatus_factura == 1) {
                                        facturaViewBtn = `<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="${src}"><i class="ri-file-add-line"></i></button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                    }
                                    return `<div class="d-flex flex-wrap gap-1 align-items-center">
                                        ${facturaViewBtn}
                                        ${btnHojaSid}
                                        <form class="d-flex update-acreditacion" action="{{ route('updateAcreditacionCapacitando') }}" method="POST">
                                               @csrf     
                                             <select class="form-select text-primary me-2 w-50  ${acreditar=="NO" ? 'd-none' : ''}" name="acreditado" ${acreditado && estatusAula!=2 || !puedeEditarCapacitandos  ? 'disabled' : ''}>
                                                <option value="SI" ${acreditado=='SI' ? 'selected' : ''}>SI</option>
                                                <option value="NO" ${acreditado=='NO' ? 'selected' : ''}>NO</option>  
                                                <option value="DESERCION" ${acreditado=='DESERCION' ? 'selected' : ''}>DESERCIÓN</option>  
                                             </select>   
                                            <label class="form-check-label me-2 ${acreditar=="NO" ? '' : 'd-none'}" for="acreditado">Pendiente</label> 
                                                <input type="hidden" value="${id_alumno}" id="id_alumno" name="id_alumno">
                                                <input type="hidden" value="${id_aula}"   id="id_aula"   name="id_aula">      
                                              <button type="submit" class="btn btn-success shadow btn-xs me-1 ${acreditado && estatusAula!=2 || !puedeEditarCapacitandos ? 'd-none' : ''} btnAcredito  ${acreditar=="NO" ? 'd-none' : ''}" name="btnAcredito"
                                                 data-bs-toggle="tooltip" data-bs-placement="top" title="" ><i class=" ri-check-line"></i> Guardar
                                             </button>
                                         </form>
                                    </div>`;
                                } else if (estatus_factura == 3) {
                                    return `    
                                    <div class="d-flex flex-wrap gap-1 align-items-center">
                                    <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="${src}"><i class="ri-file-add-line"></i></button> 
                                    ${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button> ' : '' } 
                                    ${btnHojaSid}
                                    </div>`;
                                } else if ((estatus_factura == 2)) {
                                    return `<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="${src}">
                                                    <i class="ri-file-add-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${observacion}"></i>
                                                </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                } else if ((estatus_factura == 1)) {
                                    if (puedeAceptarFactura == 1) {
                                        return `<div class="revisarFacturas">
                                                        <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="${src}" data-id-alumno="${id_alumno}" >
                                                            <i class="ri-file-add-line"></i>
                                                        </button>
                                                        ${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }
                                                        <button type="button" class="btn btn-success shadow btn-xs sharp me-1 btn-validar" data-bs-toggle="modal" data-bs-target="${Number(data.grupo_size || 1) > 1 ? '#modalValidarFacturaGrupo' : '#modalValidarFactura'}" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                            <i class=" ri-check-line"></i>
                                                        </button>
                                                        <button type="button" class="btn btn-danger shadow btn-xs sharp me-1 btn-rechaza" data-bs-toggle="modal" data-bs-target="#modalRechazarFactura" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                            <i class=" ri-close-line"></i>
                                                        </button>
                                                    </div>`;
                                    } else {
                                        return `<button type="button" class="btn btn-warning shadow btn-xs ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}">
                                                        <i class=" ri-eye-line"></i> Factura
                                                    </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs ver-xml ms-2' + '" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i> XML</button>' : '' }`;
                                    }
                                }
                                // }
                                if (puedeEditarCapacitandos == true && estatus_aula == "B") {
                                    return `
                                  <div class="d-flex ${como_se_entero && estatus_capacitandos!=2 ? 'd-none' : ''}">
                                         <form class="update-capacitando " action="{{ route('updateCapacitando') }}" method="POST">
                                              @csrf
                                                 <input type="hidden" value="${id_alumno}" id="id_alumno"        name="id_alumno">
                                                 <input type="hidden" value="${id_aula}"   id="id_aula"          name="id_aula">  
                                                 <input type="hidden" class="txt-medio-entero" value="${como_se_entero ? como_se_entero : ''}"    id="txt-medio-entero" name="medio_entero">  
                                                 <input type="hidden" class="txt-becado" value=""          id="txt-becado" name="es_becado">  
                                                 
                                             <button type="submit" class="btn btn-success shadow btn-xs me-1" 
                                                 data-bs-toggle="tooltip" data-bs-placement="top" title=""><i class=" ri-check-line"></i> Guardar
                                             </button>
                                         </form>
                                         <form class="destroy-capacitando" action="{{ route('destroyCapacitando') }}" method="POST">
                                              @csrf
                                                 <input type="hidden" value="${id_alumno}" id="id_alumno" name="id_alumno">
                                                 <input type="hidden" value="${id_aula}"   id="id_aula"   name="id_aula">
                                             <button type="submit" class="btn btn-danger shadow btn-xs me-1" 
                                                 data-bs-toggle="tooltip" data-bs-placement="top" title=""><i class=" ri-delete-bin-line"></i> Eliminar
                                             </button>
                                         </form>
                                    </div>`;
                                } else {
                                    return btnHojaSid || `-`;
                                }
                            }
                        }
                    }
                ];
            }

            // ✅ Usar  variable global dataTableCapacitandos (ya declarada al inicio del script)
            let columnDefsCapacitandos = obtenerColumnDefsCapacitandos(mostrarCfdi, esCursoRegular && mostrarCfdi);

            // TABLA CAPACITANDOS
            dataTableCapacitandos = $('.capacitandos-table').DataTable({
                paginate: true,
                language: {
                    url: "https://cdn.datatables.net/plug-ins/1.10.25/i18n/Spanish.json"
                },
                pageLength: 30,
                lengthMenu: [
                    [10, 30, 50, -1],
                    [10, 30, 50, "Todos"]
                ],
                ajax: urlCapacitandos,
                autoWidth: true,
                columnDefs: columnDefsCapacitandos,
                columns: columnasCapacitandos,
                createdRow: function(row, data, dataIndex) {
                    if (data.como_se_entero) {
                        $(row).addClass('table-primary');
                    }

                    if (data.acreditado == 'NO' || data.acreditado == 'DESERCION') {
                        $(row).addClass('table-danger');
                    }
                    $(row).find('.flatpicker').each(function() {
                        let min = data.fecha; // "2025-10-01"

                        // Si estamos capturando el diploma (Estatus E),  fecha mínima debe ser 
                        // el fin de curso, para permitir fechas anteriores al diploma actual
                        if (estatus_aula == 'E' && data.fecha_termina) {
                            min = data.fecha_termina;
                        }

                        // Convertir string YYYY-MM-DD a objeto Date
                        if (min) {
                            const partes = min.split("-"); // [2025, 10, 01]
                            min = new Date(partes[0], partes[1] - 1, partes[2]);
                        }
                        if (estatus_aula == "C") {
                            flatpickr(this, {
                                dateFormat: "d/m/Y",
                                locale: 'es',
                                minDate: min
                                // minDate: new Date().setDate(1),
                                //maxDate: new Date(new Date().getFullYear(), new Date().getMonth() +
                                //1, 0),
                            });

                        } else {
                            flatpickr(this, {
                                dateFormat: "d/m/Y",
                                locale: 'es',
                                minDate: min
                                // minDate: new Date().setDate(1),
                                //maxDate: new Date(new Date().getFullYear(), new Date().getMonth() +
                                //1, 0),
                            });

                        }

                    });
                }
            });

            // ============ TOGGLE BUTTON HANDLER ============
            $('#toggleVistaCfdi').on('click', function() {
                // Cambiar estado
                mostrarCfdi = !mostrarCfdi;

                // Guardar preferencia en localStorage
                localStorage.setItem(vistaCfdiKey, mostrarCfdi ? '1' : '0');

                // Actualizar texto del botón según tipo de curso
                if (esCursoRegular) {
                    $(this).text(mostrarCfdi ? 'Vista Normal' : 'Vista Curso Regular');
                } else {
                    $(this).text(mostrarCfdi ? 'Vista sin CFDI' : 'Vista CFDI');
                }

                // Destruir DataTable existente
                if ($.fn.DataTable.isDataTable('.capacitandos-table')) {
                    dataTableCapacitandos.clear().destroy();
                }

                if (!$('.capacitandos-table thead').length) {
                    $('.capacitandos-table').append('<thead><tr></tr></thead>');
                }
                if (!$('.capacitandos-table tbody').length) {
                    $('.capacitandos-table').append('<tbody></tbody>');
                }

                // Limpiar filas previas para evitar mismatch de columnas
                $('.capacitandos-table tbody').empty();

                // Actualizar encabezado para que coincida con  columnas
                actualizarEncabezadoCapacitandos(mostrarCfdi, esCursoRegular && mostrarCfdi);
                $('.capacitandos-table').toggleClass('cfdi-view', mostrarCfdi);

                // Reconfigurar columnas según  nueva vista
                if (mostrarCfdi && esCursoRegular) {
                    // Vista Curso Regular: sin columnas XML
                    columnasCapacitandos = [{
                            "data": null,
                            render: function(data, type, row, meta) {
                                return `<strong>${meta.row + 1}</strong>`;
                            },
                            "className": "text-center"
                        },
                        {
                            "data": "numero_control",
                            "className": "auto-width"
                        },
                        {
                            "data": "nombre_alumno",
                            "className": "auto-width"
                        },
                        {
                            "data": "xml_total",
                            "className": "auto-width",
                            render: function(data) {
                                return formatoTotal(data);
                            }
                        },
                        {
                            "data": "factura_cie",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        {
                            "data": "factura_fecha_deposito",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        ...(esRoco ? [] : [{
                            "data": "completa",
                            "className": "text-center",
                            render: function(data, type, row) {
                                // Solo mostrar indicador si el alumno está acreditado con 'SI'
                                if (row.acreditado !== 'SI') {
                                    return '-';
                                }

                                if (data == 1) {
                                    return '<span class="badge badge-success">Contestada</span>';
                                } else {
                                    return '<span class="badge badge-danger">Pendiente</span>';
                                }
                            }
                        }]),
                        {
                            "data": null,
                            render: function(data) {
                                var estatus_factura = data.estatus_comprobante;
                                var src = data.factura_pdf;
                                var id_alumno = data.id_alumno;
                                var alumno = data.nombre_alumno;
                                var observacion = data.observacion_comprobante;

                                if (estatus_factura == 3) {
                                    return `<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="${src}"><i class="ri-file-add-line"></i></button>`;
                                } else if ((estatus_factura == 2)) {
                                    return `<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="${src}">
                                                <i class="ri-file-add-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${observacion}"></i>
                                            </button>`;
                                } else if ((estatus_factura == 1)) {
                                    if (puedeAceptarFactura == 1) {
                                        return `<div class="revisarFacturas">
                                                    <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="${src}" data-id-alumno="${id_alumno}" >
                                                        <i class="ri-file-add-line"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-success shadow btn-xs sharp me-1 btn-validar" data-bs-toggle="modal" data-bs-target="${Number(data.grupo_size || 1) > 1 ? '#modalValidarFacturaGrupo' : '#modalValidarFactura'}" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                        <i class=" ri-check-line"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-danger shadow btn-xs sharp me-1 btn-rechaza" data-bs-toggle="modal" data-bs-target="#modalRechazarFactura" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                        <i class=" ri-close-line"></i>
                                                    </button> 
                                                </div>`;
                                    } else {
                                        return `<button type="button" class="btn btn-warning shadow btn-xs ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}">
                                                    <i class=" ri-eye-line"></i> Factura
                                                </button>`;
                                    }
                                } else {
                                    return '-';
                                }
                            }
                        }
                    ];
                } else if (mostrarCfdi) {
                    // Vista CFDI: con columnas de factura XML completas
                    columnasCapacitandos = [{
                            "data": null,
                            render: function(data, type, row, meta) {
                                return `<strong>${meta.row + 1}</strong>`;
                            },
                            "className": "text-center"
                        },
                        {
                            "data": "numero_control",
                            "className": "auto-width"
                        },
                        {
                            "data": "nombre_alumno",
                            "className": "auto-width"
                        },
                        {
                            "data": "xml_folio",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        {
                            "data": "xml_uuid",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        {
                            "data": "xml_fecha",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        {
                            "data": "xml_rfc_emisor",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        {
                            "data": "xml_emisor",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        {
                            "data": "xml_total",
                            "className": "auto-width",
                            render: function(data) {
                                return formatoTotal(data);
                            }
                        },
                        {
                            "data": "factura_cie",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        {
                            "data": "factura_fecha_deposito",
                            "className": "auto-width",
                            render: function(data) {
                                return textoSeguro(data);
                            }
                        },
                        ...((esRoco || aulCursoTipo === '7' || esFinancieros) ? [] : [{
                            "data": "completa",
                            "className": "text-center",
                            render: function(data, type, row) {
                                // Solo mostrar indicador si el alumno está acreditado con 'SI'
                                if (row.acreditado !== 'SI') {
                                    return '-';
                                }

                                if (data == 1) {
                                    return '<span class="badge badge-success">Contestada</span>';
                                } else {
                                    return '<span class="badge badge-danger">Pendiente</span>';
                                }
                            }
                        }]),
                        {
                            "data": null,
                            render: function(data) {
                                var estatus_factura = data.estatus_comprobante;
                                var src = data.factura_pdf;
                                var xml = data.factura_xml;
                                var id_alumno = data.id_alumno;
                                var alumno = data.nombre_alumno;
                                var observacion = data.observacion_comprobante;

                                if (estatus_factura == 3) {
                                    return `<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="${src}"><i class="ri-file-add-line"></i></button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                } else if ((estatus_factura == 2)) {
                                    return `<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="${src}">
                                                <i class="ri-file-add-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${observacion}"></i>
                                            </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                } else if ((estatus_factura == 1)) {
                                    if (puedeAceptarFactura == 1) {
                                        return `<div class="revisarFacturas">
                                                    <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="${src}" data-id-alumno="${id_alumno}" >
                                                        <i class="ri-file-add-line"></i>
                                                    </button>
                                                    ${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }
                                                    <button type="button" class="btn btn-success shadow btn-xs sharp me-1 btn-validar" data-bs-toggle="modal" data-bs-target="${Number(data.grupo_size || 1) > 1 ? '#modalValidarFacturaGrupo' : '#modalValidarFactura'}" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                        <i class=" ri-check-line"></i>
                                                    </button>
                                                    <button type="button" class="btn btn-danger shadow btn-xs sharp me-1 btn-rechaza" data-bs-toggle="modal" data-bs-target="#modalRechazarFactura" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                        <i class=" ri-close-line"></i>
                                                    </button> 
                                                    
                                                </div>`;
                                    } else {
                                        return `<button type="button" class="btn btn-warning shadow btn-xs ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}">
                                                    <i class=" ri-eye-line"></i> Factura
                                                </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs ver-xml ms-2' + '" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i> XML</button>' : '' }`;
                                    }
                                } else {
                                    return '-';
                                }
                            }
                        }
                    ];
                } else {
                    // Vista sin CFDI - columnas originales (copiar de arriba)
                    columnasCapacitandos = [{
                            "data": null,
                            render: function(data, type, row, meta) {
                                return `<strong>${meta.row + 1}</strong>`;
                            },
                            "className": "text-center"
                        },
                        {
                            "data": "numero_control",
                            "className": "auto-width"
                        },
                        {
                            "data": "nombre_alumno",
                            "className": "auto-width"
                        },
                        /*{
                            "data": "nombre_corto",
                            "className": "auto-width"
                        },
                        */
                        {
                            "data": null,
                            render: function(data) {
                                var como_se_entero = data.como_se_entero;
                                var acreditado = data.acreditado;

                                if (estatus_aula == 'E' || estatus_aula == 'F' || estatus_aula == 'G') {
                                    return `<strong class="${acreditado=='NO' || acreditado=='DESERCION' ? 'text-danger' : ''}">${acreditado}</strong>`;
                                } else {
                                    return `
                                   <select class="form-select text-primary" name="" id="medio-entero"  ${como_se_entero  && estatus_capacitandos!=2 || !puedeEditarCapacitandos  ? 'disabled' : ''} required>
                                        <option value="">Seleccione</option>
                                        <option value="RADIO" ${como_se_entero == "RADIO" ? 'selected' : ''}>RADIO</option>
                                        <option value="TELEVISION" ${como_se_entero == "TELEVISION" ? 'selected' : ''}>TELEVISIÓN</option>
                                        <option value="PERIFONEO" ${como_se_entero == "PERIFONEO" ? 'selected' : ''}>PERIFONEO</option>
                                        <option value="PAGINA OFICIAL ICAT" ${como_se_entero == "PAGINA OFICIAL ICAT" ? 'selected' : ''}>PÁGINA OFICIAL ICAT</option>
                                        <option value="PAGINA GUBERNAMENTAL" ${como_se_entero == "PAGINA GUBERNAMENTAL" ? 'selected' : ''}>PÁGINA GUBERNAMENTAL</option>
                                        <option value="MODULO DE INFORMACION" ${como_se_entero == "MODULO DE INFORMACION" ? 'selected' : ''}>MÓDULO DE INFORMACIÓN</option>
                                        <option value="VOLANTES" ${como_se_entero == "VOLANTES" ? 'selected' : ''}>VOLANTES</option>
                                        <option value="CARTELES" ${como_se_entero == "CARTELES" ? 'selected' : ''}>CARTELES</option>
                                        <option value="REDES SOCIALES" ${como_se_entero == "REDES SOCIALES" ? 'selected' : ''}>REDES SOCIALES</option>
                                        <option value="VISITA ESCUELA/DOMICILIO" ${como_se_entero=="VISITA ESCUELA/DOMICILIO" ? 'selected' : ''}>VISITA ESCUELA/DOMICILIO</option>
                                        <option value="FERIA O EVENTO ESPECIAL" ${como_se_entero == "FERIA O EVENTO ESPECIAL" ? 'selected' : ''}>FERIA O EVENTO ESPECIAL</option>
                                        <option value="PERIODICO O REVISTA" ${como_se_entero == "PERIODICO O REVISTA" ? 'selected' : ''}>PERIODICO O REVISTA</option>
                                   </select>
                                <div class="text-danger" id="div_select_error"></div>
                                `;
                                }
                            },
                            "className": "text-center auto-width"
                        },
                        {
                            "data": null,
                            render: function(data) {
                                var es_becado = data.becado;
                                var estatusCapacitandos = data.estatus_capacitandos;
                                var como_se_entero = data.como_se_entero;
                                var acreditado = data.acreditado;
                                var id_aula = data.id_aula;
                                var alumno = data.id_alumno;
                                var folio = data.folio_diploma;
                                var fechaDiploma = data.fechaDiploma;
                                let observacion = data.observacion_comprobante;
                                if (estatus_aula == 'E') {
                                    if (puedeAsignarFolio == true) {
                                        return `<form class=" ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''} update-folio" action="{{ route('updateFolioDiploma') }}" method="POST">
                                            @csrf
                                            <div class="d-flex">
                                                <input type="text" class="form-control input-folio" placeholder="Ingrese Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" ${folio ? 'disabled' : ''} >
                                                 <div class="input-group flatpicker-group">
                                                        <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" ${fechaDiploma ? 'disabled' : ''}>
                                                        <span class="input-group-text"><i class=" ri-calendar-line"></i></span>
                                                 </div>
                                                 <input type="hidden" value="${alumno}"    name="id_alumno">
                                                 <input type="hidden" value="${id_aula}"   name="id_aula">
                                                <button type="submit" class="btn btn-success btn-sm p-1 rounded-2 me-1 ms-1" ${folio ? 'disabled' : ''} ><i class=" ri-save-line fs-3 p-0"></i></button>
                                                <button type="button" class="btn btn-primary btn-sm p-1 rounded-3 py-0 me-0"><i class=" ri-edit-2-line fs-3 p-0 btn-edit"></i></button>
                                             </div>
                                                <div class="text-danger" id="message_folio"></div>
                                                <div class="text-danger" id="message_fecha"></div>
                                            </form>`;
                                    } else {
                                        return `<div class="${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''}">
                                                    <input type="text" class="form-control input-folio" placeholder="Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" readonly >
                                                </div>
                                                `;

                                    }
                                } else if (estatus_aula == 'F' || estatus_aula == 'G') {
                                    return `<form class=" ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''} update-folio" action="{{ route('updateFolioDiploma') }}" method="POST">
                                            @csrf
                                            <div class="d-flex">
                                                <input type="text" class="form-control input-folio" placeholder="Ingrese Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" ${folio ? 'disabled' : ''} >
                                                 <div class="input-group flatpicker-group">
                                                        <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" ${fechaDiploma ? 'disabled' : ''}>
                                                        <span class="input-group-text"><i class=" ri-calendar-line"></i></span>
                                                 </div>
                                             </div>`;
                                } else {
                                    return `
                                   <select class="form-select text-primary" name="" id="becado" d-flex ${como_se_entero  && estatus_capacitandos!=2 || !puedeEditarCapacitandos ? 'disabled' : ''}>
                                        <option value="NO">NO</option>
                                        <option value="SI"  ${es_becado == "SI" ? 'selected' : ''}>SI</option>  
                                   </select>
                                `;
                                }
                            }
                        },
                        ...((esRoco || aulCursoTipo === '7' || esFinancieros) ? [] : [{
                            "data": "completa",
                            "className": "text-center",
                            render: function(data, type, row) {
                                // Solo mostrar indicador si el alumno está acreditado con 'SI'
                                if (row.acreditado !== 'SI') {
                                    return '-';
                                }

                                if (data == 1) {
                                    return '<span class="badge badge-success">Contestada</span>';
                                } else {
                                    return '<span class="badge badge-danger">Pendiente</span>';
                                }
                            }
                        }]),
                        {
                            "data": null,
                            render: function(data) {
                                var id_alumno = data.id;
                                var como_se_entero = data.como_se_entero;
                                var src = data.factura_pdf;
                                var xml = data.factura_xml;
                                var id_alumno = data.id_alumno;
                                var id_aula = data.id_aula;
                                var estatus_factura = data.estatus_comprobante;
                                var alumno = data.nombre_alumno;
                                var observacion = data.observacion_comprobante;
                                var acreditado = data.acreditado;
                                var folio = data.folio_diploma;

                                if (estatus_aula == 'E') {
                                    if (puedeAsignarFolio == true) {
                                        return `<div class="d-flex justify-content-center ${acreditado=='NO' || acreditado=='DESERCION'? 'd-none' : ''}">
                                                    <button type="button" class="btn btn-dark btn-sm p-1 rounded-3"><i class=" ri-printer-line fs-3 p-0"></i></button>
                                                </div>`;
                                    } else {
                                        return `<div class="${acreditado=='NO' ? 'd-none' : ''}">
                                                     ${folio ? '<span class="badge light badge-success">Asignado</span>' : '<span class="badge light badge-warning">Pendiente</span>'}
                                                </div>`;
                                    }
                                } else if (estatus_aula == 'F' || estatus_aula == 'G') {
                                    var fechaEntregaDiploma = data.fechaEntregaDiploma || '';
                                    return `<form class=" ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''} update-entrega" action="{{ route('updateFechaEntregaDiploma') }}" method="POST">
                                                     @csrf
                                                    <div class="d-flex">
                                                        <div class="input-group flatpicker-group">
                                                               <input type="text" class="form-control flatpicker " placeholder="Ingrese Fecha" value="${fechaEntregaDiploma}" name="fecha" ${fechaEntregaDiploma ? 'disabled' : ''}>
                                                               <span class="input-group-text "><i class=" ri-calendar-line"></i></span>
                                                        </div>
                                                             <input type="hidden" value="${id_alumno}" name="id_alumno">
                                                             <input type="hidden" value="${id_aula}"   name="id_aula">
                                                        <button type="submit" class="btn btn-success btn-sm p-1 rounded-2 me-1 ms-1 ${!puedeAsignarFechaEntregaDiploma || estatus_aula == 'G' ? 'd-none' : ''}" ${fechaEntregaDiploma ? 'disabled' : ''}><i class=" ri-save-line fs-3 p-0" ></i></button>
                                                        <button type="button" class="btn btn-primary btn-sm p-1 rounded-3 py-0 me-0 btn-edit ${!puedeAsignarFechaEntregaDiploma || estatus_aula == 'G' ? 'd-none' : ''}"><i class=" ri-edit-2-line fs-3 p-0 btn-edit"></i></button>
                                                    </div>
                                                            <div class="text-danger" id="message_fecha"></div>
                                                </form>`;
                                } else {
                                    if (estatus_aula == 'D') {
                                        return `
                                         <form class="d-flex update-acreditacion" action="{{ route('updateAcreditacionCapacitando') }}" method="POST">
                                               @csrf     
                                             <select class="form-select text-primary me-2 w-50" name="acreditado" ${acreditado && estatusAula!=2 || !puedeEditarCapacitandos  ? 'disabled' : ''}>
                                                <option value="SI" ${acreditado=='SI' ? 'selected' : ''}>SI</option>
                                                <option value="NO" ${acreditado=='NO' ? 'selected' : ''}>NO</option>  
                                                <option value="DESERCION" ${acreditado=='DESERCION' ? 'selected' : ''}>DESERCIÓN</option>  
                                             </select>   
                                                <input type="hidden" value="${id_alumno}" id="id_alumno" name="id_alumno">
                                                <input type="hidden" value="${id_aula}"   id="id_aula"   name="id_aula">      
                                              <button type="submit" class="btn btn-success shadow btn-xs me-1 ${acreditado && estatusAula!=2 || !puedeEditarCapacitandos ? 'd-none' : ''} btnAcredito" name="btnAcredito"
                                                 data-bs-toggle="tooltip" data-bs-placement="top" title="" ><i class=" ri-check-line"></i> Guardar
                                             </button>
                                         </form>`;
                                    } else if (estatus_factura == 3) {
                                        return `<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="${src}"><i class="ri-file-add-line"></i></button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                    } else if ((estatus_factura == 2)) {
                                        return `<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="${src}">
                                                    <i class="ri-file-add-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${observacion}"></i>
                                                </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }`;
                                    } else if ((estatus_factura == 1)) {
                                        if (puedeAceptarFactura == 1) {
                                            return `<div class="revisarFacturas">
                                                        <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="${src}" data-id-alumno="${id_alumno}" >
                                                            <i class="ri-file-add-line"></i>
                                                        </button>
                                                        ${ xml ? '<button type="button" class="btn btn-info shadow btn-xs sharp me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i></button>' : '' }
                                                        <button type="button" class="btn btn-success shadow btn-xs sharp me-1 btn-validar" data-bs-toggle="modal" data-bs-target="${Number(data.grupo_size || 1) > 1 ? '#modalValidarFacturaGrupo' : '#modalValidarFactura'}" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                            <i class=" ri-check-line"></i>
                                                        </button>
                                                        <button type="button" class="btn btn-danger shadow btn-xs sharp me-1 btn-rechaza" data-bs-toggle="modal" data-bs-target="#modalRechazarFactura" data-id-alumno="${id_alumno}" data-alumno="${alumno}" data-grupo-size="${data.grupo_size || 1}">
                                                            <i class=" ri-close-line"></i>
                                                        </button> 
                                                    </div>`;
                                        } else {
                                            return `<button type="button" class="btn btn-warning shadow btn-xs ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}">
                                                        <i class=" ri-eye-line"></i> Factura
                                                    </button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs ver-xml ms-2' + '" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i> XML</button>' : '' }`;
                                        }
                                    }
                                    if (puedeEditarCapacitandos == true && estatus_aula == "B") {
                                        return `
                                      <div class="d-flex ${como_se_entero && estatus_capacitandos!=2 ? 'd-none' : ''}">
                                             <form class="update-capacitando " action="{{ route('updateCapacitando') }}" method="POST">
                                                  @csrf
                                                     <input type="hidden" value="${id_alumno}" id="id_alumno"        name="id_alumno">
                                                     <input type="hidden" value="${id_aula}"   id="id_aula"          name="id_aula">  
                                                     <input type="hidden" class="txt-medio-entero" value="${como_se_entero ? como_se_entero : ''}"    id="txt-medio-entero" name="medio_entero">  
                                                     <input type="hidden" class="txt-becado" value=""          id="txt-becado" name="es_becado">  
                                                     
                                                 <button type="submit" class="btn btn-success shadow btn-xs me-1" 
                                                     data-bs-toggle="tooltip" data-bs-placement="top" title=""><i class=" ri-check-line"></i> Guardar
                                                 </button>
                                             </form>
                                             <form class="destroy-capacitando" action="{{ route('destroyCapacitando') }}" method="POST">
                                                  @csrf
                                                     <input type="hidden" value="${id_alumno}" id="id_alumno" name="id_alumno">
                                                     <input type="hidden" value="${id_aula}"   id="id_aula"   name="id_aula">
                                                 <button type="submit" class="btn btn-danger shadow btn-xs me-1" 
                                                     data-bs-toggle="tooltip" data-bs-placement="top" title=""><i class=" ri-delete-bin-line"></i> Eliminar
                                                 </button>
                                             </form>
                                        </div>`;
                                    } else {
                                        return `-`;
                                    }
                                }
                            }
                        }
                    ];
                }

                columnDefsCapacitandos = obtenerColumnDefsCapacitandos(mostrarCfdi, esCursoRegular && mostrarCfdi);

                // Reinicializar DataTable con  nuevas columnas
                dataTableCapacitandos = $('.capacitandos-table').DataTable({
                    paginate: true,
                    language: {
                        url: "https://cdn.datatables.net/plug-ins/1.10.25/i18n/Spanish.json"
                    },
                    pageLength: 30,
                    lengthMenu: [
                        [10, 30, 50, -1],
                        [10, 30, 50, "Todos"]
                    ],
                    ajax: urlCapacitandos,
                    autoWidth: true,
                    columnDefs: columnDefsCapacitandos,
                    columns: columnasCapacitandos,
                    createdRow: function(row, data, dataIndex) {
                        if (data.como_se_entero) {
                            $(row).addClass('table-primary');
                        }

                        if (data.acreditado == 'NO' || data.acreditado == 'DESERCION') {
                            $(row).addClass('table-danger');
                        }
                        $(row).find('.flatpicker').each(function() {
                            let min = data.fecha;

                            if (min) {
                                const partes = min.split("-");
                                min = new Date(partes[0], partes[1] - 1, partes[2]);
                            }
                            if (estatus_aula == "C") {
                                flatpickr(this, {
                                    dateFormat: "d/m/Y",
                                    locale: 'es',
                                    minDate: min
                                });

                            } else {
                                flatpickr(this, {
                                    dateFormat: "d/m/Y",
                                    locale: 'es',
                                    minDate: min
                                });

                            }

                        });
                    }
                });
            });

            function verificarBotonesOcultos() {
                let aunHayBotones = $('.update-capacitando button:not(.d-none), .destroy-capacitando button:not(.d-none)')
                    .length > 0;
                if (aunHayBotones && estatus_aula == 'B') {
                    $("#btnEnviarCapacitandosRevision").addClass("d-none");
                } else if (estatus_aula == 'B') {
                    $("#btnEnviarCapacitandosRevision").removeClass("d-none");
                }
            }

            const urlCa = "{{ route('seleccionarCapacitandos', ['id' => '_ID']) }}".replace('_ID', id_aula);

            ///------------------ TABLA CAPACITANDOS REGISTRADOS EN BD DE CAPACITANDOS 
            $('.add-capacitandos-table').DataTable({
                ordering: false, // Disable automatic ordering
                serverSide: true,
                processing: true,
                language: {
                    url: "https://cdn.datatables.net/plug-ins/1.10.25/i18n/Spanish.json"
                },
                pageLength: 3,
                lengthMenu: [
                    [1, 2, 3, 5, 10],
                    [1, 2, 3, 5, 10]
                ],
                stateSave: true,
                stateDuration: 10000,
                ajax: urlCa, // Obtener datos de  ruta
                columns: [{
                        data: "curp"
                    },
                    {
                        data: "nombre_alumno"
                    },
                    {
                        data: null,
                        render: function(data) {
                            var id_alumno = data.id
                            var puedeAgregarCapacitandos = "{{ $puedeAgregarCapacitandos }}";
                            var btnAgregar = "";

                            if (puedeAgregarCapacitandos == 1) {
                                btnAgregar =
                                    '<button type="submit" class="btn btn-primary shadow btn-xs btn-add"><i class=" ri-graduation-cap-line"></i> Agregar</button>'
                            }

                            return `
                        <form class="agregar-capacitando" action="{{ route('addCapacitando') }}" method="POST" id="btnAgregarCapacitando">
                            @csrf
                            <input type="hidden" value="${id_alumno}" id="id_alumno" name="id_alumno">
                             <input type="hidden" value="${id_aula}" id="id_aula" name="id_aula">
                             ${btnAgregar}
                        </form>`;
                        }
                    }
                ]
            });

            let objectURL = null;
            //PREVISUALIZAR CONTRATO
            $('#file_contrato').on('change', function() {
                const file = this.files[0];
                const preview = $('#preview_file_contrato');

                // Liberar URL anterior si existe
                if (objectURL) {
                    URL.revokeObjectURL(objectURL);
                    objectURL = null;
                }

                preview.empty();
                $('#div_file_contrato').addClass('d-none');
                if (!file) return;
                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024; // 5 MB
                if (fileType !== 'application/pdf') {
                    $("#message_file_contrato").html('Solo se permiten documentos PDF');
                    $('#file_contrato').val('');
                    return;
                }
                if (file.size > maxSize) {
                    $("#message_file_contrato").html('El documento excede los 5MB permitidos');
                    $('#file_contrato').val('');
                    return;
                }
                // Si pasa  validaciones, mostrar vista previa
                $("#message_file_contrato").html('');
                $('#div_file_contrato').removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(`<iframe src="${objectURL}" width="100%" height="700px" class="border"></iframe>`);
            });

            /***** PREVISUALIZAR CONVENIO *****/
            $('#convenio_file').on('change', function() {
                const file = this.files[0];
                const preview = $('#preview_convenio_file');

                // Liberar URL anterior si existe
                if (objectURL) {
                    URL.revokeObjectURL(objectURL);
                    objectURL = null;
                }

                preview.empty();
                $('#div_convenio_file').addClass('d-none');
                if (!file) return;
                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024; // 5 MB
                if (fileType !== 'application/pdf') {
                    $("#message_convenio_file").html('Solo se permiten documentos PDF');
                    $('#convenio_file').val('');
                    return;
                }
                if (file.size > maxSize) {
                    $("#message_convenio_file").html('El documento excede los 5MB permitidos');
                    $('#convenio_file').val('');
                    return;
                }
                // Si pasa  validaciones, mostrar vista previa
                $("#message_convenio_file").html('');
                $('#div_convenio_file').removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(`<iframe src="${objectURL}" width="100%" height="700px" class="border"></iframe>`);
            });
            /***** FIN PREVISUALIZAR CONVENIO *****/

            const puedeCargarFacturaGlobal = {{ $puedeSubirFactura ? 'true' : 'false' }};

            const tablaFacturas = $('.capacitandos-facturas-table').DataTable({
                ordering: false, // Disable automatic ordering
                pageLength: 30,
                lengthMenu: [
                    [10, 30, 50, -1],
                    [10, 30, 50, "Todos"]
                ],
                stateSave: true,
                stateDuration: 10000,
                ajax: urlCapacitandos, // Obtener datos de  ruta
                ordering: false, // Disable automatic ordering
                language: {
                    url: "https://cdn.datatables.net/plug-ins/1.10.25/i18n/Spanish.json"
                },
                columns: [{
                        "data": null,
                        className: "text-center",
                        render: function(data, type, row, meta) {
                            return `<strong>${meta.row + 1}</strong>`;
                        }
                    },
                    {
                        "data": "numero_control"
                    },
                    {
                        "data": "nombre_alumno"
                    },
                    {
                        "data": "becado",
                        "className": "text-center"
                    },
                    // ── Columna SELECCIÓN ──────────────────────────────────────────────────
                    {
                        "data": null,
                        "className": "text-center",
                        render: function(data) {
                            let estatus_factura = data.estatus_comprobante;
                            let id_alumno = data.id_alumno;

                            // Solo mostrar checkbox si el alumno no tiene factura activa (0, null o rechazada=2)
                            if (estatus_factura == 1 || estatus_factura == 3) {
                                return '-';
                            }
                            if (!puedeCargarFacturaGlobal) {
                                return '-';
                            }
                            let isSelected = window.alumnosSeleccionados && window.alumnosSeleccionados.has(id_alumno);
                            return `<input type="checkbox"
                                        class="form-check-input chk-alumno-seleccion border-primary"
                                        data-id-alumno="${id_alumno}"
                                        ${isSelected ? 'checked' : ''}>`;
                        }
                    },
                    // ── Columna FACTURA ───────────────────────────────────────────────────
                    {
                        "data": null,
                        "className": "text-center",
                        render: function(data) {
                            let src = data.factura_pdf;
                            let xml = data.factura_xml;
                            let estatus_factura = data.estatus_comprobante;
                            let id_alumno = data.id_alumno;
                            let id_aula = data.id_aula;
                            let alumno = data.nombre_alumno;
                            let observacion = data.observacion_comprobante;
                            var btn_observaciones = "";
                            let ver_observaciones = `
                                &nbsp;
                                <button type="button" 
                                    class="btn btn-danger shadow btn-xs sharp me-1 ver-factura-cap" 
                                    data-bs-toggle="modal" 
                                    data-bs-target="#modalContrato" 
                                    data-src="${src}">
                                    <i class="ri-file-add-line" 
                                       data-bs-toggle="tooltip" 
                                       data-bs-placement="top" 
                                       title="${observacion}">
                                    </i>
                                </button>`;

                            if (estatus_factura == 2) {
                                btn_observaciones = ver_observaciones;
                            }
                            if (estatus_factura == 1) {
                                return `
                                <button type="button" class="btn btn-warning shadow btn-xs me-1 ver-pdf text-dark" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}"><i class="ri-file-add-line"></i> Revisando</button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i> XML</button>' : '' }`
                            } else if (estatus_factura == 3) {
                                return `
                                <button type="button" class="btn btn-success shadow btn-xs me-1 ver-pdf" data-bs-toggle="modal" data-bs-target="#modalContrato" data-src="${src}"><i class="ri-check-line"></i> Validada</button>${ xml ? '<button type="button" class="btn btn-info shadow btn-xs me-1 ver-xml" data-bs-toggle="modal" data-bs-target="#modalXml" data-xml="'+xml+'"><i class=" ri-code-box-line"></i> XML</button>' : '' }`
                            } else {
                                // Sin factura o rechazada: mostrar info de observación si aplica
                                return `<span class="text-muted small">Pendiente</span>${btn_observaciones}`;
                            }
                        },
                    }
                ],
            });

            // ✅ Clave de sessionStorage (ya definida en el primer document.ready)
            const SEL_KEY = 'siccap_sel_pago_{{ $aula->id }}';

            // ── actualizarFormulario: sincroniza estado del Set con el DOM ─────────
            function actualizarFormulario() {
                if (!window.alumnosSeleccionados) return; // guard: Set aún no inicializado
                const ids = Array.from(window.alumnosSeleccionados);
                sessionStorage.setItem(SEL_KEY, JSON.stringify(ids));
                $('#idsSeleccionados').val(JSON.stringify(ids));
                $('#btn_factura_unica').prop('disabled', ids.length === 0);

                @if ($aula->curso_tipo == 1 || $esRegular)
                    const costoHora = {{ $aula->costo_hora_capacitando ?? 0 }};
                    if (ids.length > 0 && costoHora > 0) {
                        $('#cantidad_grupal').val((ids.length * costoHora).toFixed(2)).trigger('input');
                    }
                @endif
            }

            function actualizarCheckboxSeleccionTodos() {
                const $chkTodos = $('#chk-seleccionar-todos-capacitandos');
                if ($chkTodos.length === 0) return;

                const rowsData = tablaFacturas.rows({
                    search: 'applied'
                }).data().toArray();

                const elegibles = rowsData
                    .filter(function(row) {
                        return puedeCargarFacturaGlobal && row.estatus_comprobante != 1 && row.estatus_comprobante != 3;
                    })
                    .map(function(row) {
                        return parseInt(row.id_alumno, 10);
                    });

                const totalElegibles = elegibles.length;
                if (totalElegibles === 0) {
                    $chkTodos.prop({
                        checked: false,
                        indeterminate: false,
                        disabled: true
                    });
                    return;
                }

                let seleccionados = 0;
                elegibles.forEach(function(id) {
                    if (window.alumnosSeleccionados && window.alumnosSeleccionados.has(id)) {
                        seleccionados++;
                    }
                });

                $chkTodos.prop('disabled', false);
                $chkTodos.prop('checked', seleccionados === totalElegibles);
                $chkTodos.prop('indeterminate', seleccionados > 0 && seleccionados < totalElegibles);
            }

            // ── Listener: checkbox por alumno ────────────────────────────────────
            $(document).on('change', '.chk-alumno-seleccion', function() {
                const id = parseInt($(this).data('id-alumno'));
                if ($(this).is(':checked')) {
                    window.alumnosSeleccionados.add(id);
                } else {
                    window.alumnosSeleccionados.delete(id);
                }
                actualizarFormulario();
                actualizarCheckboxSeleccionTodos();
            });

            // ── Listener: checkbox "Seleccionar todos" ──────────────────────────
            $(document).on('change', '#chk-seleccionar-todos-capacitandos', function() {
                const marcarTodos = $(this).is(':checked');

                const rowsData = tablaFacturas.rows({
                    search: 'applied'
                }).data().toArray();

                rowsData.forEach(function(row) {
                    const estatusFactura = row.estatus_comprobante;
                    const idAlumno = parseInt(row.id_alumno, 10);
                    const esElegible = puedeCargarFacturaGlobal && estatusFactura != 1 && estatusFactura != 3;

                    if (!esElegible) {
                        return;
                    }

                    if (marcarTodos) {
                        window.alumnosSeleccionados.add(idAlumno);
                    } else {
                        window.alumnosSeleccionados.delete(idAlumno);
                    }
                });

                $('.chk-alumno-seleccion').prop('checked', marcarTodos);
                actualizarFormulario();
                actualizarCheckboxSeleccionTodos();
            });

            // ✅ Preservar estado después de recargar tabla
            $('.capacitandos-facturas-table').on('draw.dt', function() {
                const tooltips = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
                tooltips.forEach(function(tooltipEl) {
                    new bootstrap.Tooltip(tooltipEl);
                });

                const $table = $('.capacitandos-facturas-table tbody');
                const totalAlumnos = $table.find('tr').length;
                const alumnosConFactura = $table.find('button.ver-pdf').length;

                // ✅ Restaurar checkboxes marcados desde el Set persistido
                if (window.alumnosSeleccionados && window.alumnosSeleccionados.size > 0) {
                    window.alumnosSeleccionados.forEach(function(id_alumno) {
                        const $chk = $('.chk-alumno-seleccion[data-id-alumno="' + id_alumno + '"]');
                        if ($chk.length > 0) {
                            $chk.prop('checked', true);
                        }
                    });
                }

                // ✅ Eliminar del Set IDs que ya tienen factura activa (dejaron de ser seleccionables)
                if (window.alumnosSeleccionados && window.alumnosSeleccionados.size > 0) {
                    const idsAEliminar = [];
                    window.alumnosSeleccionados.forEach(function(id_alumno) {
                        const $chk = $('.chk-alumno-seleccion[data-id-alumno="' + id_alumno + '"]');
                        if ($chk.length === 0) {
                            // Checkbox ya no existe → ese alumno subió su factura; quitarlo del Set
                            idsAEliminar.push(id_alumno);
                        }
                    });
                    idsAEliminar.forEach(function(id) {
                        window.alumnosSeleccionados.delete(id);
                    });
                }

                actualizarFormulario();

                // ⚠️ Solo actualizar contadores cuando  tabla tiene filas.
                if (totalAlumnos > 0) {
                    $('#capacitandosSinFacturaHidden').val(totalAlumnos - alumnosConFactura);
                    $('#alumnosConFacturaCargadaHidden').val(alumnosConFactura);
                }

                // Mostrar u ocultar el formulario de pago grupal según el estado real de  facturas
                const todosConFactura = (totalAlumnos > 0 && totalAlumnos === alumnosConFactura);
                const hayPendientes = totalAlumnos > 0 && (totalAlumnos - alumnosConFactura) > 0;
                const estatusFacturasFinalizado = estatusFacturas === '3';
                const debeMostrarFormulario = !estatusFacturasFinalizado && (hayPendientes || !todosConFactura);

                if (debeMostrarFormulario) {
                    $('#divPagoGrupal').removeClass('d-none');
                    $('#contact1 h4:first').removeClass('d-none');
                } else {
                    $('#divPagoGrupal').addClass('d-none');
                    $('#contact1 h4:first').addClass('d-none');
                }

                actualizarCheckboxSeleccionTodos();
            });

            //FORMULADRIO PARA FACTURA GRUPAL
            $(document).on("submit", ".agregar-factura-grupal", function(e) {
                const aulCursoTipo = '{{ $aula->curso_tipo }}';

                // ✅ Validar que haya al menos un alumno seleccionado
                const idsActuales = JSON.parse($('#idsSeleccionados').val() || '[]');
                if (idsActuales.length === 0) {
                    e.preventDefault();
                    $("#validateChk").text('Seleccione al menos un capacitando en  tabla');
                    return false;
                }
                $("#validateChk").text('');

                // ✅ Validar archivos según tipo de curso
                let pdfFile = $('#factura_unica_pdf').val();

                if (aulCursoTipo == '1' || {{ $esRegular ? 'true' : 'false' }}) {
                    // Curso regular: validar PDF + cantidad
                    let cantidadGrupal = $('#cantidad_grupal').val();
                    if (!pdfFile) {
                        e.preventDefault();
                        alert('Seleccione el archivo PDF');
                        return false;
                    }
                    if (!cantidadGrupal || cantidadGrupal.trim() === '') {
                        e.preventDefault();
                        alert('Ingrese  cantidad');
                        return false;
                    }
                } else {
                    // Otros cursos: validar PDF + XML
                    let xmlFile = $('#factura_unica_xml').val();
                    if (!pdfFile || !xmlFile) {
                        e.preventDefault();
                        alert('Seleccione ambos archivos (PDF y XML)');
                        return false;
                    }
                }

                var fila = $(this).closest("tr");
                e.preventDefault();
                let form = $(this);
                let agregaFacturaUrl = form.attr("action");
                let formData = new FormData(this);

                // ✅ Evitar doble clic: deshabilitar botón y mostrar indicador
                const $btnGrupal = $('#btn_factura_unica');
                $btnGrupal.prop('disabled', true).text('Subiendo...');

                $.ajax({
                    url: agregaFacturaUrl,
                    type: "POST",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success) {
                            // ✅ Limpiar selección persistida
                            const _SEL_KEY = 'siccap_sel_pago_{{ $aula->id }}';
                            sessionStorage.removeItem(_SEL_KEY);
                            window.alumnosSeleccionados.clear();
                            $('#idsSeleccionados').val('[]');

                            // Limpiar campos del formulario
                            $('#preview_factura_unica').addClass('d-none');
                            $('#preview_pdf').empty();
                            $('#xml_content').text('');
                            $('#xml_no_disponible').removeClass('d-none');
                            $('#factura_unica_pdf').val('');
                            $('#factura_unica_xml').val('');
                            $('#cantidad_grupal').val('');
                            $('#nombre_pdf').text('Sin archivo');
                            $('#nombre_xml').text('Sin archivo');
                            $('#message_pdf').html('');
                            $('#message_xml').html('');
                            $('#cie_grupal').val('');
                            $('#fecha_deposito_grupal').val('');
                            $btnGrupal.prop('disabled', true).text('Agregar');

                            // Recargar tabla - draw.dt se encargará del resto
                            $('.capacitandos-facturas-table').DataTable().ajax.reload(null, false);
                        } else {
                            // Rehabilitar botón si  respuesta indica fallo
                            $btnGrupal.prop('disabled', false).text('Agregar');
                        }
                    },
                    error: function(xhr) {
                        $btnGrupal.prop('disabled', false).text('Agregar');
                        try {
                            var errorData = JSON.parse(xhr.responseText);
                            var mensaje = errorData.error || 'Error al procesar  solicitud. Intente de nuevo.';
                            $("#validateChk").text(mensaje);
                        } catch(e) {
                            $("#validateChk").text('Error al procesar  solicitud. Intente de nuevo.');
                        }
                    }
                });
            });

            //FORMULADRIO PARA ENVIAR FACTURA DE ALUMNO
            $(document).on("submit", ".agregar-factura", function(e) {
                e.preventDefault();
                let form = $(this);
                let agregaFacturaUrl = form.attr("action");
                let formData = new FormData(this);

                // ✅ Evitar doble clic: deshabilitar el botón de esta fila
                const $btnSubir = form.find('.btn-subir');
                $btnSubir.prop('disabled', true).text('Subiendo...');

                $.ajax({
                    url: agregaFacturaUrl,
                    type: "POST",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success === true) {
                            // ✅ CAMBIO 2: Limpiar array después de subir factura individual
                            let id_alumno = form.find('input[name="id_alumno"]').val();
                            if (id_alumno && window.alumnosConFacturaIndividual) {
                                window.alumnosConFacturaIndividual = window.alumnosConFacturaIndividual
                                    .filter(
                                        function(id) {
                                            return id != id_alumno;
                                        }
                                    );
                            }

                            // Recargar tabla después de un breve delay para que el servidor procese
                            // (el botón quedará oculto/reemplazado por .ver-pdf tras el redraw)
                            setTimeout(function() {
                                $('.capacitandos-facturas-table').DataTable().ajax.reload(null,
                                    false);
                                // ✅ El evento draw.dt se encarga automáticamente de mostrar divPagoGrupal en modo Mixto
                            }, 500);
                        } else {
                            // Manejo de success: false desde el servidor
                            let mensajeError = response.error ||
                                'Error desconocido al subir  factura.';
                            console.error("Error del servidor:", mensajeError);
                            alert(mensajeError);
                            // ✅ Rehabilitar botón si el servidor rechaza  subida
                            $btnSubir.prop('disabled', false).text('Subir');
                        }
                    },
                    error: function(xhr) {
                        // Intentar obtener mensaje específico del error
                        let mensajeError = 'Error al subir  factura. Por favor, intente nuevamente.';

                        if (xhr.responseJSON && xhr.responseJSON.error) {
                            mensajeError = xhr.responseJSON.error;
                        } else if (xhr.responseText) {
                            try {
                                let errorObj = JSON.parse(xhr.responseText);
                                if (errorObj.error) {
                                    mensajeError = errorObj.error;
                                }
                            } catch (e) {
                                console.error("Error al parsear respuesta:", xhr.responseText);
                            }
                        }

                        console.error("Error en  solicitud:", xhr.responseText);
                        alert(mensajeError);
                        // ✅ Rehabilitar botón en caso de error de red
                        $btnSubir.prop('disabled', false).text('Subir');
                    }
                });
            });

            $('#factura_unica_pdf').on('change', function() {
                // Actualizar nombre del archivo seleccionado
                const fileName = this.files[0] ? this.files[0].name : 'Sin archivo';
                $('#nombre_pdf').text(fileName);
                const file = this.files[0];
                const preview = $('#preview_pdf');

                // Liberar URL anterior si existe
                if (objectURL) {
                    URL.revokeObjectURL(objectURL);
                    objectURL = null;
                }

                preview.empty();

                //$('#div_acta').addClass('d-none'); // funciona?
                //if (!file) return;

                if (!file) {
                    $("#message_factura_pdf").html('');
                    $('#preview_factura_unica').addClass('d-none');
                    validarBtnFacturaUnica();
                    return;
                }

                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024; // 5 MB

                if (fileType !== 'application/pdf') {
                    $("#message_pdf").html('Solo se permiten documentos PDF');
                    $('#preview_factura_unica').addClass('d-none');
                    $(this).val('');
                    validarBtnFacturaUnica();
                    return;
                }
                if (file.size > maxSize) {
                    $("#message_pdf").html('El documento PDF debe ser de un tamaño menor a 5MB');
                    $('#preview_factura_unica').addClass('d-none');
                    $(this).val('');
                    validarBtnFacturaUnica();
                    return;
                }
                // Si pasa  validaciones, mostrar vista previa
                $("#message_pdf").html('');
                $('#preview_factura_unica').removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(
                    `<iframe src="${objectURL}" width="100%" height="100%" class="border" frameborder="0"></iframe>`
                );

                // Validar si ambos archivos están seleccionados
                validarBtnFacturaUnica();
            });

            // Event listener para validar cantidad en cursos regulares
            $('#cantidad_grupal').on('input', function() {
                validarBtnFacturaUnica();
            });

            // Event listeners para validar CIE y Fecha Depósito
            $('#cie_grupal').on('input', function() {
                validarBtnFacturaUnica();
            });

            $('#fecha_deposito_grupal').on('change', function() {
                validarBtnFacturaUnica();
            });

            $('#factura_unica_xml').on('change', function() {
                // Actualizar nombre del archivo seleccionado
                const fileName = this.files[0] ? this.files[0].name : 'Sin archivo';
                $('#nombre_xml').text(fileName);
                const file = this.files[0];
                //if (!file) return;

                if (!file) {
                    $("#message_xml").html('');
                    $('#xml_content').text('');
                    $('#xml_no_disponible').removeClass('d-none');
                    validarBtnFacturaUnica();
                    return;
                }

                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024; // 5 MB

                if (fileType !== 'application/xml' && !file.name.endsWith('.xml')) {
                    $("#message_xml").html('Solo se permiten archivos XML');
                    //$('#factura_unica_xml').val('');
                    $(this).val('');
                    validarBtnFacturaUnica();
                    return;
                }

                if (file.size > maxSize) {
                    $("#message_xml").html('El archivo excede los 5MB permitidos');
                    //$('#factura_unica_xml').val('');
                    $(this).val('');
                    validarBtnFacturaUnica();
                    return;
                }

                // Leer y mostrar XML
                const reader = new FileReader();
                reader.onload = function(e) {
                    const xmlContent = e.target.result;
                    $('#xml_content').text(xmlContent);
                    $('#xml_no_disponible').addClass('d-none');
                    $('#preview_factura_unica').removeClass('d-none');
                };
                reader.readAsText(file);

                $("#message_xml").html('');

                // Validar si ambos archivos están seleccionados
                validarBtnFacturaUnica();
            });

            function validarBtnFacturaUnica() {
                const tienePDF = $('#factura_unica_pdf')[0] && $('#factura_unica_pdf')[0].files.length > 0;
                const tieneXML = $('#factura_unica_xml')[0] && $('#factura_unica_xml')[0].files.length > 0;
                const tieneCantidad = $('#cantidad_grupal').length > 0 && $('#cantidad_grupal').val().trim() !== '';
                const tieneCIE = $('#cie_grupal').val().trim() !== '';
                const tieneFechaDeposito = $('#fecha_deposito_grupal').val().trim() !== '';
                const aulCursoTipo = '{{ $aula->curso_tipo }}';
                // Requiere además que haya al menos un alumno seleccionado
                const hayAlumnosSeleccionados = window.alumnosSeleccionados && window.alumnosSeleccionados.size > 0;
                // Curso Regular (tipo 1 o esRegular): requiere PDF + cantidad + CIE + fecha depósito
                if (aulCursoTipo == '1' || {{ $esRegular ? 'true' : 'false' }}) {
                    if (tienePDF && tieneCantidad && tieneCIE && tieneFechaDeposito && hayAlumnosSeleccionados) {
                        $('#btn_factura_unica').prop('disabled', false);
                    } else {
                        $('#btn_factura_unica').prop('disabled', true);
                    }
                } else {
                    // Otros cursos: requieren PDF + XML + CIE + fecha depósito
                    if (tienePDF && tieneXML && tieneCIE && tieneFechaDeposito && hayAlumnosSeleccionados) {
                        $('#btn_factura_unica').prop('disabled', false);
                    } else {
                        $('#btn_factura_unica').prop('disabled', true);
                    }
                }
            }

            // Validar archivos PDF individuales de capacitandos
            $(document).on('change', '.file-pago', function() {
                const file = this.files[0];
                const id_alumno = $(this).attr('id').replace('factura_', '');
                const $label = $(this).siblings('label');
                const $span = $(this).siblings('.nombre-archivo');
                const $message = $(`#message_pdf_${id_alumno}`);
                const $form = $(this).closest('form');

                // ✅ VALIDAR SOLO EN MODO MIXTO
                const isMixtoMode = $('#chkMixto').is(':checked');

                if (isMixtoMode) {
                    // En modo Mixto, el checkbox debe estar seleccionado
                    const $row = $(this).closest('tr');
                    const chkOpcionSeleccionado = $row.find(`.chk-opcion[data-id-alumno="${id_alumno}"]`).is(
                        ':checked');

                    if (!chkOpcionSeleccionado) {
                        $message.text('Primero seleccione el checkbox Individual para este alumno');
                        $(this).val('');
                        return;
                    }
                }

                if ($(this).prop('disabled')) {
                    return;
                }

                if (!file) {
                    $span.text('Sin archivo');
                    $message.text('');
                    $form.find('.btn-subir').prop('disabled', true);
                    return;
                }

                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024;

                if (fileType !== 'application/pdf') {
                    $message.text('Solo se permiten archivos PDF');
                    $(this).val('');
                    return;
                }

                if (file.size > maxSize) {
                    $message.text('El archivo excede los 5MB permitidos');
                    $(this).val('');
                    return;
                }

                $message.text('');
                $span.text(file.name);
                $label.addClass('btn-success').removeClass('btn-outline-primary');

                // ✅ Obtener tipo de curso
                const aulCursoTipo = '{{ $aula->curso_tipo }}';

                // ✅ Verificar si XML está seleccionado
                const xmlInput = $form.find(`#xml_${id_alumno}`);
                const tieneXML = xmlInput[0] && xmlInput[0].files.length > 0;

                // ✅ Habilitar botón según tipo de curso
                if (aulCursoTipo == '1' || {{ $esRegular ? 'true' : 'false' }}) {
                    // Curso tipo 1 o esRegular: Solo requiere PDF
                    $form.find('.btn-subir').prop('disabled', false);
                } else {
                    // Otros cursos: Requieren PDF + XML
                    if (tieneXML) {
                        $form.find('.btn-subir').prop('disabled', false);
                    }
                }
            });
            // Validar archivos XML individuales de capacitandos
            $(document).on('change', '.file-xml', function() {
                const file = this.files[0];
                const id_alumno = $(this).attr('id').replace('xml_', '');
                const $label = $(this).siblings('label');
                const $span = $(this).siblings('.nombre-xml');
                const $message = $(`#message_xml_${id_alumno}`);
                const $form = $(this).closest('form');

                // ✅ VALIDAR SOLO EN MODO MIXTO
                const isMixtoMode = $('#chkMixto').is(':checked');

                if (isMixtoMode) {
                    // En modo Mixto, el checkbox debe estar seleccionado
                    const $row = $(this).closest('tr');
                    const chkOpcionSeleccionado = $row.find(`.chk-opcion[data-id-alumno="${id_alumno}"]`).is(
                        ':checked');

                    if (!chkOpcionSeleccionado) {
                        $message.text('Primero seleccione el checkbox Individual para este alumno');
                        $(this).val('');
                        return;
                    }
                }

                if ($(this).prop('disabled')) {
                    return;
                }

                if (!file) {
                    $span.text('Sin archivo');
                    $message.text('');
                    $form.find('.btn-subir').prop('disabled', true);
                    return;
                }

                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024;

                if (fileType !== 'application/xml' && !file.name.endsWith('.xml')) {
                    $message.text('Solo se permiten archivos XML');
                    $(this).val('');
                    return;
                }

                if (file.size > maxSize) {
                    $message.text('El archivo excede los 5MB permitidos');
                    $(this).val('');
                    return;
                }
                $message.text('');
                $span.text(file.name);
                $label.addClass('btn-info').removeClass('btn-outline-secondary');

                // ✅ Verificar si PDF está seleccionado
                const pdfInput = $form.find(`#factura_${id_alumno}`);
                const tienePDF = pdfInput[0] && pdfInput[0].files.length > 0;

                if (tienePDF) {
                    $form.find('.btn-subir').prop('disabled', false);
                }
            });


            $('#factura').on('change', function() {
                const file = this.files[0];
                const preview = $('#preview_factura');

                // Liberar URL anterior si existe
                if (objectURL) {
                    URL.revokeObjectURL(objectURL);
                    objectURL = null;
                }

                preview.empty();
                $('#div_acta').addClass('d-none');
                if (!file) return;
                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024; // 5 MB
                if (fileType !== 'application/pdf') {
                    $("#message_acta").html('Solo se permiten documentos PDF');
                    $('#acta').val('');
                    return;
                }
                if (file.size > maxSize) {
                    $("#message_acta").html('El documento excede los 5MB permitidos');
                    $('#acta').val('');
                    return;
                }
                // Si pasa  validaciones, mostrar vista previa
                $("#message_acta").html('');
                $('#div_acta').removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(`<iframe src="${objectURL}" width="100%" height="700px" class="border"></iframe>`);
            });
            $('#modalValidarFactura').on('show.bs.modal', function(event) {
                var button = $(event.relatedTarget); // Botón que abrió el modal
                var idAlumno = button.data('id-alumno'); // Extraer el valor
                var nombreAlumno = button.data('alumno'); // Extraer el valor
                // Insertar el valor en un campo dentro del modal
                var modal = $(this);
                modal.find('#id_alumno').val(idAlumno);
                modal.find('#nombreAlumno').html(nombreAlumno);
            });

            $('#modalValidarFacturaGrupo').on('show.bs.modal', function(event) {
                const button = $(event.relatedTarget);
                const idAlumno = String(button.data('id-alumno'));
                const modal = $(this);
                const rows = dataTableCapacitandos ? dataTableCapacitandos.rows().data().toArray() : [];
                const seleccionado = rows.find(row => String(row.id_alumno) === idAlumno);

                if (!seleccionado) {
                    modal.find('#grupoValidarLista').html('<tr><td colspan="2">No se pudo obtener  información del grupo.</td></tr>');
                    return;
                }

                const grupo = rows.filter(row => {
                    if (seleccionado.xml_uuid) {
                        return row.xml_uuid && row.xml_uuid === seleccionado.xml_uuid;
                    }
                    return row.factura_pdf && row.factura_pdf === seleccionado.factura_pdf;
                });
                const esUuid = Boolean(seleccionado.xml_uuid);
                const total = esUuid
                    ? Number(seleccionado.xml_total || 0)
                    : grupo.reduce((suma, row) => suma + Number(row.xml_total || 0), 0);
                const importeIndividual = esUuid && grupo.length > 0
                    ? total / grupo.length
                    : null;
                const costoEsperado = Number(@json($aula->costo_hora_capacitando ?? 0));
                const formatoMoneda = valor => Number(valor || 0).toLocaleString('es-MX', {
                    style: 'currency',
                    currency: 'MXN'
                });
                const escaparHtml = valor => $('<div>').text(valor || '-').html();
                const importeDeFila = row => importeIndividual !== null
                    ? importeIndividual
                    : Number(row.xml_total || 0);
                const hayDiferencia = grupo.some(row =>
                    Math.abs(importeDeFila(row) - costoEsperado) > 0.01
                );

                modal.find('#grupoValidarUuid').text(esUuid ? seleccionado.xml_uuid : 'PDF compartido');
                modal.find('#grupoValidarTotal').text(formatoMoneda(total));
                modal.find('#grupoValidarCantidad').text(grupo.length);
                modal.find('#grupoValidarCosto').text(formatoMoneda(costoEsperado));
                modal.find('#grupoValidarAdvertencia')
                    .toggleClass('d-none', !hayDiferencia)
                    .html(hayDiferencia
                        ? 'Advertencia: el importe individual del comprobante no coincide con el costo configurado para el aula.'
                        : '');
                modal.find('#grupoValidarLista').html(grupo.map(row => {
                    const nombre = row.nombre_alumno || [row.nombre, row.apellido_paterno, row.apellido_materno].join(' ');
                    return `<tr><td>${escaparHtml(nombre)}</td><td class="text-end">${formatoMoneda(importeDeFila(row))}</td></tr>`;
                }).join(''));
                modal.find('#id_alumno_grupo').val(idAlumno);
            });

            $('#modalRechazarFactura').on('show.bs.modal', function(event) {
                var button = $(event.relatedTarget);
                var idAlumno = button.data('id-alumno');
                var nombreAlumno = button.data('alumno');
                var grupoSize = parseInt(button.data('grupo-size') || 1);

                var modal = $(this);
                modal.find('#id_alumno').val(idAlumno);
                modal.find('#nombreAlumno').html(nombreAlumno);
                modal.find('#observacionFactura').val(''); // limpiar campo anterior

                if (grupoSize > 1) {
                    // Factura Grupal
                    modal.find('#tipoFacturaLabel')
                        .text('Factura Grupal')
                        .attr('class', 'badge bg-warning text-dark fs-6');
                    modal.find('#grupoRechazarCount').text(grupoSize);
                    modal.find('#grupoRechazarWarning').removeClass('d-none');

                    // Buscar el identificador de grupo del alumno y listar todos los afectados
                    var listaHtml = '';
                    try {
                        var dtApi = dataTableCapacitandos;
                        if (dtApi) {
                            var xmlUuid = null;
                            var facturaPdf = null;
                            // 1) Encontrar el UUID o ruta PDF del alumno clicado
                            dtApi.rows().data().each(function(row) {
                                if (row.id_alumno == idAlumno) {
                                    xmlUuid   = row.xml_uuid   || null;
                                    facturaPdf = row.factura_pdf || null;
                                }
                            });
                            // 2a) Agrupar por UUID (cursos con XML)
                            if (xmlUuid) {
                                dtApi.rows().data().each(function(row) {
                                    if (row.xml_uuid && row.xml_uuid === xmlUuid) {
                                        listaHtml += '<li>' + row.nombre_alumno + '</li>';
                                    }
                                });
                            // 2b) Agrupar por ruta PDF (cursos regulares sin XML)
                            } else if (facturaPdf) {
                                dtApi.rows().data().each(function(row) {
                                    if (row.factura_pdf && row.factura_pdf === facturaPdf) {
                                        listaHtml += '<li>' + row.nombre_alumno + '</li>';
                                    }
                                });
                            }
                        }
                    } catch(e) {}
                    modal.find('#grupoRechazarLista').html(listaHtml);
                } else {
                    // Factura Individual
                    modal.find('#tipoFacturaLabel')
                        .text('Factura Individual')
                        .attr('class', 'badge bg-secondary fs-6');
                    modal.find('#grupoRechazarWarning').addClass('d-none');
                    modal.find('#grupoRechazarLista').html('');
                }
            });

            let btnActual = null;

            $(document).on("click", ".ver-pdf, .btn-validar, .btn-rechaza", function() {
                btnActual = $(this);
            });

            //FORMULADRIO PARA VALIDAR FACTURA
            $(document).on("submit", ".validar-factura", function(e) {
                e.preventDefault();
                let form = $(this);
                let actionUrl = form.attr("action");
                let formData = form.serialize();

                $.ajax({
                    url: actionUrl,
                    type: "POST",
                    data: formData,
                    dataType: "json",
                    success: function(response) {
                        if (response.success) {
                            let contenedor = $(btnActual).closest('.revisarFacturas');
                            let nuevoBoton = `
                            <button type="button" 
                                class="btn btn-success shadow btn-xs ver-pdf text-white"
                                data-bs-toggle="modal" 
                                data-bs-target="#modalContrato"
                                data-src="${response.recibo}">
                                <i class="ri-file-add-line"></i> Validada
                            </button>`;
                            contenedor.html(nuevoBoton);
                            if (response.success == "Guardar") {
                                $('#btnTerminarRevisionFacturas').removeClass('d-none');
                            }
                        }
                    },
                    error: function(xhr) {
                        console.error("Error en  solicitud:", xhr.responseText);
                    }
                });
            });

            $(document).on("submit", ".validar-factura-grupo", function(e) {
                e.preventDefault();
                const form = $(this);
                const $button = $('#btnConfirmarFacturaGrupo');
                $button.prop('disabled', true);

                $.ajax({
                    url: form.attr("action"),
                    type: "POST",
                    data: form.serialize(),
                    dataType: "json",
                    success: function(response) {
                        if (response.success) {
                            $('#modalValidarFacturaGrupo').modal('hide');
                            if (dataTableCapacitandos) {
                                dataTableCapacitandos.ajax.reload(null, false);
                            }
                            if ($.fn.DataTable.isDataTable('.capacitandos-facturas-table')) {
                                $('.capacitandos-facturas-table').DataTable().ajax.reload(null, false);
                            }
                            // El backend indica "Guardar" cuando ya no quedan facturas pendientes
                            if (response.success == "Guardar") {
                                $('#btnTerminarRevisionFacturas').removeClass('d-none');
                            }
                        }
                    },
                    error: function(xhr) {
                        console.error("Error en  aceptación grupal:", xhr.responseText);
                    },
                    complete: function() {
                        $button.prop('disabled', false);
                    }
                });
            });
            //FORMULADRIO PARA RECHAZAR FACTURA
            $(document).on("submit", ".rechazar-factura", function(e) {
                e.preventDefault();
                let form = $(this);
                let actionUrl = form.attr("action");
                let formData = form.serialize();
                let observacion = $("#observacionFactura").val().trim();

                if (observacion == "") {
                    e.preventDefault();
                    return false;
                }

                $.ajax({
                    url: actionUrl,
                    type: "POST",
                    data: formData,
                    dataType: "json",
                    success: function(response) {
                        if (response.success) {
                            $('#modalRechazarFactura').modal('hide');
                            // Recargar  tabla principal (donde está el btn-rechaza)
                            if (dataTableCapacitandos) {
                                dataTableCapacitandos.ajax.reload(null, false);
                            }
                            // Recargar también  tabla del tab Pagos si está inicializada
                            if ($.fn.DataTable.isDataTable('.capacitandos-facturas-table')) {
                                $('.capacitandos-facturas-table').DataTable().ajax.reload(null, false);
                            }
                        }
                    },
                    error: function(xhr) {
                        console.error("Error en  solicitud:", xhr.responseText);
                    }
                });
            });

            $(document).on('change', '.chk-opcion', function() {
                const id_alumno = $(this).data('id-alumno');
                const isChecked = $(this).is(':checked');

                // ✅ Actualizar array global de alumnos marcados
                if (isChecked) {
                    if (!window.alumnosConFacturaIndividual.includes(id_alumno)) {
                        window.alumnosConFacturaIndividual.push(id_alumno);
                    }
                } else {
                    window.alumnosConFacturaIndividual = window.alumnosConFacturaIndividual.filter(id => id !==
                        id_alumno);
                }
                // AGREGAR: Habilitar/deshabilitar inputs de esta fila
                const $row = $(this).closest('tr');
                const $filePago = $row.find(`#factura_${id_alumno}`);
                const $fileXml = $row.find(`#xml_${id_alumno}`);
                const $inputCie = $row.find(`#cie_${id_alumno}`);
                const $inputFechaDeposito = $row.find(`#fecha_deposito_${id_alumno}`);
                const $inputCantidadIndividual = $row.find(`#cantidad_individual_${id_alumno}`);
                const $labelPago = $row.find(`label[for="factura_${id_alumno}"]`);
                const $labelXml = $row.find(`label[for="xml_${id_alumno}"]`);
                const btnSubir = $row.find('.btn-subir');

                // Solo habilitar si NO tiene factura cargada (verificar que el botón no tenga clase 'disabled')
                if (isChecked && !btnSubir.hasClass('disabled')) {
                    $filePago.prop('disabled', false);
                    $fileXml.prop('disabled', false);
                    $inputCie.prop('disabled', false);
                    $inputFechaDeposito.prop('disabled', false);
                    $inputCantidadIndividual.prop('disabled', false);
                    $labelPago.removeClass('disabled');
                    $labelXml.removeClass('disabled');
                } else {
                    $filePago.prop('disabled', true);
                    $fileXml.prop('disabled', true);
                    $inputCie.prop('disabled', true);
                    $inputFechaDeposito.prop('disabled', true);
                    $inputCantidadIndividual.prop('disabled', true);
                    $labelPago.addClass('disabled');
                    $labelXml.addClass('disabled');
                }

                // ✅ Verificar si HAY AL MENOS UN botón .ver-pdf en  tabla (factura subida)
                const alumnosConFactura = $('.capacitandos-facturas-table .ver-pdf').length;

                // Mostrar divPagoGrupal si hay al menos un alumno con factura subida
                if (alumnosConFactura > 0) {
                    $('#divPagoGrupal').removeClass('d-none');
                    $('#alertMixto').addClass('d-none');
                    // ✅ Habilitar inputs CIE y FECHA DEPÓSITO del formulario grupal
                    $('#cie_grupal').prop('disabled', false);
                    $('#fecha_deposito_grupal').prop('disabled', false);
                } else {
                    $('#divPagoGrupal').addClass('d-none');
                    // Mostrar alerta solo si hay checkboxes marcados pero sin facturas
                    if ($('.chk-opcion:checked').length > 0) {
                        $('#alertMixto').removeClass('d-none');
                    } else {
                        $('#alertMixto').addClass('d-none');
                    }
                }

                // ✅ Si se desmarca en modo Mixto, limpiar los archivos de esa fila
                if (!isChecked && $('#chkMixto').is(':checked')) {
                    const $row = $(this).closest('tr');
                    const $form = $row.find('form.agregar-factura');

                    // Limpiar PDF
                    const $filePago = $form.find(`#factura_${id_alumno}`);
                    $filePago.val('');
                    $form.find('.nombre-archivo').text('Sin archivo');
                    $form.find(`#message_pdf_${id_alumno}`).text('');
                    $form.find(`label[for="factura_${id_alumno}"]`).removeClass('btn-success').addClass(
                        'btn-outline-primary disabled');

                    // Limpiar XML
                    const $fileXml = $form.find(`#xml_${id_alumno}`);
                    $fileXml.val('');
                    $form.find('.nombre-xml').text('Sin archivo');
                    $form.find(`#message_xml_${id_alumno}`).text('');
                    $form.find(`label[for="xml_${id_alumno}"]`).removeClass('btn-info').addClass(
                        'btn-outline-secondary disabled');

                    // Limpiar CIE y FECHA DEPÓSITO
                    $form.find(`#cie_${id_alumno}`).val('');
                    $form.find(`#fecha_deposito_${id_alumno}`).val('');

                    // Deshabilitar botón de subida
                    $form.find('.btn-subir').prop('disabled', true);
                }
            });

            $(document).on('change', '#chkIndividual, #chkGrupal, #chkMixto', function() {
                let check = $(this);

                // ✅ Guardar el modo activo globalmente
                if (check.is(':checked')) {
                    window.modoFacturacionActivo = check.attr('id');
                } else {
                    window.modoFacturacionActivo = null;
                    // ✅ Limpiar array al desmarcar
                    window.alumnosConFacturaIndividual = [];
                }

                // Si se marca → deshabilita los demás
                $('#chkIndividual, #chkGrupal, #chkMixto').not(check).prop('checked', false);
                $('.chk-opcion').prop('checked', false);

                // ✅ Si se cambia de modo, limpiar el array de alumnos marcados
                if (check.attr('id') !== 'chkMixto') {
                    window.alumnosConFacturaIndividual = [];
                }

                let hayFacturasGuardadas = $('.capacitandos-facturas-table tbody tr').length > 0 &&
                    $('.capacitandos-facturas-table tbody tr').find('button.ver-pdf').length > 0;

                if (!hayFacturasGuardadas) {
                    // Limpiar vista previa
                    $('#preview_factura_unica').addClass('d-none');
                    $('#preview_pdf').empty();
                    $('#xml_content').text('');
                    $('#xml_no_disponible').removeClass('d-none');

                    $('#factura_unica_pdf').val('');
                    $('#factura_unica_xml').val('');
                    $('#message_factura_pdf').html('');
                    $('#message_xml').html('');

                    // Limpia inputs individuales NO almacenados
                    $('.file-pago:not(:disabled)').each(function() {
                        $(this).val('');
                        $(this).siblings('.nombre-archivo').text('Sin archivo');
                        $(this).siblings('label').removeClass('btn-success').addClass(
                            'btn-outline-primary');
                        const id = $(this).attr('id').replace('factura_', '');
                        $(`#message_pdf_${id}`).text('');
                        $(this).closest('form').find('.btn-subir').prop('disabled', true);
                    });

                    $('.file-xml:not(:disabled)').each(function() {
                        $(this).val('');
                        $(this).siblings('.nombre-xml').text('Sin archivo');
                        $(this).siblings('label').removeClass('btn-info').addClass('btn-outline-secondary');
                        const id = $(this).attr('id').replace('xml_', '');
                        $(`#message_xml_${id}`).text('');
                        $(this).closest('form').find('.btn-subir').prop('disabled', true);
                    });

                    // Limpiar inputs de CIE y FECHA DEPÓSITO
                    $('input[name="cie"]').val('');
                    $('input[name="fecha_deposito"]').val('');
                }

                if (check.is(':checked')) {
                    if (check.attr('id') === 'chkIndividual') {
                        $('.file-pago').prop('disabled', false);
                        $('.file-xml').prop('disabled', false);
                        // Habilitar inputs de CIE y FECHA DEPÓSITO individuales
                        $('input[name="cie"]:not(#cie_grupal)').prop('disabled', false);
                        $('input[name="fecha_deposito"]:not(#fecha_deposito_grupal)').prop('disabled', false);
                        // Deshabilitar inputs grupales
                        $('#cie_grupal').prop('disabled', true);
                        $('#fecha_deposito_grupal').prop('disabled', true);
                        // Habilitar labels visuales
                        $('label[for^="factura_"]').removeClass('disabled');
                        $('label[for^="xml_"]').removeClass('disabled');
                        $('.factura-individual').removeClass('d-none');
                        //$('.file-pago').removeClass('d-none');
                        //$('.file-xml').removeClass('d-none');
                        $('#divPagoGrupal').addClass('d-none');
                        $('#alertMixto').addClass('d-none');
                        $('.lbl-mixto').addClass('d-none');
                        $('.chk-opcion').addClass('d-none');
                    }

                    if (check.attr('id') === 'chkGrupal') {
                        $('.factura-individual').addClass('d-none');
                        $('#divPagoGrupal').removeClass('d-none');
                        $('.file-pago').prop('disabled', true);
                        $('.file-xml').prop('disabled', true);
                        // Deshabilitar inputs individuales de CIE y FECHA DEPÓSITO
                        $('input[name="cie"]:not(#cie_grupal)').prop('disabled', true);
                        $('input[name="fecha_deposito"]:not(#fecha_deposito_grupal)').prop('disabled', true);
                        // Habilitar inputs grupales
                        $('#cie_grupal').prop('disabled', false);
                        $('#fecha_deposito_grupal').prop('disabled', false);
                        // ✅ Pre-rellenar cantidad grupal calculada (solo si está vacío y es curso regular)
                        @if ($aula->curso_tipo == 1 || $esRegular)
                            if ($('#cantidad_grupal').length > 0 && !$('#cantidad_grupal').val()) {
                                const capacitandosSinFactura = parseInt($('#capacitandosSinFacturaHidden').val()) ||
                                    0;
                                const costoHora = {{ $aula->costo_hora_capacitando ?? 0 }};
                                const cantidadCalculada = capacitandosSinFactura * costoHora;
                                $('#cantidad_grupal').val(cantidadCalculada.toFixed(2));
                            }
                        @endif
                        // ✅ Habilitar labels del formulario grupal
                        $('#divPagoGrupal').find('label[for="factura_unica_pdf"]').removeClass('disabled');
                        $('#divPagoGrupal').find('label[for="factura_unica_xml"]').removeClass('disabled');
                        $('#alertMixto').addClass('d-none');
                        $('.lbl-mixto').addClass('d-none');
                        $('.chk-opcion').addClass('d-none');
                    }

                    if (check.attr('id') === 'chkMixto') {
                        //$('#factura_unica').prop('disabled', false);
                        //$('#btn_factura_unica').prop('disabled', false);
                        $('.factura-individual').prop('disabled', false);
                        $('.file-pago').prop('disabled', true);
                        $('.file-xml').prop('disabled', true);
                        // Deshabilitar inputs grupales en modo Mixto
                        $('#cie_grupal').prop('disabled', true);
                        $('#fecha_deposito_grupal').prop('disabled', true);
                        // Los inputs individuales se habilitan cuando se marcan los checkboxes
                        $('input[name="cie"]:not(#cie_grupal)').prop('disabled', true);
                        $('input[name="fecha_deposito"]:not(#fecha_deposito_grupal)').prop('disabled', true);
                        // ✅ Habilitar labels del formulario grupal para cuando se muestre
                        $('#divPagoGrupal').find('label[for="factura_unica_pdf"]').removeClass('disabled');
                        $('#divPagoGrupal').find('label[for="factura_unica_xml"]').removeClass('disabled');
                        $('.chk-opcion').removeClass('d-none');
                        $('.factura-individual').addClass('d-none');
                        $('.lbl-individual').removeClass('d-none');
                        $('.lbl-mixto').removeClass('d-none');

                        // ✅ Verificar si ya hay facturas individuales cargadas (mismas 3 fuentes)
                        const _hayFacturasData = $('#chkMixto').data('hay-facturas-individuales');
                        const _alumnosYaConFacturaAttr = _hayFacturasData === '1' || _hayFacturasData === 1;
                        const _alumnosYaConFacturaDom = $('.capacitandos-facturas-table .ver-pdf').length > 0;
                        const _alumnosYaConFacturaInput = (parseInt($('#alumnosConFacturaCargadaHidden').val(),
                            10) || 0) > 0;
                        const _alumnosYaConFactura = _alumnosYaConFacturaAttr || _alumnosYaConFacturaDom ||
                            _alumnosYaConFacturaInput;

                        if (_alumnosYaConFactura) {
                            $('#divPagoGrupal').removeClass('d-none');
                            $('#alertMixto').addClass('d-none');
                            $('#cie_grupal').prop('disabled', false);
                            $('#fecha_deposito_grupal').prop('disabled', false);
                        } else {
                            $('#divPagoGrupal').addClass('d-none');
                            $('#alertMixto').removeClass('d-none');
                        }
                    }

                } else {
                    $('#chkIndividual, #chkGrupal, #chkMixto').prop('disabled', false);
                    // Si se desmarca → habilita todos y resetea botón
                    $('.tipo-factura').prop('disabled', false);
                    $('.factura-individual').addClass('d-none');
                    // $('.file-pago').prop('disabled', true);
                    $('#divPagoGrupal').addClass('d-none');
                    $('.chk-opcion').addClass('d-none');
                    $('#alertMixto').addClass('d-none');
                    $('.lbl-mixto').addClass('d-none');
                    $('.file-pago').prop('disabled', true);
                    $('.file-xml').prop('disabled', true);
                    // Deshabilitar TODOS los inputs de CIE y FECHA DEPÓSITO (individuales y grupales)
                    $('input[name="cie"]').prop('disabled', true);
                    $('input[name="fecha_deposito"]').prop('disabled', true);
                    // Deshabilitar labels visuales
                    $('label[for^="factura_"]').addClass('disabled');
                    $('label[for^="xml_"]').addClass('disabled');
                }
            });

            function generarFolioConsecutivo(folio) {
                if (!folio) return "";
                // Busca todos los últimos números al final del folio
                const match = folio.match(/^(.*?)(\d+)$/);
                if (!match) return folio; // no hay números → no se puede incrementar
                let prefijo = match[1]; // incluye letras, puntos, guiones, etc.
                let numero = match[2];
                let siguiente = (parseInt(numero, 10) + 1).toString().padStart(numero.length, '0');

                return prefijo + siguiente;
            }
            let primeraFecha = null;

            $(document).on("change", ".flatpicker", function() {
                let fechaSeleccionada = $(this).val().trim();
                // Registrar  primera fecha capturada
                if (!primeraFecha && fechaSeleccionada !== "") {
                    primeraFecha = fechaSeleccionada;
                    // Copiar fecha a los demás campos vacíos
                    $(".flatpicker").each(function() {
                        // Solo rellenar los que no tengan fecha
                        if ($(this).val().trim() === "") {
                            $(this).val(primeraFecha);
                        }
                    });
                }
            });

            // Asignar folio automaticamente 
            if (puedeAsignarFolio == true) {
                $(document).on('keyup', '.input-folio', function() {
                    let currentInput = $(this);
                    let allVisible = $('.input-folio:visible');
                    if (!currentInput.is(allVisible.first())) return;
                    let val = currentInput.val().trim();
                    if (!val) return;
                    let allEnabled = $('.input-folio:visible:not(:disabled)');
                    let siguiente = val;
                    allEnabled.each(function(index) {
                        if (index === 0) return;
                        siguiente = generarFolioConsecutivo(siguiente);
                        $(this).val(siguiente);
                    });
                });
            }
            // ASIGNAR FOLIO DEL DIPLOMA DEL AULA
            $(document).on("submit", ".update-folio", function(e) {
                e.preventDefault();

                let form = $(this);
                let folioInput = form.find('input[name="folio"]'); // tomar solo del formulario actual
                let folio = folioInput.val().trim();

                let fechaInput = form.find('input[name="fecha"]'); // tomar solo del formulario actual
                let fecha = fechaInput.val().trim();

                if (!fecha) {
                    form.find('#message_fecha').text('Seleccione una fecha');
                    fechaInput.focus();
                    return false; // evita que se haga el ajax
                } else {
                    form.find('#message_fecha').text(''); // limpiar mensaje si hay valor
                }

                if (!folio) {
                    form.find('#message_folio').text('Ingrese Folio');
                    folioInput.focus();
                    return false; // evita que se haga el ajax
                } else {
                    form.find('#message_folio').text(''); // limpiar mensaje si hay valor
                }

                let folio2Input = form.find('input[name="folio2"]');
                if (folio2Input.length > 0 && !folio2Input.prop('readonly') && !folio2Input.prop('disabled')) {
                    let folio2 = folio2Input.val().trim();
                    if (!folio2) {
                        form.find('#message_folio2').text('Ingrese Folio Solicitud');
                        folio2Input.focus();
                        return false;
                    } else {
                        form.find('#message_folio2').text('');
                    }
                }

                let actionUrl = form.attr("action");
                let formData = form.serialize();

                $.ajax({
                    url: actionUrl,
                    type: "POST",
                    data: formData,
                    success: function(response) {
                        if (response.success) {
                            if (response.success == "Terminar") {
                                $('#btnTerminarAcreditacion').removeClass('d-none');
                                $('#autorizarAula').removeClass('d-none');
                                $('#divRechazarAula').addClass('d-none');
                            }
                            form.find('input[name="folio"]').prop('disabled', true);
                            form.find('input[name="fecha"]').prop('disabled', true);
                            form.find('input[name="folio2"]').prop('disabled', true);
                            // Opcional: deshabilitar el botón guardar
                            form.find('button[type="submit"]').prop('disabled', true);

                            // Mostrar el botón de impresión en  misma fila
                            let row = form.closest('tr');
                            row.find('.dropdown').removeClass('d-none');
                        }
                    },
                    error: function(xhr) {
                        console.error("Error en  solicitud:", xhr.responseText);
                    }
                });
            });

            $(document).on('click', '.btn-edit', function() {
                // Buscar el formulario de  fila actual
                let $form = $(this).closest("form.update-folio");
                // Habilitar los elementos de esta fila
                $form.find(".input-folio").prop("disabled", false);
                $form.find(".flatpicker").prop("disabled", false);
                $form.find("button[type='submit']").prop("disabled", false);
                // Opcional: Enfocar el input de folio
                $form.find(".input-folio").focus();
            });

            // ESTATUS C ENTREGAR DIPLOMA DEL AULA
            $(document).on("submit", ".update-entrega", function(e) {
                e.preventDefault();
                let form = $(this);
                let fechaInput = form.find('input[name="fecha"]'); // tomar solo del formulario actual
                let fecha = fechaInput.val().trim();

                if (!fecha) {
                    form.find('#message_fecha').text('Seleccione una fecha');
                    return false; // evita que se haga el ajax
                } else {
                    form.find('#message_fecha').text(''); // limpiar mensaje si hay valor
                }

                let actionUrl = form.attr("action");
                let formData = form.serialize();

                $.ajax({
                    url: actionUrl,
                    type: "POST",
                    data: formData,
                    success: function(response) {
                        if (response.success) {
                            if (response.success == "Terminar") {
                                //$('#btnTerminarEntregDiplomas').removeClass('d-none'); 
                                //if ([4, 7].includes(Number(response.tipo_curso))) {
                                        //$('#btnTerminarEntregDiplomas').removeClass('d-none');
                                    //} else {
                                        $('#btnCerrarAula').removeClass('d-none');
                                   // }     
                            }
                            form.find('input[name="fecha"]').prop('disabled', true);
                            form.find('button[type="submit"]').prop('disabled', true);
                            form.find('input[name="fecha"]').removeClass('border-primary');
                            form.find('span').removeClass('border-primary');
                        }
                    },
                    error: function(xhr) {
                        console.error("Error en  solicitud:", xhr.responseText);
                    }
                });
            });
        }

        $(document).on('click', '.btn-edit', function() {
            let $form = $(this).closest("form.update-entrega");
            $form.find(".flatpicker").prop("disabled", false);
            $form.find("button[type='submit']").prop("disabled", false);
            $form.find(".input-folio").focus();
        });

        function validarYMostrarPDF(inputSelector, previewSelector, messageSelector, divSelector) {
            let objectURL = null;
            $(inputSelector).on('change', function() {
                const file = this.files[0];
                const preview = $(previewSelector);

                // Liberar URL anterior si existe
                if (objectURL) {
                    URL.revokeObjectURL(objectURL);
                    objectURL = null;
                }

                preview.empty();
                $(divSelector).addClass('d-none');
                if (!file) return;
                const fileType = file.type;
                const maxSize = 5 * 1024 * 1024; // 5MB
                // Validar tipo
                if (fileType !== 'application/pdf') {
                    $(messageSelector).html('Solo se permiten documentos PDF');
                    $(inputSelector).val('');
                    return;
                }
                // Validar tamaño
                if (file.size > maxSize) {
                    $(messageSelector).html('El documento excede los 5MB permitidos');
                    $(inputSelector).val('');
                    return;
                }
                // Mostrar vista previa
                $(messageSelector).html('');
                $(divSelector).removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(
                    `<iframe src="${objectURL}" width="100%" height="700px" class="border"></iframe>`
                );
            });
        }
        validarYMostrarPDF(
            '#fileAnexoSesion',
            '#previewAnexo',
            '#messageAnexo',
            '#divAnexo'
        );
        validarYMostrarPDF(
            '#fileEvaluacionCurso',
            '#previewEvaluacion',
            '#messageEvaluacion',
            '#divEvaluacion'
        );
        validarYMostrarPDF(
            '#fileReporteFinal',
            '#previewReporteFinal',
            '#messageReporteFinal',
            '#divReporteFinal'
        );
        validarYMostrarPDF(
            '#fileListaAsistencia',
            '#previewAsistencia',
            '#messageAsistencia',
            '#divAsistencia'
        );
        validarYMostrarPDF(
            '#fileRiacd',
            '#previewRiacd',
            '#messageRiacd',
            '#divRiacd'
        );
        validarYMostrarPDF(
            '#fileAcuseConocer',
            '#previewAcuseConocer',
            '#messageAcuseConocer',
            '#divAcuseConocer'
        );
        $(document).on("submit", ".add-lista-asistencia", function(e) {
            e.preventDefault();

            let form = $(this);
            let actionUrl = form.attr("action");

            // FormData para enviar archivos
            let formData = new FormData(this);

            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false, // obligatorio para archivos
                processData: false, // obligatorio para archivos
                cache: false,
                success: function(response) {
                    if (response.success) {
                        form.find('input[type="file"]').prop('disabled', true);
                        form.find('input[type="file"]').addClass('d-none');
                        form.find('button[type="submit"]').prop('disabled', true);
                        form.find('button[type="submit"]').addClass('d-none');
                        $('#divListaAsistenciaEstatus').removeClass('alert-danger alert-success');
                        $('#divListaAsistenciaEstatus').removeClass('d-none');
                        $('#divListaAsistenciaEstatus').addClass('alert-warning');
                        $('#msgListaAsistencia').text("Documento en Revision");
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        $(document).on("submit", ".add-riacd", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            // FormData para enviar archivos
            let formData = new FormData(this);
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false, // obligatorio para archivos
                processData: false, // obligatorio para archivos
                cache: false,
                success: function(response) {
                    if (response.success) {
                        form.find('input[type="file"]').prop('disabled', true).addClass('d-none');
                        form.find('button[type="submit"]').prop('disabled', true).addClass('d-none');
                        $('#divRiacdEstatus').removeClass('alert-danger alert-success');
                        $('#divRiacdEstatus').removeClass('d-none');
                        $('#divRiacdEstatus').addClass('alert-warning');
                        $('#msgRiacd').text("Documento en Revision");
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        $(document).on("submit", ".add-reporte-final", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            // FormData para enviar archivos
            let formData = new FormData(this);
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false, // obligatorio para archivos
                processData: false, // obligatorio para archivos
                cache: false,
                success: function(response) {
                    if (response.success) {
                        form.find('input[type="file"]').prop('disabled', true).addClass('d-none');
                        form.find('button[type="submit"]').prop('disabled', true).addClass('d-none');
                        $('#divReporteFinalEstatus').removeClass('alert-danger alert-success');
                        $('#divReporteFinalEstatus').removeClass('d-none');
                        $('#divReporteFinalEstatus').addClass('alert-warning');
                        $('#msgReporteFinal').text("Documento en Revision");
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        $(document).on("submit", ".add-evaluacion-curso", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            // FormData para enviar archivos
            let formData = new FormData(this);
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false, // obligatorio para archivos
                processData: false, // obligatorio para archivos
                cache: false,
                success: function(response) {
                    if (response.success) {
                        form.find('input[type="file"]').prop('disabled', true).addClass('d-none');
                        form.find('button[type="submit"]').prop('disabled', true).addClass('d-none');
                        $('#divEvaluacionCursoEstatus').removeClass('alert-danger alert-success');
                        $('#divEvaluacionCursoEstatus').addClass('alert-warning');
                        $('#divValidarEvaluacionCurso').addClass('d-none');
                        $('#msgEvaluacionCurso').text('Documento en Revision');

                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });
        $(document).on("submit", ".add-anexo-sesion", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            // FormData para enviar archivos
            let formData = new FormData(this);
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false, // obligatorio para archivos
                processData: false, // obligatorio para archivos
                cache: false,
                success: function(response) {
                    if (response.success) {
                        form.find('input[type="file"]').prop('disabled', true).addClass('d-none');
                        form.find('button[type="submit"]').prop('disabled', true).addClass('d-none');
                        $('#divAnexoSesionEstatus').removeClass('alert-danger');
                        $('#divAnexoSesionEstatus').addClass('alert-warning');
                        $('#divValidarAnexoSesion').addClass('d-none');
                        $('#msgAnexoSesion').text('Documento en Revision');

                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        $(document).on("submit", ".add-acuse-conocer", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            let formData = new FormData(this);
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                cache: false,
                success: function(response) {
                    if (response.success) {
                        form.find('input[type="file"]').prop('disabled', true).addClass('d-none');
                        form.find('button[type="submit"]').prop('disabled', true).addClass('d-none');
                        $('#divAcuseConocerEstatus').removeClass('alert-danger alert-success');
                        $('#divAcuseConocerEstatus').removeClass('d-none');
                        $('#divAcuseConocerEstatus').addClass('alert-warning');
                        $('#msgAcuseConocer').text('Documento en Revision');
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        $(document).on("submit", ".validar-documento", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            // FormData para enviar archivos
            let formData = new FormData(this);
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false, // obligatorio para archivos
                processData: false, // obligatorio para archivos
                cache: false,
                success: function(response) {
                    switch (response.success) {
                        case 1:
                            $('#divListaAsistenciaEstatus').removeClass('alert-warning');
                            $('#divListaAsistenciaEstatus').addClass('alert-success');
                            $('#divValidarListaAsistencia').addClass('d-none');
                            $('#msgListaAsistencia').text('Validado');

                            if (response.cerrarAula == true) {
                                $('#btnCerrarAula').removeClass('d-none');
                                setTimeout(() => {
                                    $('#btnCerrarAula').focus();
                                }, 350);
                            }
                            break;
                        case 2:
                            $('#divRiacdEstatus').removeClass('alert-warning');
                            $('#divRiacdEstatus').addClass('alert-success');
                            $('#divValidarRiacd').addClass('d-none');
                            $('#msgRiacd').text('Validado');
                            if (response.cerrarAula == true) {
                                $('#btnCerrarAula').removeClass('d-none');
                            }
                            break;
                        case 3:
                            $('#divReporteFinalEstatus').removeClass('alert-warning');
                            $('#divReporteFinalEstatus').addClass('alert-success');
                            $('#divValidarReporteFinal').addClass('d-none');
                            $('#msgReporteFinal').text('Validado');
                            if (response.cerrarAula == true) {
                                $('#btnCerrarAula').removeClass('d-none');
                            }
                            break;
                        case 4:
                            $('#divEvaluacionCursoEstatus').removeClass('alert-warning');
                            $('#divEvaluacionCursoEstatus').addClass('alert-success');
                            $('#divValidarEvaluacionCurso').addClass('d-none');
                            $('#msgEvaluacionCurso').text('Validado');
                            if (response.cerrarAula == true) {
                                $('#btnCerrarAula').removeClass('d-none');
                            }
                            break;
                        case 5:
                            $('#divAnexoSesionEstatus').removeClass('alert-warning');
                            $('#divAnexoSesionEstatus').addClass('alert-success');
                            $('#divValidarAnexoSesion').addClass('d-none');
                            $('#msgAnexoSesion').text('Validado');
                            if (response.cerrarAula == true) {
                                $('#btnCerrarAula').removeClass('d-none');
                            }
                            break;
                        case 6:
                            $('#divAcuseConocerEstatus').removeClass('alert-warning');
                            $('#divAcuseConocerEstatus').addClass('alert-success');
                            $('#divValidarAcuseConocer').addClass('d-none');
                            $('#msgAcuseConocer').text('Validado');
                            if (response.cerrarAula == true) {
                                $('#btnCerrarAula').removeClass('d-none');
                            }
                            // Redirect if URL is provided
                            if (response.redirect) {
                                window.location.href = response.redirect;
                            }
                            break;
                        default:
                            $('#divAnexoSesion').addClass('d-none');
                            $('#divAnexoValidado').removeClass('d-none');
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        $(document).on("submit", ".rechazar-documento", function(e) {
            e.preventDefault();
            let form = $(this);
            let actionUrl = form.attr("action");
            let document_obs = $('#document_obs').val();
            // FormData para enviar archivos
            let formData = new FormData(this);
            $.ajax({
                url: actionUrl,
                type: "POST",
                data: formData,
                contentType: false, // obligatorio para archivos
                processData: false, // obligatorio para archivos
                cache: false,
                success: function(response) {
                    switch (response.success) {
                        case 1:
                            $('#divListaAsistenciaEstatus').removeClass('alert-warning');
                            $('#divListaAsistenciaEstatus').addClass('alert-danger');
                            $('#divValidarListaAsistencia').addClass('d-none');
                            $('#msgListaAsistencia').text('Documento Rechazado');
                            $('#msgRiacd').text('Documento Rechazado');
                            $('#div_observacion_lista_asistencia').removeClass('d-none');
                            $('#p_observacion_lista_asistencia').text(document_obs);
                            break;
                        case 2:
                            $('#divRiacdEstatus').removeClass('alert-warning');
                            $('#divRiacdEstatus').addClass('alert-danger');
                            $('#divValidarRiacd').addClass('d-none');
                            $('#div_observacion_riacd').removeClass('d-none');
                            $('#msgRiacd').text('Documento Rechazado');
                            $('#p_observacion_riacd').text(document_obs);
                            break;
                        case 3:
                            $('#divReporteFinalEstatus').removeClass('alert-warning'); 
                            $('#divReporteFinalEstatus').addClass('alert-danger');
                            $('#divValidarReporteFinal').addClass('d-none');
                            $('#msgReporteFinal').text('Documento Rechazado');
                            $('#div_observacion_reporte_final').removeClass('d-none');
                            $('#p_observacion_reporte_final').text(document_obs);
                            break;
                        case 4:
                            $('#divEvaluacionCursoEstatus').removeClass('alert-warning');
                            $('#divEvaluacionCursoEstatus').addClass('alert-danger');
                            $('#divValidarEvaluacionCurso').addClass('d-none');
                            $('#msgEvaluacionCurso').text('Documento Rechazado');
                            $('#div_observacion_evaluacion_curso').removeClass('d-none');
                            $('#p_observacion_evaluacion_curso').text(document_obs);
                            break;
                        case 5:
                            $('#divAnexoSesionEstatus').removeClass('alert-warning');
                            $('#divAnexoSesionEstatus').addClass('alert-danger');
                            $('#divValidarAnexoSesion').addClass('d-none');
                            $('#msgAnexoSesion').text('Documento Rechazado');
                            $('#div_observacion_anexo_sesion').removeClass('d-none');
                            $('#p_observacion_anexo_sesion').text(document_obs);
                            break;
                        case 6:
                            $('#divAcuseConocerEstatus').removeClass('alert-warning');
                            $('#divAcuseConocerEstatus').addClass('alert-danger');
                            $('#divValidarAcuseConocer').addClass('d-none');
                            $('#msgAcuseConocer').text('Rechazado');
                            break;
                        default:
                            $('#divAnexoSesion').addClass('d-none');
                            $('#divAnexoValidado').removeClass('d-none');
                    }
                    //form.find('button[type="submit"]').prop('disabled', true);
                    //form.find('button[type="submit"]').addClass('d-none');
                    //form.find('button[type="submit"]').addClass('d-none');
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });
        $('#autorizar_documento').on('show.bs.modal', function(event) {
            let button = $(event.relatedTarget);
            let nombre = button.data('nombre');
            let tipo = button.data('tipo');
            $("#nombreDocumento").text(nombre);
            $("#tipoDocumento").val(tipo);
        });

        $('#rechazar_documento').on('show.bs.modal', function(event) {
            let button = $(event.relatedTarget);
            let nombre = button.data('nombre');
            let tipo = button.data('tipo');
            $("#nombreDocumentoRechazar").text(nombre);
            $("#tipoDocumentoRechazar").val(tipo);
            $('#document_obs').val('');
        });

        $('.capacitandos-folios').DataTable({
            paginate: true,
            language: {
                url: "https://cdn.datatables.net/plug-ins/1.10.25/i18n/Spanish.json"
            },
            pageLength: 30,
            lengthMenu: [
                [10, 30, 50, -1],
                [10, 30, 50, "Todos"]
            ],
            // stateSave: true,
            //stateDuration: 10,
            ajax: urlCapacitandos,
            autoWidth: true, // Obtener datos de  ruta <input type="text" class="form-control form-control-sm" placeholder="Fecha" style="width: 80px;">
            columns: [{
                    "data": null,
                    render: function(data, type, row, meta) {
                        return `<strong>${meta.row + 1}</strong>`;
                    },
                    "className": "text-center"
                },
                {
                    "data": "numero_control",
                    "className": "auto-width"
                },
                {
                    "data": "nombre_alumno",
                    "className": "auto-width"
                },
                {
                    "data": null,

                    render: function(data) {
                        var acreditado = data.acreditado;

                        return `<strong class="${acreditado=='NO' || acreditado=='DESERCION' ? 'text-danger' : ''}">${acreditado}</strong>`;

                    },
                    "className": "text-center auto-width"
                },
                {
                    "data": null,
                    render: function(data) {
                        var folio = data.folio_diploma;
                        var acreditado = data.acreditado;
                        var fechaDiploma = data.fechaDiploma;
                        return `<div class="d-flex ${acreditado=='NO' || acreditado=='DESERCION' ? 'd-none' : ''}">
                                            <input type="text" class="form-control input-folio" placeholder="Ingrese Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" ${folio ? 'disabled' : ''} >
                                             <div class="input-group flatpicker-group">
                                                    <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" ${fechaDiploma ? 'disabled' : ''}>
                                                    <span class="input-group-text"><i class=" ri-calendar-line"></i></span>
                                             </div>
                                    </div>`;
                    }
                },
                { 
                      "data": "completa",
                            "className": "text-center",
                            render: function(data, type, row) {
                                // Solo mostrar indicador si el alumno está acreditado con 'SI'
                                if (row.acreditado !== 'SI') {
                                    return '-';
                                }

                                if (data == 1) {
                                    return '<span class="badge badge-success">Contestada</span>';
                                } else {
                                    return '<span class="badge badge-danger">Pendiente</span>';
                                }
                            }
                },
                {
                    "data": null,
                    render: function(data) {
                        var acreditado = data.acreditado;
                        return `<span class="${acreditado=='NO' || acreditado=='DESERCION'? 'd-none' : ''}">${data.fechaEntregaDiploma}</span>`;
                    },
                    "className": "text-center auto-width"
                }
            ],
            createdRow: function(row, data, dataIndex) {
                if (data.como_se_entero) {
                    $(row).addClass('table-primary');
                }
                if (data.acreditado == 'NO' || data.acreditado == 'DESERCION') {
                    // Selecciona  celda correspondiente (en este caso, columna índice 1)
                    //$('td', row).eq(1).addClass('table-danger');
                    $(row).addClass('table-danger');
                }
            }
        });
    </script>
@endpush