@php
    $showCapacitandos = $aula->aul_estatus_capacitandos != 3 && $aula->aul_estatus_capacitandos != 1 && $aula->aul_estatus =='B';
    $showPagos = $aula->aul_estatus_capacitandos == 3 && $aula->aul_estatus_pagos_capacitandos != 3 && $aula->aul_estatus =='B';
    $showContrato = $aula->aul_estatus_capacitandos == 1 || ($aula->aul_estatus == 'D' && $aula->aul_juridico_estatus != 3);
@endphp
<div class="card-body">
    <!-- Nav tabs -->
    <div class="custom-tab-1">
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item {{ !$showPagos ? 'd-none' : '' }}">
                <a class="nav-link {{ $showPagos ? '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">
                <a class="nav-link {{ !$showCapacitandos && !$showPagos ? 'active' : '' }}" data-bs-toggle="tab"
                    href="#profile1" aria-selected="false" role="tab"><i class="la la-file-alt me-2"></i>
                    Contrato
                </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 ? 'active show' : '' }}" id="profile1" role="tabpanel">
                <div class="pt-4">
                    @puede('Aulas', 'subir_contrato')
                        @if ($aula->aul_juridico_estatus == 2 || $aula->aul_juridico_estatus == '')
                            <h4>Subir Contrato</h4>
                            
                            <div class="accordion-item d-none mt-2" id="div_acta">
                                <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_acta" class="mt-3"></div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endpuede
                    @if ($aula->aul_file_contrato)
                        <div class="accordion-item mt-2  mb-0" id="div_curriculum">
                            <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="#collapseOne6">
                                    <span class="accordion-header-text">Contrato
                                        {{ $aula->aul_clave_registro }}</span>
                                </button>
                            </h2>
                            <div id="collapseOne6" 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">
                        
                        
                    </div>
                </div>
            </div>
            <div class="tab-pane fade  {{ $aula->aul_estatus_capacitandos == 3 && $aula->aul_estatus_pagos_capacitandos != 3 && $aula->aul_estatus =='B' ? 'active show' : '' }}"
                id="contact1" role="tabpanel">
                <div class="pt-4">
                    
                    
                    <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 primero los alumnos con factura individual</strong>
                    </div>
                    <div id="preview_factura_unica"></div>
                    <div class="table-responsive">
                        <table id="capacitandos_facturas"
                            class="table display dataTable no-footertable capacitandos-facturas-table w-100">
                            <thead>
                                <tr class="alert-primary">
                                    <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">
                    
                </div>
            </div>
        </div>
    </div>
</div>