@php
    $showCapacitandos = $aula->aul_estatus_capacitandos != 3 && $aula->aul_estatus_capacitandos != 1 && $aula->aul_estatus =='B';
    $showPagos = $aula->aul_estatus_pagos_capacitandos != 3 && $aula->aul_estatus == 'D';
    //   $showPagos = $aula->aul_estatus_capacitandos == 3 && $aula->aul_estatus_pagos_capacitandos != 3 && $aula->aul_estatus =='B';
    // Tipo 7 (CONOCER) no requiere contrato
    $showContrato = ($aula->aul_curso_tipo != 7) &&
        ($aula->aul_estatus_capacitandos == 1 || ($aula->aul_estatus == 'D' && $aula->aul_juridico_estatus != 3));
    
    // Verificar si hay capacitandos sin facturas
    $capacitandosSinFactura = DB::table('aula_alumnos')
        ->where('aa_id_aula', $aula->aul_id)
        ->where(function($query) {
            $query->whereNull('aa_estatus_comprobante')
                  ->orWhere('aa_estatus_comprobante', 0)
                  ->orWhere('aa_estatus_comprobante', 2);
        })
        ->count();
    
    // Contar alumnos que ya tienen factura cargada (en revisión o validada)
    $alumnosConFacturaCargada = DB::table('aula_alumnos')
        ->where('aa_id_aula', $aula->aul_id)
        ->whereIn('aa_estatus_comprobante', [1, 3])
        ->count();

    // Ocultar checkboxes SOLO cuando todos los alumnos ya subieron sus facturas
    $ocultarCheckboxes = ($capacitandosSinFactura == 0);
@endphp
<div class="card-body">
    <!-- Nav tabs -->
    <div class="custom-tab-1">
        <ul class="nav nav-tabs" role="tablist">

            <li id="tabPagos" class="nav-item {{ !$showPagos || $aula->aul_lleva_convenio ? 'd-none' : '' }}">
                <a class="nav-link {{ $showPagos && !$aula->aul_lleva_convenio ? 'active' : '' }}" data-bs-toggle="tab" 
                    href="#contact1"><i class="la la-file-invoice-dollar me-2"></i>
                    Pago de Alumnos
                </a>
            </li>
            <li class="nav-item {{ !$showCapacitandos ? 'd-none' : '' }}">
                <a class="nav-link {{ $showCapacitandos ? 'active' : '' }}" data-bs-toggle="tab" href="#home1"
                    aria-selected="true" role="tab" tabindex="-1"><i class="la la-user me-2"></i>
                    Capacitandos
                </a>
            </li>
            <li class="nav-item {{ $aula->aul_curso_tipo == 7 ? 'd-none' : '' }}">
                <a class="nav-link {{ !$showCapacitandos && !$showPagos && !$aula->aul_lleva_convenio ? 'active' : '' }}" data-bs-toggle="tab"
                    href="#profile1" aria-selected="false" role="tab"><i class="la la-file-alt me-2"></i>
                    Contrato
                </a>
            </li>
            <li id="tabConvenio" class="nav-item {{ !($aula->aul_lleva_convenio) ? 'd-none' : '' }}">
                <a class="nav-link {{ $aula->aul_lleva_convenio ? 'active' : '' }}" data-bs-toggle="tab" 
                    href="#convenio"><i class="la la-file-alt me-2"></i>
                    Convenio
                </a>
            </li>

        </ul>
        <div class="tab-content">
            <div class="tab-pane fade active show {{ $aula->aul_estatus_capacitandos == 3 && $aula->aul_estatus =='B' || $aula->aul_estatus_capacitandos == 1 && $aula->aul_estatus =='B' || $aula->aul_estatus !='B'? 'd-none' : '' }}"
                id="home1" role="tabpanel">
                <div class="pt-4">
                    <h4>Agregar Capacitandos</h4>
                    <div class="table-responsive">
                        <table id="example3" class="display dataTable no-footer add-capacitandos-table"
                            style="min-width: 845px" aria-describedby="example3_info">
                            <thead>
                                <tr>
                                    <th class="sorting" tabindex="0" aria-controls="example3" rowspan="1"
                                        colspan="1" aria-label="Education: activate to sort column ascending">CURP
                                    </th>
                                    <th class="sorting" tabindex="0" aria-controls="example3" rowspan="1"
                                        colspan="1" aria-label="Education: activate to sort column ascending">
                                        CAPACITANDO</th>
                                    <th class="sorting" tabindex="0" aria-controls="example3" rowspan="1"
                                        colspan="1" aria-label="Action: activate to sort column ascending"></th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade {{ $showContrato && !$showPagos && !$aula->aul_lleva_convenio ? 'active show' : '' }}" id="profile1" role="tabpanel">
                <div class="pt-4">
                    @puede('Aulas', 'subir_contrato')
                        @if ($aula->aul_juridico_estatus == 2 || $aula->aul_juridico_estatus == '')

                            <div style="display: flex; gap: 10px 10px; align-items:center;margin-bottom: 20px;">
                                <div>
                                    <h4 style="margin: auto;">Subir Contrato</h4>
                                </div>
                                <div></div>
                                <div>
                                    <form action="{{ route('downloadContrato') }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="id_aula"    value="{{ request('aul_id') }}">
                                        <input type="hidden" name="au_in_id"   value="{{ $aula->aul_instructor_id }}">
                                        <input type="hidden" name="au_unidad"  value="{{ $aula->aul_unidad }}">
                                        <button type="submit" class="btn btn-light btn-sm"><i class="las la-download"></i> Generar Contrato</button>
                                    </form>
                                </div>
                            </div>
                                
                            <form class="d-flex" action="{{ route('addContrato') }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="d-flex w-100">
                                    <div class="w-50">
                                        <input class="form-control" type="file" name="file_contrato" value=""
                                            id="file_contrato" accept="application/pdf" required>
                                    </div>
                                    <div class="w-50">
                                        <button type="submit" class="btn btn-success w-50 ms-3">Subir
                                            Contrato
                                        </button>
                                    </div>
                                </div>
                                <input type="hidden" name="id_aula" value="{{ $aula->aul_id }}">
                                <input type="hidden" name="clave_aula" value="{{ $aula->aul_clave_registro }}">
                            </form>

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

                            <div class="accordion-item d-none mt-2" id="div_file_contrato">
                                <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                    <button class="accordion-button btn light btn-primary" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseOne6">
                                        <span class="accordion-header-text">Vista previa Contrato</span>
                                    </button>
                                </h2>
                                <div id="collapseOne6" class="accordion-collapse collapse show"
                                    aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                    <div class="accordion-body">
                                        <div id="preview_file_contrato" class="mt-3"></div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endpuede
                    @if ($aula->aul_file_contrato)
                        <div class="accordion-item mt-2  mb-0" id="">
                            <h2 class="accordion-header accordion-header-primary" id="headingOne6">
                                <button class="accordion-button collapsed  btn light btn-primary" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#toggleContrato">
                                    <span class="accordion-header-text">Contrato
                                        {{ $aula->aul_clave_registro }}</span>
                                </button>
                            </h2>
                            <div id="toggleContrato" class="accordion-collapse collapse" aria-labelledby="headingOne6"
                                data-bs-parent="#accordion-six">
                                <div class="accordion-body">
                                    <div id="preview_curriculum" class="mb-0">
                                        @if ($aula->aul_file_contrato)
                                            <a class="ver-pdf" data-src="{{ $aula->aul_file_contrato }}"
                                                data-bs-toggle="modal" data-bs-target="#modalArchivo"
                                                href="#">Ampliar</a>
                                            <iframe src="{{ asset($aula->aul_file_contrato) }}" width="100%"
                                                height="800px"></iframe>
                                        @else
                                            <div class="text-danger">Todavía no se ha cargado
                                                ningún archivo
                                            </div>
                                            <iframe src="" width="100%" height="800px"> </iframe>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    <label class="form-label mt-3">OBSERVACIONES:</label>
                    <strong class="card-text {{ $aula->aul_juridico_observaciones ? 'text-danger' : '' }}">
                        {{ $aula->aul_juridico_observaciones ?: 'SIN OBSERVACIONES' }}</strong>
                    <div class="row">
                        @puede('Aulas', 'aceptar_contrato')
                            <!--------------- Rechazar Contrato ------------------------>
                                 @if ($aula->aul_juridico_estatus == 1 || $aula->aul_juridico_estatus == 2)
                                <div class="col-lg-12 mb-3 col-md-6 text-center">
                                    <button type="button" class="btn btn-danger w-50 mt-3" data-bs-toggle="modal"
                                        data-bs-target="#rechazar_contrato">Rechazar Contrato</button>
                                </div>
                            @endif
                            <div class="modal fade" id="rechazar_contrato" aria-modal="true" role="dialog">
                                <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Rechazar Contrato</h5>
                                            <h5 class="modal-title text-danger">
                                                &nbsp;{{ $aula->aul_clave_registro }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal">
                                            </button>
                                        </div>
                                        <form action="{{ route('rechazarContrato') }}" method="post">
                                            @csrf
                                            <div class="modal-body text-center">
                                                <strong>{{ $aula->aul_curso_nombre }}</strong> <br>
                                                <textarea class="form-control" rows="2" name="observacion" id="comment"
                                                    onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba el motivo del rechazo*" required></textarea>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary light"
                                                    data-bs-dismiss="modal">Cerrar</button>
                                                <button type="submit" class="btn btn-danger">Rechazar</button>
                                                <input type="hidden" name="aul_id" value="{{ $aula->aul_id }}">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endpuede
                        @puede('Aulas', 'aceptar_contrato')
                            @if ($aula->aul_juridico_estatus == 1 || $aula->aul_juridico_estatus == 2)
                                <div class="col-lg-12 mb-3 col-md-6 text-center">
                                    <button type="button" class="btn btn-success w-50 mt-3" data-bs-toggle="modal"
                                        data-bs-target="#autorizar_contrato">Autorizar Contrato</button>
                                </div>
                            @endif
                            <!--------------- Aceptar Contrato ------------------------>
                            <div class="modal fade" id="autorizar_contrato" aria-modal="true" role="dialog">
                                <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">Autorizar Contrato</h5>
                                            <h5 class="modal-title text-danger">
                                                &nbsp;{{ $aula->aul_clave_registro }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal">
                                            </button>
                                        </div>
                                        <form action="{{ route('autorizarContrato') }}" method="post">
                                            @csrf
                                            <div class="modal-body text-center">
                                                <strong>{{ $aula->aul_curso_nombre }}</strong> <br>
                                                <textarea class="form-control" rows="2" name="observacion" id="comment"
                                                    onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones (opcional)"></textarea>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-danger light"
                                                    data-bs-dismiss="modal">Cerrar</button>
                                                <button type="submit" class="btn btn-primary">Confirmar</button>
                                                <input type="hidden" name="aul_id" value="{{ $aula->aul_id }}">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endpuede
                    </div>
                </div>
            </div>
            <!-- MOSTRAR CONVENIO -->
            <div class="tab-pane fade {{ $aula->aul_lleva_convenio ? 'active show' : '' }}" id="convenio" role="tabpanel">
                <div class="pt-4">

                    <div style="display: flex; gap: 10px 10px; align-items:center;margin-bottom: 20px;">
                        <div>
                            <h4 style="margin: auto;">Agregar Convenio</h4>
                        </div>
                    </div>
                    
                    @if ($aula->aul_convenio_estatus != 3 && $aula->aul_convenio_estatus != 1)
                    <form class="d-flex" action="{{ route('addConvenio') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="d-flex w-100">
                            <div class="w-50">
                                <input class="form-control" type="file" name="convenio_file" value=""
                                    id="convenio_file" accept="application/pdf" required>
                            </div>
                            <div class="w-50">
                                <button type="submit" class="btn btn-success w-50 ms-3">Agregar Convenio</button>
                            </div>
                        </div>
                        <input type="hidden" name="id_aula" value="{{ $aula->aul_id }}">
                        <input type="hidden" name="clave_aula" value="{{ $aula->aul_clave_registro }}">
                    </form>
                    @endif

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

                    <div class="accordion-item d-none mt-2" id="div_convenio_file">
                        <h2 class="accordion-header accordion-header-primary" id="headingConvenio">
                            <button class="accordion-button btn light btn-primary" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapseConvenio">
                                <span class="accordion-header-text">Vista previa Convenio</span>
                            </button>
                        </h2>
                        <div id="collapseConvenio" class="accordion-collapse collapse show"
                            aria-labelledby="headingConvenio" data-bs-parent="#accordion-six">
                            <div class="accordion-body">
                                <div id="preview_convenio_file" class="mt-3"></div>
                            </div>
                        </div>
                    </div>

                </div>

                <label class="form-label mt-3">OBSERVACIONES:</label>
                <strong class="card-text {{ $aula->aul_convenio_observaciones ? 'text-danger' : '' }}">
                        {{ $aula->aul_convenio_observaciones ?: 'SIN OBSERVACIONES' }}</strong>

                @if ($aula->aul_convenio_file)
                    @if ($aula->aul_convenio_estatus == 1)
                        <div id="convenioAlertRevisa" class="alert alert-secondary alert-dismissible fade show {{ $aula->aul_convenio_estatus == 1 ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;">
                            El convenio está en estatus de revisión, no hay acciones que realizar de su parte.
                            <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @elseif ($aula->aul_convenio_estatus == 2)
                        <div id="convenioAlertRevisa" class="alert alert-danger alert-dismissible fade show {{ $aula->aul_convenio_estatus == 2 ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;">
                            El convenio está en estatus rechazado, debe agregar nuevamente el documento del convenio.
                            <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @elseif ($aula->aul_convenio_estatus == 3)
                        <div id="convenioAlertRevisa" class="alert alert-success alert-dismissible fade show {{ $aula->aul_convenio_estatus == 3 ? '' : 'd-none' }}" role="alert" style="margin-top: 30px;text-align:center;">
                            El convenio está en estatus aceptado, no hay acciones que realizar de su parte.
                            <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif
                    <div class="mt-2 mb-0">
                        <p class="fw-bold mb-1">Convenio {{ $aula->aul_clave_registro }}</p>
                        <div class="mb-0">
                            <iframe src="{{ asset($aula->aul_convenio_file) }}" width="100%" height="800px"></iframe>
                        </div>
                    </div>
                @endif
               
            </div>
            <!-- FIN MOSTRAR CONVENIO -->

              <!--<div class="tab-pane fade  $aula->aul_estatus_capacitandos == 3 && $aula->aul_estatus_pagos_capacitandos != 3 && $aula->aul_estatus =='B' ? 'active show' : '' }}"-->
            <div class="tab-pane fade  {{ $aula->aul_estatus_pagos_capacitandos != 3 && $aula->aul_estatus == 'D' && !$aula->aul_lleva_convenio ? 'active show' : '' }}"
                id="contact1" role="tabpanel">
                <div class="pt-4">
                    <h4 class="{{ $ocultarCheckboxes ? 'd-none' : ''}}">Subir Pago</h4>
                    <div class="mb-3 {{ $ocultarCheckboxes ? 'd-none' : ''}}">
                        <div class="form-check form-check-inline">
                            <label class="form-check-label">
                                <input type="checkbox" id="chkIndividual" class="form-check-input tipo-factura"
                                    value="Individual"> Individual
                            </label>
                        </div>
                        <div class="form-check form-check-inline">
                            <label class="form-check-label">
                                <input type="checkbox" id="chkGrupal" class="form-check-input tipo-factura"
                                    value="Grupal"> Grupal
                            </label>
                        </div>
                        <div class="form-check form-check-inline">
                            <label class="form-check-label">
                                <input type="checkbox" id="chkMixto" class="form-check-input tipo-factura"
                                    value="Mixto"
                                    data-hay-facturas-individuales="{{ $alumnosConFacturaCargada > 0 ? '1' : '0' }}"> Mixto
                            </label>
                        </div>
                    </div>
                    @if ($aula->aul_estatus_pagos_capacitandos != 3)
                        <div class="col-lg-12  mb-4 d-none" id="divPagoGrupal">
                            <h6>Pago Grupal</h6>
                            <form class="agregar-factura-grupal" action="{{ route('addFacturaUnica') }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="id_aula" value="{{ $aula->aul_id }}">
                                <input type="hidden" name="clave_aula" value="{{ $aula->aul_clave_registro }}">
                                <input type="hidden" name="idsSeleccionados" value="" id="idsSeleccionados">

                                <div class="d-flex flex-wrap gap-2 align-items-end">
                                    <!-- PDF -->
                                    <div>
                                        <label class="form-label small mb-1">Archivo PDF</label>
                                        <div>
                                            <input class="d-none" type="file" name="factura_unica_pdf" value=""
                                                id="factura_unica_pdf" accept="application/pdf" required>
                                            <label for="factura_unica_pdf" class="btn btn-outline-primary btn-sm">PDF</label>
                                            <span class="text-muted small ms-3" id="nombre_pdf">Sin archivo</span>
                                        </div>
                                        <div class="text-danger small" id="message_pdf"></div>
                                    </div>

                                    @if($aula->aul_curso_tipo == 1 || $esRegular)
                                        <!-- FECHA DEPÓSITO REGULAR -->
                                        <div class="w-20">
                                            <label class="form-label small mb-1" for="fecha_deposito_grupal">Fecha Depósito</label>
                                            <input type="date" class="form-control form-control-sm" id="fecha_deposito_grupal" 
                                                name="fecha_deposito" style="width: 100%;" required>
                                        </div>
                                        <!-- CANTIDAD (SOLO REGULAR) -->
                                        <div class="w-20">
                                            <label class="form-label small mb-1" for="cantidad_grupal">Cantidad</label>
                                            <input type="number" step="0.01" class="form-control form-control-sm" id="cantidad_grupal" 
                                                name="cantidad_grupal" placeholder="0.00" style="width: 100%;">
                                        </div>
                                        <!-- CIE -->
                                        <div class="w-25">
                                            <label class="form-label small mb-2" for="cie_grupal">Núm. Referencia</label>
                                            <input type="text" class="form-control form-control-sm" id="cie_grupal" 
                                                name="cie" placeholder="REFERENCIA" style="width: 100%;" required>
                                        </div>
                                    @else
                                        <!-- XML -->
                                        <div>
                                            <label class="form-label small mb-1">Archivo XML</label>
                                            <div w-100>
                                                <input class="d-none" type="file" name="factura_unica_xml" value=""
                                                    id="factura_unica_xml" accept="application/xml,.xml" required>
                                                <label for="factura_unica_xml" class="btn btn-outline-secondary btn-sm">XML</label>
                                                <span class="text-muted small ms-2" id="nombre_xml">Sin archivo</span>
                                            </div>
                                            <div class="text-danger small" id="message_xml"></div>
                                        </div>
                                        <!-- CIE -->
                                        <div class="w-25">
                                            <label class="form-label small mb-2" for="cie_grupal">Fólio Voucher / Guía CIE</label>
                                            <input type="text" class="form-control form-control-sm" id="cie_grupal" 
                                                name="cie" placeholder="CIE" style="width: 100%;" required>
                                        </div>
                                        <!-- FECHA DEPÓSITO -->
                                        <div>
                                            <label class="form-label small mb-1" for="fecha_deposito_grupal">Fecha Depósito</label>
                                            <input type="date" class="form-control form-control-sm" id="fecha_deposito_grupal" 
                                                name="fecha_deposito" style="width: 150px;" required>
                                        </div>
                                    @endif

                                    <button type="submit" class="btn btn-success btn-sm" id="btn_factura_unica">
                                        Agregar
                                    </button>
                                </div>
                            </form>
                            <div class="text-danger" id="validateChk"></div>
                        </div>
                    @endif
                    <div class="alert alert-warning alert-dismissible fade show mt-2 d-none" id="alertMixto">
                        <svg class="alert-icon" viewBox="0 0 24 24" width="24" height="24"
                            stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round"
                            stroke-linejoin="round">
                            <path
                                d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z">
                            </path>
                            <line x1="12" y1="9" x2="12" y2="13"></line>
                            <line x1="12" y1="17" x2="12.01" y2="17"></line>
                        </svg>
                        <strong class="text-primary">Seleccione los alumnos que subirán factura individual. Una vez subida su factura, podrá usar el formulario de pago grupal para los demás alumnos.</strong>
                    </div>
                    <div id="preview_factura_unica" class="mt-3 d-none">
                        <div class="row">

                            @if($aula->aul_curso_tipo == 1 || $esRegular)
                                <!-- Contenedor PDF -->
                                <div class="col-md-12">
                                    <h6 class="text-center mb-2"><strong>📄 PDF</strong></h6>
                                    <div id="preview_pdf" class="border rounded" style="height: 700px; overflow: auto;"></div>
                                </div>
                            @else
                                <!-- Contenedor PDF -->
                                <div class="col-md-6">
                                    <h6 class="text-center mb-2"><strong>📄 PDF</strong></h6>
                                    <div id="preview_pdf" class="border rounded" style="height: 700px; overflow: auto;"></div>
                                </div>
                            
                                <!-- Contenedor XML -->
                                <div class="col-md-6">
                                    <h6 class="text-center mb-2"><strong>📋 XML</strong></h6>
                                    <div id="preview_xml" class="border rounded p-3" style="height: 700px; overflow-y: auto; background: #f8f9fa;">
                                        <pre id="xml_content" style="white-space: pre-wrap; word-break: break-word; font-size: 12px; margin: 0;"></pre>
                                        <div id="xml_no_disponible" class="text-muted text-center py-5">
                                            <p>XML será mostrado aquí</p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                        </div>
                    </div>

                    <p class="text-muted small mb-1 d-flex align-items-center gap-1">
                        <i class="fas fa-arrows-alt-h"></i>
                        <span>Desliza horizontalmente para ver todos los datos</span>
                    </p>
                    <div class="table-responsive" id="tabla-facturas-wrapper">
                        <table id="capacitandos_facturas"
                            class="table display dataTable no-footertable capacitandos-facturas-table w-100">
                            <thead>
                                <tr class="bg-light">
                                    <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 nowrap>
                                        CAPACITANDO
                                    </th>
                                    <th nowrap>
                                        BECADO
                                    </th>
                                    <th class="sorting auto-width" tabindex="0" aria-controls="example3"
                                        rowspan="1" colspan="1"
                                        aria-label="Education: activate to sort column ascending">
                                        FACTURA
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <input type="hidden" value="{{ $guardarEstatusA }}" name="" id="capacitandosAgregados">
                    <input type="hidden" value="{{ $capacitandosSinFactura }}" id="capacitandosSinFacturaHidden">
                    <input type="hidden" value="{{ $alumnosConFacturaCargada }}" id="alumnosConFacturaCargadaHidden">
                    <div class="col-lg-12 mb-3 col-md-6 text-center d-none" id="div_terminar">
                        <button type="button" class="btn btn-success w-50 mt-3" data-bs-toggle="modal"
                            data-bs-target="#terminar">Guardar y Terminar
                        </button>
                    </div>
                </input>
            </div>
        </div>
    </div>
</div>