@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">Histórico de Aulas <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;
                                    }
                                </style>
                                <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                                    <ol class="breadcrumb">
                                        <a href="{{ url('aulashistorico') }}" 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">Numero 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"
                                                                    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="{{ $costoCapacitando }}"
                                                                    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òn
                                                                    Profesional</label>
                                                                <input type="text" name="cfp" class="form-control"
                                                                    value="{{ $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="{{ $especialidad }}"
                                                                    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-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="{{ $costoPSc }}"
                                                                    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">M&oacute;delo 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-2 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 d-none" 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-2 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>
                                                    </div>
                                                </div>
                                            </div>
                                            <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>
                                                                    <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>
                                                                    @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>
                                                                    <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>
                                                                    @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-calendar-check-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><strong id="hrsMes"></strong>
                                                                        </li>
                                                                        <li class="list-group-item">
                                                                            <span class="mb-0">Horas por semana:</span>
                                                                            <ul>
                                                                                <strong id="hrsSemana"></strong>
                                                                            </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>
                                        
                                    </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->estatus_capacitandos == 3 &&  auth()->user()->isAdministrator()5 || $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 ? 'show' : '' }}"
                                                        aria-labelledby="headingOne6" data-bs-parent="#accordion-contrato">
                                                        <div class="accordion-body row">
                                                            <div id="preview_curriculum" class="mb-0">
                                                                @if ($aula->contrato_nombre)
                                                                
                                                                    <iframe src="{{ asset($path_contrato . '/' . $aula->contrato_nombre) }}"
                                                                        width="100%" height="800px"></iframe>
                                                                @else
                                                                    <div class="text-danger">No se ha encontrado el archivo
                                                                    </div>
                                                                    <iframe src="" width="100%" height="800px">
                                                                    </iframe>
                                                                @endif
                                                            </div>
                                                           
                                                        </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' || $estatusAula=='B4')
                                           <!-- ($aula->estatus != 'R' && $aula->estatus != 'P' && $aula->estatus == 'A') ||
                                                ($aula->estatus == 'T' && $aula->juridico_estatus != '3'))-->
                                            <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' && $aula->juridico_estatus != '3'))
                                                                @include('application.AulasHistorico.view_aula_historico')
                                                                <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 ($estatusAula != 'A1' && $estatusAula != 'A2' || auth()->user()->hasProfile('Técnico Académico') && $aula->estatus_pagos_capacitandos == '3')
                                        <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('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 ? $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">
                                                        <div class="table-responsive">
                                                            <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>
                                                                        <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 == 'D' || $aula->estatus == 'F' || $aula->estatus == 'G')
                                                                                ACREDITO
                                                                            @else
                                                                                ¿C&Oacute;MO
                                                                                SE
                                                                                ENTER&Oacute;?
                                                                            @endif
                                                                        </th>
                                                                        <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')
                                                                                FOLIO DOC. | FECHA DOC.
                                                                            @else
                                                                                BECADO
                                                                            @endif
                                                                        </th>
                                                                        <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>

                                                            
                                                            
                                                           
                                                            
                                                        </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')
                                        <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>
                                                <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>
                                                                   
                                                                    <!--------------------------- 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">
                                                                                <iframe
                                                                                    class=" {{ !$aula->estatus_lista_asistencia ? 'd-none' : '' }}"
                                                                                    src="{{ asset($path_docs . '/' . $aula->file_lista_asistencia) }}"
                                                                                    width="100%" height="800px">
                                                                                </iframe>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <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>
                                                                   
                                                                    <!--------------------------- 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">
                                                                                <iframe
                                                                                    src="{{ $path_docs . '/' .$aula->file_riacd }}"
                                                                                    width="100%" height="800px">
                                                                                </iframe>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <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>
                                                                   
                                                                    <!--------------------------- 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">
                                                                                <iframe
                                                                                    src="{{ $path_docs . '/' . $aula->file_reporte_final }}"
                                                                                    width="100%" height="800px">
                                                                                </iframe>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <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>
                                                                   
                                                                    <!--------------------------- 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">
                                                                                <iframe
                                                                                    src="{{ $path_docs . '/' . $aula->file_evaluacion_curso }}"
                                                                                    width="100%" height="800px">
                                                                                </iframe>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <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 }}">Anexo
                                                                        de sesi&oacute;n
                                                                        (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 }}
                                                                    </div>
                                                                    
                                                                    <!--------------------------- VISTA PREVIA ANEXO DE SESION ----------------->
                                                                    <div class="accordion-item mt-2 {{ $aula->estatus_anexo_sesion == 1 || $aula->estatus_anexo_sesion == 3 ? '' : '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 ? 'Anexo Sesion' : 'Vista previa Anexo Sesion' }}
                                                                                </span>
                                                                            </button>
                                                                        </h2>
                                                                        <div id="accAnexo"
                                                                            class="accordion-collapse collapse "
                                                                            aria-labelledby="headingOne5"
                                                                            data-bs-parent="#accordion-six">
                                                                            <div class="accordion-body" id="previewAnexo">
                                                                                <iframe
                                                                                    src="{{ $path_docs . '/' . $aula->file_anexo_sesion }}"
                                                                                    width="100%" height="800px">
                                                                                </iframe>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                   
                                                                    <div id="messageAnexo" class="text-danger"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <input type="hidden" name="" id="estatusCapacitandos"
                                        value="{{ $aula->estatus_capacitandos }}">
                                    <!------------------------------------------------- VALIDAR O RECHAZAR AULA --------------------------------------------------------------->
                                    
                                    <!----------------------------------- CERRAR AULA --------------------------------------------------->
                                    

                                   
                                    
                                    
                    @endif
                    
                    <!---------------------------------- MODAL RECHAZAR DOCUMENTO AULA ---------------------------->
                    
                    <!---------------------------------- MODAL CERRAR AULA ---------------------------->
                    

                    <!-- 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" 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 ACEPTAR CONTRATO ---------------------------->
                   
                    <!--------------- Modal paera Rechazar Contrato ------------------------>
                    
                    <!--------------- Modal para Autorizar Factura Capacitando ------------------------>
                    
                    <!--------------- Modal para Rechazar Factura Capacitando ------------------------>
                    
                    <!-------------------------------- MODAL VALIDAR FACTURAS ------------------------>
                    
                    <!------------------------------------ MODAL TERMINAR ACREDITACION ALUMNOS --------------------------->
                    
                    <!-------------------------------- MODAL ELIMINAR AULA ------------------------>
                    
                </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*/

        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) {
                $('.agregar-capacitando').addClass('d-none');
                $('#div_alert_capacitandos_agregados').removeClass('d-none');
                //$('.btn-add').prop('disabled', true);
            } 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('') }}";
        $(document).on('click', '.ver-pdf', function() {

            const src = $(this).data('src');
            const ruta = $(this).data('src'); // 
            if (!src) {

                return;
            }
            // Construir URL absoluta si  ruta es relativa
            const fullSrc = ruta.startsWith('http') ? ruta : baseStorage.replace(/\/+$/, '') + '/' + ruta.replace(
                /^\/+/, '');
            $('#visorContrato').attr('src', fullSrc);
        });

        $(document).ready(function() {
            $('#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) {
                $('#div_modelo_negocios').removeClass('d-none');
            }

            // CONDICIONES PARA MOSTRAR BOTONES DE ACCION
            const estatusCapacitandos = $('#estatusCapacitandos').val();


            var cumpleMinimoCap = $('#capacitandosAgregados').val();
            if (cumpleMinimoCap == true && estatusCapacitandos != 2 && estatus_aula == 'B') {
                $('#btnEnviarCapacitandosRevision').removeClass('d-none');
            }

            var terminarRevisionFacturas = $('#terminarRevisionFacturas').val();
            if (terminarRevisionFacturas == true) {
                $('#btnTerminarRevisionFacturas').removeClass('d-none');
            }

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

            if ("{{ $btnTerminarEntregDiplomas }}" == true) {
                $('#btnTerminarEntregDiplomas').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 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

                    /* *-------------------------------------------- */
                    // antes se obtenia asi {fecha_formateada: '2025-11-14'}
                    //ahoar el resultado del data 16-09-2024//15-11-2024//18-11-2024//
                    let fechas2025 = data
                        .filter(item => item.fecha_formateada.startsWith("2025-"))
                        .map(item => {
                            const [año, mes, día] = item.fecha_formateada.split("-");
                            return `${día}/${mes}/${año}`; // Formato d/m/Y
                        });

                    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);
                    $('#fecha_termino').val(fechaFinalStr);
                    $('#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);
                    // Guardar todas  fechas para Flatpickr
                    let todasFechas = data.map(item => item.fecha_formateada);

                    flatpickr("#dias_curso", {
                        locale: 'es',
                        dateFormat: "d/m/Y",
                        inline: true,
                        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";
                            }
                        }
                    });
                },
                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>${clave} - Horas : ${horas}</li>`)
                    .join('');
            }

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

        });

        /*------------------- ESTATUS A:  Mostrar Capacitandos del Aula  ------------------------------------------------------------*/

        let modalidad = $('#modalidad').val();

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

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

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

        $(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);
        });

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

        $(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;
                        console.log("Capacitandos por agregar después de eliminar: " +
                            capacitandos_aula);
                        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');
            fila.find('.txt-medio-entero').val();

            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) {
                    if (response.success) {
                        //$('.capacitandos-table').DataTable().ajax.reload(null, false);
                        fila.find('input, select, textarea, button').prop('disabled', true);
                        // Opcional: marcar visualmente
                        fila.addClass('bg-light text-muted');
                        if (response.success == "Guardar") {
                            // Mostrar el botón "Guardar y Terminar"
                            $('#btnEnviarCapacitandosRevision').removeClass('d-none');
                        }
                    }
                },
                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');
            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) {
                    if (response.success) {
                         if (response.success == "Guardar" && estatusCapacitandos!=2) {
                            // Mostrar el botón "Guardar y Terminar"
                            $('#btnEnviarCapacitandosRevision').removeClass('d-none');
                        }else {
                             verificarBotonesOcultos();
                        }
                        $('.add-capacitandos-table').DataTable().ajax.reload(null, false);
                        /*fila.find('input, select, textarea, button').prop('disabled', true);
                        fila.find('button').addClass('d-none');
                        fila.addClass('bg-success text-muted');*/
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        // 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');
                        }
                    }
                },
                error: function(xhr) {
                    console.error("Error en  solicitud:", xhr.responseText);
                }
            });
        });

        const id_aula = $('#id').val();
        const estatusCapacitandos = $('#estatusCapacitandos').val();
        const urlCapacitandos = "{{ route('showCapacitandosAulaHistorico', ['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') {
            // 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 mostrarColumna = false;
            var estatus_capacitandos = $('#estatus_capacitandos').val();

            // PERMISOS DE USUARIOS
            const puedeAceptarFactura = {{ isset($puedeValidarFactura) ? $puedeValidarFactura : 0 }};
            const puedeEditarCapacitandos = {{ isset($puedeEditarCapacitandos) ? $puedeEditarCapacitandos : 0 }};
            const puedeAsignarFolio = {{ isset($puedeAsignarFolio) ? $puedeAsignarFolio : 0 }};
            const puedeAsignarFechaEntregaDiploma =
                {{ isset($puedeAsignarFechaEntregaDiploma) ? $puedeAsignarFechaEntregaDiploma : 0 }};


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

            if (estatus_aula == 'D') {
                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();
            // TABLA CAPACITANDOS
            $('.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"]
                ],
                // 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;">
                columnDefs: [{
                        targets: 4,
                        visible: target4_visible
                    },
                    {
                        targets: 5,
                        visible: target5_visible
                    },
                    {
                        targets: 6,
                        visible: target6_visible
                    }
                ],
                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": "nombre_corto",
                        "className": "auto-width"
                    },
                    {
                        "data": null,

                        render: function(data) {
                            var como_se_entero = data.como_se_entero;
                            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' ? '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 estatusCapaciutandos = 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;

                            if (estatus_aula == 'E') {
                                if (puedeAsignarFolio == true) {
                                    return `<form class=" ${acreditado=='NO' ? '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()" disabled >
                                             <div class="input-group flatpicker-group">
                                                    <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" 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">
                                            
                                         </div>
                                            <div class="text-danger" id="message_folio"></div>
                                            <div class="text-danger" id="message_fecha"></div>
                                        </form>`;
                                } else {
                                    return `<div class="${acreditado=='NO' ? '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' ? '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()" disabled >
                                             <div class="input-group flatpicker-group">
                                                    <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" 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 disabled>
                                    <option value="NO">NO</option>
                                    <option value="SI"  ${es_becado == "SI" ? 'selected' : ''}>SI</option>  
                               </select>
                            `;
                            }
                        }
                    },
                    // TABLA COLUMNA 6
                    {
                        "data": null,
                        render: function(data) {
                            var id_alumno = data.id;
                            var como_se_entero = data.como_se_entero;
                            var src = data.recibo;
                            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;


                            // TABLA ESTATUS F MUESTRA  OPCIONES DEL ESTATUS F
                            if (estatus_aula == 'E') {
                                if (puedeAsignarFolio == true) {
                                    return `<div class="d-flex justify-content-center ${acreditado=='NO' ? 'd-none' : ''}">
                                                
                                            </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>`;
                                }
                            }
                            // TABLA ESTATUS C MUESTRA  OPCIONES DEL ESTATUS C
                            else if (estatus_aula == 'F' || estatus_aula == 'G') {
                                var fechaEntregaDiploma = data.fechaEntregaDiploma || '';
                                return `<form class=" ${acreditado=='NO' ? '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" 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">
                                                </div>
                                                        <div class="text-danger" id="message_fecha"></div>
                                            </form>`;
                            } else {
                                if (estatus_factura != null) {
                                    if (estatus_aula == 'D' || estatus_aula == 'X') {
                                        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" 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">      
                                              
                                         </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>`;
                                    } 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="#modalValidarFactura" data-id-alumno="${id_alumno}" data-alumno="${alumno}">
                                                            <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}">
                                                            <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>`;
                                        }
                                    }
                                }
                                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">  
                                                 
                                            
                                         </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">
                                             
                                         </form>
                                    </div>`;
                                } else {
                                    return `-`;
                                }
                            }
                        }
                    }
                ],
                createdRow: function(row, data, dataIndex) {
                    if (data.como_se_entero) {
                        $(row).addClass('table-primary');
                    }

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

                        // 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),
                            });

                        }

                    });
                }
            });

            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");
                }
            }

           /* if (estatus_capacitandos ==2) {
                  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");
                }
            }
            $(document).on("click", ".update-capacitando button, .destroy-capacitando button", function() {
                let fila = $(this).closest('tr');
                fila.find('input, select, textarea, button').prop('disabled', true);
                fila.find('button').addClass('d-none');
                verificarBotonesOcultos();
            });

            }*/

          
            // AGREGAR CAPACITANDOS AL 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
                        }
                        $('#div_msg_error').removeClass('d-none');
                        $('#msg_error').html(mensaje);

                        setTimeout(function() {
                            $("#div_msg_error").fadeOut("slow");
                        }, 4000); // 4 segundos
                    }
                });
            });

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

            //Tabla para mostrar capacitandos registrados
            $('.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;

                            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">
                           
                        </form>`;
                        }
                    }
                ]
            });

            //PREVISUALIZAR ACTA
            $('#acta').on('change', function() {
                const file = this.files[0];
                const preview = $('#preview_acta');
                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');
                const objectURL = URL.createObjectURL(file);
                preview.append(`<iframe src="${objectURL}" width="100%" height="700px" class="border"></iframe>`);
            });

            $('.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"
                    },
                    {
                        "data": null,
                        "className": "text-center",
                        render: function(data) {
                            var src = data.recibo;
                            var estatus_factura = data.estatus_comprobante;
                            var id_alumno = data.id;
                            var src = data.recibo;
                            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;

                            if (estatus_factura == 1) {
                                //$('#div_factura_unica').addClass('d-none');
                                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>`
                            } else if (estatus_factura == 3) {
                                //$('#div_factura_unica').addClass('d-none');
                                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>`
                            } else
                                return `
                                <div class="d-flex w-100" id="div_factura">
                                     <form class="d-flex w-100 agregar-factura" action="{{ route('addFacturaCapacitando') }}" method="POST" enctype="multipart/form-data">
                                         @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 class="form-control file-pago" type="file" name="factura" value="" id="factura" accept="application/pdf" required ${estatus_factura==2 ? '' : 'disabled'} >
                                        
                                    </form>
                                 <div id="preview_factura"></div>
                             </div>`;
                        }
                    },
                ],
            });

            //FORMULADRIO PARA FACTURA GRUPAL
            $(document).on("submit", ".agregar-factura-grupal", function(e) {
                let checksSeleccionados = $('.chk-opcion:checked');
                let alMenosUno = $('.chk-opcion:checked').length > 0;
                let chkMixto = $('#chkMixto:checked');

                if (!alMenosUno && !chkMixto) {
                    e.preventDefault();
                    $("#validateChk").text('Seleccione al menos un capacitando con factura individual');
                } else {
                    $("#validateChk").hide();
                }

                // Obtener los data-id de los seleccionados
                let idsSeleccionados = [];
                checksSeleccionados.each(function() {
                    idsSeleccionados.push($(this).data("id-alumno"));
                });

                $('#idsSeleccionados').val(JSON.stringify(idsSeleccionados));

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

                $.ajax({
                    url: agregaFacturaUrl,
                    type: "POST",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success) {
                            $('.capacitandos-facturas-table').DataTable().ajax.reload(null, false);
                            setTimeout(function() {
                                $('#preview_factura_unica').addClass('d-none');
                                $('.factura-individual').removeClass('d-none');
                                $('.file-pago').prop('disabled', false);
                                $('#divPagoGrupal').addClass('d-none');
                                $('#alertMixto').addClass('d-none');
                            }, 600);
                        }

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

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

                $.ajax({
                    url: agregaFacturaUrl,
                    type: "POST",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success) {
                            $('.capacitandos-facturas-table').DataTable().ajax.reload(null, false);
                        }
                    },
                    error: function(xhr) {
                        console.error("Error en  solicitud:", xhr.responseText);
                    }
                });
            });

            $('#factura_unica').on('change', function() {
                const file = this.files[0];
                const preview = $('#preview_factura_unica');
                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');
                const objectURL = URL.createObjectURL(file);
                preview.append(`<iframe src="${objectURL}" width="100%" height="700px" class="border"></iframe>`);
            });


            $('#factura').on('change', function() {
                const file = this.files[0];
                const preview = $('#preview_factura');
                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');
                const objectURL = URL.createObjectURL(file);
                preview.append(`<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);
            });

            $('#modalRechazarFactura').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);
            });

            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-dark"
                                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);
                    }
                });
            });

            //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) {
                            let contenedor = $(btnActual).closest('.revisarFacturas');
                            let nuevoBoton = `
                            <button type="button" 
                                class="btn btn-danger shadow btn-xs ver-pdf"
                                data-bs-toggle="modal" 
                                data-bs-target="#modalContrato"
                                data-src="${response.recibo}">
                                <i class="ri-file-add-line"></i> Rechazada
                            </button>`;
                            contenedor.html(nuevoBoton);
                            $('#modalRechazarFactura').modal('hide');
                        }
                    },
                    error: function(xhr) {
                        console.error("Error en  solicitud:", xhr.responseText);
                    }
                });
            });

            $(document).on('change', '.chk-opcion', function() {
                let check = $('.chk-opcion:checked');
                let alMenosUno = $('.chk-opcion:checked').length > 0;

                if (alMenosUno) {
                    $('#divPagoGrupal').removeClass('d-none');
                    $('#alertMixto').addClass('d-none');
                } else {
                    $('#divPagoGrupal').addClass('d-none');
                }
            });

            $(document).on('change', '.tipo-factura', function() {
                let check = $(this);
                // Si se marca → deshabilita los demás
                $('.tipo-factura').not(check).prop('checked', false);
                if (check.is(':checked')) {

                    //$('.tipo-factura').not(check).prop('disabled', true).prop('checked', false);

                    // Acciones según cuál checkbox se seleccionó
                    if (check.attr('id') === 'chkIndividual') {
                        $('.file-pago').prop('disabled', false);
                        $('.factura-individual').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);
                        $('#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);
                        $('.chk-opcion').removeClass('d-none');
                        $('.factura-individual').addClass('d-none');
                        $('#alertMixto').removeClass('d-none');
                        $('.lbl-individual').removeClass('d-none');
                        $('.lbl-mixto').removeClass('d-none');
                        //alertMixto
                    }

                } else {
                    // 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');

                }
            });

            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);
                        }
                    });
                }
            });







            if (puedeAsignarFolio == true) {
                // Detectar escritura en el primer folio visible
                $(document).on('keyup', '.input-folio', function() {

                    // SOLO inputs que están visibles
                    let inputs = $('.input-folio:visible');

                    if (inputs.length === 0) return;

                    let primerFolio = $(inputs[0]).val();
                    if (!primerFolio) return;

                    // Generar consecutivos SOLO para inputs visibles
                    let siguiente = primerFolio;

                    inputs.each(function(index) {
                        if (index === 0) return; // el primero lo escribe el usuario

                        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 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);
                            // Opcional: deshabilitar el botón guardar
                            form.find('button[type="submit"]').prop('disabled', true);
                        }
                    },
                    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');
                            }
                            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) {
            $(inputSelector).on('change', function() {
                const file = this.files[0];
                const preview = $(previewSelector);
                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');
                const objectURL = URL.createObjectURL(file);
                preview.append(
                    `<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'
        );
        $(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('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('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('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');
                        $('#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", ".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;
                        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");
            // 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('Rechazado');
                            break;
                        case 2:
                            $('#divRiacdEstatus').removeClass('alert-warning');
                            $('#divRiacdEstatus').addClass('alert-danger');
                            $('#divValidarRiacd').addClass('d-none');
                            $('#msgRiacd').text('Rechazado');
                            break;
                        case 3:
                            $('#divReporteFinal').removeClass('alert-warning');
                            $('#divReporteFinal').addClass('alert-success');
                            $('#divValidarReporteFinal').addClass('d-none');
                            $('#msgReporteFinal').text('Rechazado');
                            break;
                        case 4:
                            $('#divEvaluacionCursoEstatus').removeClass('alert-warning');
                            $('#divEvaluacionCursoEstatus').addClass('alert-danger');
                            $('#divValidarEvaluacionCurso').addClass('d-none');
                            $('#msgEvaluacionCurso').text('Rechazado');
                            break;
                        case 5:
                            $('#divAnexoSesionEstatus').removeClass('alert-warning');
                            $('#divAnexoSesionEstatus').addClass('alert-danger');
                            $('#divValidarAnexoSesion').addClass('d-none');
                            $('#msgAnexoSesion').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);
        });

        $('.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": "nombre_corto",
                    "className": "auto-width"
                },
                {
                    "data": null,

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

                        return `<strong class="${acreditado=='NO' ? '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' ? 'd-none' : ''}">
                                            <input type="text" class="form-control input-folio" placeholder="Ingrese Folio" name="folio"  value="${folio ? folio : ''}"  onkeyup="this.value = this.value.toUpperCase()" disabled >
                                             <div class="input-group flatpicker-group">
                                                    <input type="text" class="form-control flatpicker" placeholder="Fecha" value="${fechaDiploma ? fechaDiploma : ''}" name="fecha" disabled>
                                                    <span class="input-group-text"><i class=" ri-calendar-line"></i></span>
                                             </div>
                                    </div>`;
                    }
                },
                // TABLA COLUMNA 6
                {
                    "data": null,
                    render: function(data) {
                        var acreditado = data.acreditado;
                        return `<span class="${acreditado=='NO' ? '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') {
                    // Selecciona  celda correspondiente (en este caso, columna índice 1)
                    //$('td', row).eq(1).addClass('table-danger');
                    $(row).addClass('table-danger');
                }

            }
        });
    </script>
@endpush