@php
    $showCapacitandos = $aula->estatus_capacitandos != 3 && $aula->estatus_capacitandos != 1 && $aula->estatus =='B';
    $showPagos = $aula->estatus_pagos_capacitandos != 3 && $aula->estatus == 'D';
    //   $showPagos = $aula->estatus_capacitandos == 3 && $aula->estatus_pagos_capacitandos != 3 && $aula->estatus =='B';
    // Tipo 7 (CONOCER) no requiere contrato
    $showContrato = ($aula->curso_tipo != 7) &&
        ($aula->estatus_capacitandos == 1 || ($aula->estatus == 'D' && $aula->juridico_estatus != 3));
    
    // Verificar si hay capacitandos sin facturas
    $capacitandosSinFactura = DB::table('aula_alumnos')
        ->where('id_aula', $aula->id)
        ->where(function($query) {
            $query->whereNull('estatus_comprobante')
                  ->orWhere('estatus_comprobante', 0)
                  ->orWhere('estatus_comprobante', 2);
        })
        ->count();
    
    // Contar alumnos que ya tienen factura cargada (en revisión o validada)
    $alumnosConFacturaCargada = DB::table('aula_alumnos')
        ->where('id_aula', $aula->id)
        ->whereIn('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->lleva_convenio ? 'd-none' : '' }}">
                <a class="nav-link {{ $showPagos && !$aula->lleva_convenio ? 'active' : '' }}" data-bs-toggle="tab" 
                    href="#contact1"><i class=" ri-bill-line 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=" ri-user-3-line me-2"></i>
                    Capacitandos
                </a>
            </li>
            <li class="nav-item {{ $aula->curso_tipo == 7 ? 'd-none' : '' }}">
                <a class="nav-link {{ !$showCapacitandos && !$showPagos && !$aula->lleva_convenio ? 'active' : '' }}" data-bs-toggle="tab"
                    href="#profile1" aria-selected="false" role="tab"><i class=" ri-file-text-line me-2"></i>
                    Contrato
                </a>
            </li>
            <li id="tabConvenio" class="nav-item {{ !($aula->lleva_convenio) ? 'd-none' : '' }}">
                <a class="nav-link {{ $aula->lleva_convenio ? 'active' : '' }}" data-bs-toggle="tab" 
                    href="#convenio"><i class=" ri-file-text-line me-2"></i>
                    Convenio
                </a>
            </li>

        </ul>
        <div class="tab-content">
            <div class="tab-pane fade active show {{ $aula->estatus_capacitandos == 3 && $aula->estatus =='B' || $aula->estatus_capacitandos == 1 && $aula->estatus =='B' || $aula->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->lleva_convenio ? 'active show' : '' }}" id="profile1" role="tabpanel">
                <div class="pt-4">
                    @puede('Aulas', 'subir_contrato')
                        @if ($aula->juridico_estatus == 2 || $aula->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('id') }}">
                                        <input type="hidden" name="au_in_id"   value="{{ $aula->instructor_id }}">
                                        <input type="hidden" name="au_unidad"  value="{{ $aula->unidad }}">
                                        <button type="submit" class="btn btn-light btn-sm"><i class=" ri-download-2-line"></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->id }}">
                                <input type="hidden" name="clave_aula" value="{{ $aula->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->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->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->file_contrato)
                                            <a class="ver-pdf" data-src="{{ $aula->file_contrato }}"
                                                data-bs-toggle="modal" data-bs-target="#modalArchivo"
                                                href="#">Ampliar</a>
                                            <iframe src="{{ asset($aula->file_contrato) }}?_ts={{ now()->timestamp }}" 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->juridico_observaciones ? 'text-danger' : '' }}">
                        {{ $aula->juridico_observaciones ?: 'SIN OBSERVACIONES' }}</strong>
                    <div class="row">
                        @puede('Aulas', 'aceptar_contrato')
                            <!--------------- Rechazar Contrato ------------------------>
                                 @if ($aula->juridico_estatus == 1 || $aula->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->clave_registro }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal">
                                            </button>
                                        </div>
                                        <form action="{{ route('rechazarContrato') }}" method="post">
                                            @csrf
                                            <div class="modal-body text-center">
                                                <strong>{{ $aula->curso_nombre }}</strong> <br>
                                                <textarea class="form-control" rows="2" name="observacion" id="comment"
                                                    onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba el motivo del rechazo*" required></textarea>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary light"
                                                    data-bs-dismiss="modal">Cerrar</button>
                                                <button type="submit" class="btn btn-danger">Rechazar</button>
                                                <input type="hidden" name="id" value="{{ $aula->id }}">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endpuede
                        @puede('Aulas', 'aceptar_contrato')
                            @if ($aula->juridico_estatus == 1 || $aula->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->clave_registro }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal">
                                            </button>
                                        </div>
                                        <form action="{{ route('autorizarContrato') }}" method="post">
                                            @csrf
                                            <div class="modal-body text-center">
                                                <strong>{{ $aula->curso_nombre }}</strong> <br>
                                                <textarea class="form-control" rows="2" name="observacion" id="comment"
                                                    onkeyup="this.value = this.value.toUpperCase()" placeholder="Escriba sus observaciones (opcional)"></textarea>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-danger light"
                                                    data-bs-dismiss="modal">Cerrar</button>
                                                <button type="submit" class="btn btn-primary">Confirmar</button>
                                                <input type="hidden" name="id" value="{{ $aula->id }}">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endpuede
                    </div>
                </div>
            </div>
            <!-- MOSTRAR CONVENIO -->
            <div class="tab-pane fade {{ $aula->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->convenio_estatus != 3 && $aula->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->id }}">
                        <input type="hidden" name="clave_aula" value="{{ $aula->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->convenio_observaciones ? 'text-danger' : '' }}">
                        {{ $aula->convenio_observaciones ?: 'SIN OBSERVACIONES' }}</strong>

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

              <!--<div class="tab-pane fade  $aula->estatus_capacitandos == 3 && $aula->estatus_pagos_capacitandos != 3 && $aula->estatus =='B' ? 'active show' : '' }}"-->
            <div class="tab-pane fade  {{ $aula->estatus_pagos_capacitandos != 3 && $aula->estatus == 'D' && !$aula->lleva_convenio ? 'active show' : '' }}"
                id="contact1" role="tabpanel">
                <div class="pt-4">
                    <h4 class="{{ $ocultarCheckboxes ? 'd-none' : ''}}">Subir Pago</h4>
                    @if ($aula->estatus_pagos_capacitandos != 3)
                        <div class="col-lg-12  mb-4 {{ $ocultarCheckboxes ? 'd-none' : ''}}" id="divPagoGrupal">
                            <form class="agregar-factura-grupal" action="{{ route('addFacturaUnica') }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="id_aula" value="{{ $aula->id }}">
                                <input type="hidden" name="clave_aula" value="{{ $aula->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->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" style="padding-top: 1rem; font-weight: bold;"></div>
                        </div>
                    @endif
                    <div class="alert alert-info fade show mt-2 d-none" id="alertGrupoSeleccion">
                        <strong>Seleccione los alumnos en  tabla para subir su pago grupal.</strong>
                    </div>
                    <div id="preview_factura_unica" class="mt-3 d-none">
                        <div class="row">

                            @if($aula->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=" ri-arrow-left-right-line"></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 nowrap>
                                        <div class="d-flex align-items-center justify-content-center gap-2">
                                            <span>SELECCIÓN</span>
                                            <input type="checkbox" class="form-check-input border-primary m-0"
                                                id="chk-seleccionar-todos-capacitandos" title="Seleccionar todos">
                                        </div>
                                    </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>