@extends('layout.template')
@section('title', 'SICCAP ICATEP')

@section('content')
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">

            <div class="row page-titles mx-0">
                <div class="col-sm-6 p-md-0">
                    <div class="welcome-text">
                        <h5>Datos Instructor
                            <i class="fas fa-user-tie fa-2x" data-toggle="tooltip" data-bs-placement="right"
                                title="Todos los campos marcados con * son requeridos"></i>
                        </h5>
                    </div>
                </div>
                <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('instructores') }}" class="btn btn-rounded btn-dark back-fixed" aria-label="Regresar">
                            <span class="btn-icon-start text-dark"><i class="fa fa-arrow-left"></i></span>
                            Regresar
                        </a>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12 col-xxl-12 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="basic-form">
                                <form action="{{ route('update') }}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    
                                    {{-- ✅ CAMPOS OCULTOS GLOBALES (DISPONIBLES SIEMPRE) --}}
                                    <input type="hidden" name="in_id" id="in_id" value="{{ $instructor->ins_id }}">
                                    <input type="hidden" name="ins_num_exp" id="ins_num_exp" value="{{ $instructor->ins_num_exp }}">
                                    <input type="hidden" name="accion_formulario" id="accion_formulario" value="">
                                    
                                    @if ($instructor)
                                        <div class="row">
                                            @if (session('success'))
                                                <div class="alert alert-primary alert-dismissible fade show"
                                                    id="alert-container">
                                                    <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">
                                                        <polyline points="9 11 12 14 22 4"></polyline>
                                                        <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11">
                                                        </path>
                                                    </svg>
                                                    <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">
                                                    <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">
                                                        <polygon
                                                            points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2">
                                                        </polygon>
                                                        <line x1="15" y1="9" x2="9" y2="15">
                                                        </line>
                                                        <line x1="9" y1="9" x2="15" y2="15">
                                                        </line>
                                                    </svg>
                                                    <strong id="alert-confirmacion-error"> {{ session('error') }}</strong>
                                                </div>
                                            @endif
                                            <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" type="button"
                                                            data-bs-toggle="collapse"
                                                            data-bs-target="#acc_datos_personales">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Datos Personales</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_datos_personales" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-observaciones">
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">CURP</label>
                                                                <input type="text" name="curp" class="form-control"
                                                                    value="{{ $instructor->ins_curp }}" placeholder=""
                                                                    id="curp" readonly style="background-color: #e9ecef; cursor: not-allowed;">
                                                                    <small class="text-muted">El CURP no puede ser modificado</small>
                                                                @error('curp')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_curp"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Apellido Paterno</label>
                                                                <input type="text" name="ape_paterno"
                                                                    class="form-control"
                                                                    value="{{ $instructor->ins_ape_pat }}" placeholder=""
                                                                    id="ape_paterno">
                                                                @error('ape_paterno')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_apePaterno"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Apellido Materno</label>
                                                                <input type="text" name="ape_materno"
                                                                    class="form-control"
                                                                    value="{{ $instructor->ins_ape_mat }}" placeholder=""
                                                                    id="ape_materno">
                                                                @error('ape_materno')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_apeMaterno"></div>
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Nombre(s)</label>
                                                                <input type="text" name="nombre_psc"
                                                                    class="form-control"
                                                                    value="{{ $instructor->ins_nombre }}" placeholder=""
                                                                    id="nombre_psc">
                                                                @error('nombre_psc')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_nombre"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Email</label>
                                                                <input type="email" name="email" class="form-control"
                                                                    value="{{ $instructor->ins_email }}" placeholder=""
                                                                    id="email"
                                                                    onkeyup="this.value = this.value.toLowerCase()">
                                                                @error('email')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_email"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">RFC</label>
                                                                <input type="text" name="rfc" class="form-control"
                                                                    value="{{ substr($instructor->ins_rfc, 0, 10) }}"
                                                                    placeholder="" id="rfc"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                @error('rfc')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-1 mb-3 col-md-6">
                                                                <label class="form-label">Homoclave</label>
                                                                <input type="text" name="homoclave" class="form-control"
                                                                    value="{{ strlen($instructor->ins_rfc) === 13 ? substr($instructor->ins_rfc, 10, 3) : '' }}" 
                                                                    placeholder="" id="homoclave"
                                                                    maxlength="3"
                                                                    onkeyup="this.value = this.value.toUpperCase()">
                                                                @error('homoclave')
                                                                    <div class="text-danger">{{ $message_homoclave }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_homoclave"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Celular</label>
                                                                <input type="text" name="celular" class="form-control" 
                                                                    value="{{ $instructor->ins_celular }}"
                                                                    placeholder=""
                                                                    id="celular"
                                                                    maxlength="10"
                                                                    pattern="[0-9]{10}"
                                                                    inputmode="numeric"
                                                                    oninput="this.value = this.value.replace(/[^0-9]/g, '').slice(0, 10)"
                                                                    title="Ingrese exactamente 10 dígitos">
                                                                @error('celular')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_celular"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Fecha Ingreso</label>
                                                                <input name="fecha_ingreso"
                                                                    class="datepicker-default form-control picker__input"
                                                                    id="datepicker"
                                                                    value="{{ \Carbon\Carbon::parse($instructor->ins_fecha_ingreso)->format('d/m/Y') }}"
                                                                    aria-haspopup="true" aria-expanded="false"
                                                                    aria-readonly="false" aria-owns="datepicker_root">
                                                                @error('fecha_ingreso')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!---- INFORMACION ADICIONAL PSC ------->
                                            <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" type="button"
                                                            data-bs-toggle="collapse"
                                                            data-bs-target="#acc_informacion_adicional">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Informaci&oacute;n
                                                                Adicional</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_informacion_adicional"
                                                        class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-observaciones">
                                                        <!-- BODY DEL ACORDEN INFORMACION ADICIONAL -->
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Fecha de Nacimiento</label>
                                                                <input type="text" name="fecha_nacimiento"
                                                                    class="form-control"
                                                                    value="{{ $instructor->ins_fecha_nac }}"
                                                                    id="fecha_nacimiento" readonly>
                                                                @error('nombre_especialidad')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-1 mb-3 col-md-6">
                                                                <label class="form-label">Edad</label>
                                                                <input type="number" name="edad" class="form-control"
                                                                    value="{{ old('edad') }}" id="edad" readonly>
                                                                @error('edad')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Sexo</label>
                                                                <input type="text" name="" class="form-control"
                                                                    value="{{ old('sexo_completo') }}" placeholder=""
                                                                    id="sexo_completo" readonly>
                                                                <input type="hidden" name="sexo" value=""
                                                                    id="sexo">
                                                                <input type="hidden" name="curriculum" value="SI">
                                                                <input type="hidden" name="constancia" value="SI">
                                                                @error('sexo')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-4 mb-3 col-md-6">
                                                                <label class="form-label">Entidad Federativa</label>
                                                                <input type="text" name="entidad_fed" value=""
                                                                    class="form-control" value="{{ old('entidad_fed') }}"
                                                                    placeholder="" id="entidad_fed"
                                                                    onkeyup="this.value = this.value.toUpperCase()"
                                                                    readonly>
                                                                <input type="hidden" name="id_estado" value=""
                                                                    id="id_estado">
                                                                {{-- <div class="text-primary" id="entidad"></div> --}}
                                                                @error('entidad_fed')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!------------------------ DOMICILIO PSC --------------------------------->
                                            <div class="accordion accordion-with-icon accordion-primary mb-0"
                                                id="accordion-observaciones">
                                                <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_domicilio">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Domicilio del
                                                                Instructor</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_domicilio" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-observaciones">
                                                        <!-- BODY DEL ACORDEN DOMICILIO -->
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label">Calle</label>
                                                                <input type="text" name="calle" class="form-control"
                                                                    value="{{ $instructor->ins_calle }}" placeholder=""
                                                                    id="calle"
                                                                    onkeyup="this.value = this.value.toUpperCase()">
                                                                @error('calle')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_calle"></div>
                                                            </div>
                                                            <div class="col-lg-1 mb-3 col-md-6">
                                                                <label class="form-label">Num. ext</label>
                                                                <input type="text" name="num_ext" class="form-control"
                                                                    value="{{ $instructor->ins_num_ext }}" id="num_ext">
                                                                @error('num_ext')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_num_ext"></div>
                                                            </div>
                                                            <div class="col-lg-1 mb-3 col-md-6">
                                                                <label class="form-label">No. Int.</label>
                                                                <input type="text" name="ins_num_int" class="form-control" 
                                                                    value="{{ $instructor->ins_num_int ?? 'S/N' }}" id="num_int">
                                                                @error('ins_num_int')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_num_int"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Colonia</label>
                                                                <input type="text" name="colonia" class="form-control"
                                                                    value="{{ $instructor->ins_colonia }}" placeholder=""
                                                                    id="colonia"
                                                                    onkeyup="this.value = this.value.toUpperCase()">
                                                                @error('colonia')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_colonia"></div>
                                                            </div>
                                                            <div class="col-lg-1 mb-3 col-md-6">
                                                                <label class="form-label">CP</label>
                                                                <input type="text" name="cp" class="form-control"
                                                                    value="{{ $instructor->ins_cp }}" placeholder=""
                                                                    id="cp" maxlength="5" pattern="[0-9]{1,5}"
                                                                    oninput="this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5)">
                                                                @error('cp')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                    <div class="text-danger" id="message_cp"></div>
                                                            </div>

                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Estado</label>
                                                                <select class="form-control" id="estados" name="estado">
                                                                    <option selected value=''>Seleccione:</option>
                                                                    @foreach ($estados_mexico as $estado)
                                                                        <option value="{{ $estado->esmex_id }}"
                                                                            data-clave="{{ $estado->esmex_clave }}"
                                                                            {{ (string) $instructor->ins_estado == (string) $estado->esmex_id ? 'selected' : '' }}>
                                                                            {{ $estado->esmex_nombre }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                @error('estados')
                                                                    <div class="text-danger">
                                                                        {{ $message }}
                                                                    </div>
                                                                @enderror
                                                                <div class="text-danger" id="message_estado"></div>
                                                            </div>

                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label">Municipio</label>
                                                                <select class="form-control" id="lista_municipios" name="lista_municipios">
                                                                    @foreach ($lista_municipios as $municipio)
                                                                        <option value="{{ $municipio->mu_clave . '-' . $municipio->mu_nombre }}"
                                                                            {{ $instructor->ins_id_municipio == $municipio->mu_clave ? 'selected' : '' }}>
                                                                            {{ $municipio->mu_nombre }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                <input type="hidden" name="id_municipio" value="{{ $instructor->ins_id_municipio }}" id="nombre_municipio">
                                                                @error('lista_municipios')
                                                                    <div id="div_municipio" class="text-danger">
                                                                        {{ $message }}
                                                                    </div>
                                                                @enderror
                                                                <div class="text-danger" id="message_municipio"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!------------------------ FORMACION PSC --------------------------------->
                                            <div class="accordion accordion-with-icon accordion-primary mb-0"
                                                id="accordion-observaciones">
                                                <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_formacion">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Formaci&oacute;n</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_formacion" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-observaciones">
                                                        <!-- BODY DEL ACORDEN FORMACION -->
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-4 mb-3 col-md-6">

                                                                <input type="hidden" id="selectData" name="selectData">
                                                                <label class="form-label">Ultimo grado de estudio concluido:</label>

                                                                <select class="form-control" name="grado_estudios" id="grado_estudios">

                                                                    <option data-id="1" value="PRIMARIA INCOMPLETA"
                                                                        {{ $instructor->ins_grado_estudios == 'PRIMARIA TRUNCA' || $instructor->ins_grado_estudios == 'PRIMARIA INCOMPLETA' ? 'selected' : '' }}>
                                                                        PRIMARIA INCOMPLETA</option>
                                                                    <option data-id="2" value="PRIMARIA"
                                                                        {{ $instructor->ins_grado_estudios == 'PRIMARIA' || $instructor->ins_grado_estudios == 'PRIMARIA COMPLETA' ? 'selected' : '' }}>
                                                                        PRIMARIA COMPLETA</option>
                                                                    <option data-id="3" value="SECUNDARIA INCOMPLETA"
                                                                        {{ $instructor->ins_grado_estudios == 'SECUNDARIA TRUNCA' || $instructor->ins_grado_estudios == 'SECUNDARIA INCOMPLETA' ? 'selected' : '' }}>
                                                                        SECUNDARIA INCOMPLETA</option>
                                                                    <option data-id="4" value="SECUNDARIA"
                                                                        {{ $instructor->ins_grado_estudios == 'SECUNDARIA' || $instructor->ins_grado_estudios == 'SECUNDARIA COMPLETA' ? 'selected' : '' }}>
                                                                        SECUNDARIA COMPLETA</option>
                                                                    <option data-id="5"
                                                                        value="CARRERA TECNICA INCOMPLETA"
                                                                        {{ $instructor->ins_grado_estudios == 'CARRERA TECNICA TRUNCA' || $instructor->ins_grado_estudios == 'CARRERA TECNICA INCOMPLETA' ? 'selected' : '' }}>
                                                                        CARRERA TECNICA INCOMPLETA</option>
                                                                    <option data-id="6" value="CARRERA TECNICA COMPLETA"
                                                                        {{ $instructor->ins_grado_estudios == 'TECNICO SUPERIOR UNIVERSITARIO' || $instructor->ins_grado_estudios == 'CARRERA TECNICA' || $instructor->ins_grado_estudios == 'CARRERA TECNICA COMPLETA' ? 'selected' : '' }}>
                                                                        CARRERA TECNICA COMPLETA</option>
                                                                    <option data-id="7" value="BACHILLERATO INCOMPLETO"
                                                                        {{ $instructor->ins_grado_estudios == 'BACHILLERATO' || $instructor->ins_grado_estudios == 'BACHILLERATO INCOMPLETO' || $instructor->ins_grado_estudios == 'NIVEL MEDIO SUPERIOR TRUNCA' || $instructor->ins_grado_estudios == 'NIVEL MEDIO SUPERIOR INCOMPLETO' ? 'selected' : '' }}>
                                                                        BACHILLERATO INCOMPLETO</option>
                                                                    <option data-id="8" value="BACHILLERATO COMPLETO"
                                                                        {{ $instructor->ins_grado_estudios == 'BACHILLERATO' || $instructor->ins_grado_estudios == 'BACHILLERATO COMPLETO' || $instructor->ins_grado_estudios == 'NIVEL MEDIO SUPERIOR' || $instructor->ins_grado_estudios == 'NIVEL MEDIO SUPERIOR COMPLETO' ? 'selected' : '' }}>
                                                                        BACHILLERATO COMPLETO</option>
                                                                    <option data-id="9" value="LICENCIATURA INCOMPLETA"
                                                                        {{ $instructor->ins_grado_estudios == 'LICENCIATURA TRUNCA' || $instructor->ins_grado_estudios == 'LICENCIATURA INCOMPLETA' ? 'selected' : '' }}>
                                                                        LICENCIATURA INCOMPLETA</option>
                                                                    <option data-id="10" value="LICENCIATURA COMPLETA"
                                                                        {{ $instructor->ins_grado_estudios == 'INGENIERIA' || $instructor->ins_grado_estudios == 'LICENCIATURA' || $instructor->ins_grado_estudios == 'LICENCIATURA COMPLETA' ? 'selected' : '' }}>
                                                                        LICENCIATURA COMPLETA</option>
                                                                    <option data-id="11" value="POSGRADO"
                                                                        {{ $instructor->ins_grado_estudios == 'MAESTRIA' || $instructor->ins_grado_estudios == 'DOCTORADO' || $instructor->ins_grado_estudios == 'POSGRADO' ? 'selected' : '' }}>
                                                                        POSGRADO</option>
                                                                </select>
                                                                @error('grado_estudios')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            @if ($instructor->ins_grado_estudios == 'OFICIO')
                                                                {{ $instructor->ins_oficio }}
                                                            @endif

                                                            <div class="row">
                                                                <div class="col-lg-6" id="d7" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label for="carreraTecnicaTrunca" class="form-label">Carrera
                                                                            Técnica incompleta</label>
                                                                        <input type="text" class="form-control" id="carreraTecnicaTrunca"
                                                                            name="carreraTecnicaTrunca" value="{{ $instructor->ins_nom_profesion }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6" id="d8" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="carreraTecnica">Carrera T&eacute;cnica 
                                                                            completa</label>
                                                                        <input type="text" class="form-control" id="carreraTecnica" 
                                                                        name="carreraTecnica" value="{{ $instructor->ins_nom_profesion }}"
                                                                            oninput="this.value = this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6" id="d10" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="licenciaturaTrunca">Licenciatura
                                                                            incompleta</label>
                                                                        <input type="text" class="form-control" id="licenciaturaTrunca"
                                                                            name="licenciaturaTrunca" value="{{ $instructor->ins_nom_profesion }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-4" id="d11" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="licenciatura">Nombre de la
                                                                            Licenciatura</label>
                                                                        <input type="text" class="form-control" id="licenciatura" 
                                                                        name="licenciatura" value="{{ $instructor->ins_nom_profesion }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="licenciatura">Otra Licenciatura
                                                                            (opcional)</label>
                                                                        <input type="text" class="form-control" id="licenciaturaOtra" 
                                                                        name="licenciaturaOtra" value="{{ $instructor->ins_nom_profesion_otra }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-2" id="d12" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="ingenieriaTrunca">Ingenieria
                                                                            Trunca</label>
                                                                        <input type="text" class="form-control" id="ingenieriaTrunca" 
                                                                        name="ingenieriaTrunca" value="{{ $instructor->ins_nom_profesion }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-2" id="d13" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="ingenieria">Nombre de la
                                                                            Ingenier&iacute;a</label>
                                                                        <input type="text" class="form-control" id="ingenieria" 
                                                                            name="ingenieria" value="{{ $instructor->ins_nom_profesion }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="ingenieria">Otra Ingenier&iacute;a
                                                                            (opcional)</label>
                                                                        <input type="text" class="form-control" id="ingenieriaOtra" 
                                                                        name="ingenieriaOtra" value="{{ $instructor->ins_nom_profesion_otra }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-3" id="selLicIng" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="licing">Licenciatura /
                                                                            Ingenier&iacute;a</label>
                                                                        <select class="form-control" id="licing" name="licing">
                                                                            <option value="LICENCIATURA" {{ $instructor->ins_lic_ing == 'LICENCIATURA' ? 'selected' : '' }}>LICENCIATURA</option>
                                                                            <option value="INGENIERIA" {{ $instructor->ins_lic_ing == ' INGENIERIA' ? 'selected' : '' }}>INGENIERIA</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="licingOtra">Otra Licenciatura /
                                                                            Ingenier&iacute;a (opcional)</label>
                                                                        <select class="form-control" id="licingOtra" name="licingOtra">
                                                                            <option value="LICENCIATURA" {{ $instructor->ins_lic_ing_otra == 'LICENCIATURA' ? 'selected' : '' }}>LICENCIATURA</option>
                                                                            <option value="INGENIERIA" {{ $instructor->ins_lic_ing_otra == ' INGENIERIA' ? 'selected' : '' }}>INGENIERIA</option>
                                                                        </select>
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-3" id="inputLicIng" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="inputLI">Nombre de la carrera</label>
                                                                        <input type="text" class="form-control" id="inputLI" 
                                                                        name="inputLI" value="{{ $instructor->ins_nom_profesion }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="inputLIOtra">Nombre de la carrera
                                                                            (opcional)</label>
                                                                        <input type="text" class="form-control" id="inputLIOtra" 
                                                                        name="inputLIOtra" value="{{ $instructor->ins_nom_profesion_otra }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-3" id="d14"
                                                                    style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="maestria">Nombre de la Maestría</label>
                                                                        <input type="text" class="form-control" id="maestria" 
                                                                        name="maestria" value="{{ $instructor->ins_maestria }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="maestria">Otra Maestría
                                                                            (opcional)</label>
                                                                        <input type="text" class="form-control" id="maestriaOtra"
                                                                         name="maestriaOtra" value="{{ $instructor->ins_maestria_otra }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-3" id="d15" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="doctorado">Nombre del Doctorado</label>
                                                                        <input type="text" multiple class="form-control" id="doctorado"
                                                                            name="doctorado" value="{{ $instructor->ins_doctorado }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-3" id="d16" style="display: none;">
                                                                    <div class="mb-3">
                                                                        <label class="form-label" for="posgrado">Nombre del Posgrado</label>
                                                                        <input type="text" multiple class="form-control" id="posgrado"
                                                                            name="posgrado" value="{{ $instructor->ins_posgrado }}"
                                                                            onkeyup="javascript:this.value=this.value.toUpperCase();">
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6 mb-3 col-md-6">
                                                                    <label class="form-label"
                                                                        for="comp_estudios">Subir Comprobante de estudios</label>
                                                                    <input class="form-control" type="file"
                                                                        id="comp_estudios" name="file_comp_estudios"
                                                                        accept="application/pdf"
                                                                        data-existing-file="{{ $instructor->ins_file_acta ? 'true' : 'false' }}">
                                                                    <div class="accordion-item mt-2"
                                                                        id="div_comp_estudios">
                                                                        <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="#comprobante_estudios">
                                                                                <span class="accordion-header-text">Ver
                                                                                    comprobante de
                                                                                    estudios</span>
                                                                            </button>
                                                                        </h2>
                                                                        <div id="comprobante_estudios"
                                                                            class="accordion-collapse collapse"
                                                                            aria-labelledby="headingOne6"
                                                                            data-bs-parent="#accordion-six">
                                                                            <div class="accordion-body mb-0">
                                                                                <div id="preview_comp_estudios"
                                                                                    class="mt-1">
                                                                                    @if ($instructor->ins_file_acta)
                                                                                        <a class="ver-pdf"
                                                                                            data-src="{{ $instructor->ins_file_acta }}"
                                                                                            data-bs-toggle="modal"
                                                                                            data-bs-target="#modalArchivo"
                                                                                            href="#">Ampliar</a>
                                                                                        <iframe
                                                                                            src="{{ url($instructor->ins_file_acta) }}"
                                                                                            width="100%"
                                                                                            height="800px"></iframe>
                                                                                    @else
                                                                                        <div class="text-danger">Todavía no
                                                                                            se ha cargado
                                                                                            ningún archivo
                                                                                        </div>
                                                                                        <iframe
                                                                                            src="{{ asset('storage/instructores/sin_documento.pdf') }}"
                                                                                            width="100%" height="800px">
                                                                                        </iframe>
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="text-danger" id="message_comp_estudios">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!------------------------ DOCUMENTACION PSC --------------------------------->
                                            <div class="accordion accordion-with-icon accordion-primary mb-0"
                                                id="accordion-observaciones">
                                                <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_documentacion">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Documentaci&oacute;n</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_documentacion" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-observaciones">
                                                        <!-- BODY DEL ACORDEN DOCUMENTACION -->
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label" for="identificacion">Identificaci&oacute;n</label>
                                                                <select class="form-control" name="identificacion" id="">
                                                                    <option value="INE" {{ $instructor->ins_identificacion == 'INE' ? 'selected' : '' }}>INE</option>
                                                                    <option value="CEDULA" {{ $instructor->ins_identificacion == 'CEDULA' ? 'selected' : '' }}>CEDULA</option>
                                                                    <option value="PASAPORTE" {{ $instructor->ins_identificacion == 'PASAPORTE' ? 'selected' : '' }}>PASAPORTE</option>
                                                                </select>
                                                                @error('')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-3 mb-3 col-md-6">
                                                                <label class="form-label" for="folio_ide">Clave de Elector (INE) / Folio (Otros) *</label>
                                                                <input type="text" name="folio_ide" class="form-control" value="{{ $instructor->ins_folio_identificacion }}" placeholder="" id="folio_ine" onkeyup="this.value = this.value.toUpperCase()">
                                                                @error('folio_ide')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_folio_ide"></div>
                                                            </div>
                                                            <div class="col-lg-2 mb-3 col-md-6">
                                                                <label class="form-label" for="acta">Acta de Nacimiento</label>
                                                                <select class="form-control" name="acta" id="">
                                                                    <option value="SI" {{ $instructor->ins_acta_nac == 'SI' ? 'selected' : '' }}>SI</option>
                                                                    <option value="NO" {{ $instructor->ins_acta_nac == 'NO' ? 'selected' : '' }}>NO</option>
                                                                </select>
                                                                @error('acta')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-lg-4 mb-3 col-md-6">
                                                                <label class="form-label" for="regimen">Regim&eacute;n Fiscal</label>
                                                                <select class="form-control" name="regimen" id="regimen">
                                                                    <option value="612 - Personas F&iacute;sicas con Actividades Empresariales y Profesionales" {{ $instructor->ins_regimen_fiscal == '612' ? 'selected' : '' }}>612 - Personas F&iacute;sicas con Actividades Empresariales y Profesionales </option>
                                                                    <option value="621 - Incorporaci&oacute;n Fiscal" {{ $instructor->ins_regimen_fiscal == '621' ? 'selected' : '' }}>621 - Incorporaci&oacute;n Fiscal </option>
                                                                    <option value="626 - Simplificado de Confianza" {{ $instructor->ins_regimen_fiscal == '626' ? 'selected' : '' }}>626 - Simplificado de Confianza </option>
                                                                </select>
                                                                @error('regimen')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>

                                                            <!-- ----------------------------------------------------------------------------------------------------- -->
                                                            <div class="col-lg-6 mb-3 col-md-6">
                                                                <label class="form-label" for="identificacion">Subir Identificaci&oacute;n</label>
                                                                <input class="form-control" type="file" id="identificacion" name="file_identificacion" accept="application/pdf" data-existing-file="{{ $instructor->ins_file_identificacion ? 'true' : 'false' }}">
                                                                <div class="accordion-item mt-2" id="div_identificacion">
                                                                    <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="#acc_identificacion">
                                                                            <span class="accordion-header-text">Ver Identificaci&oacute;n</span>
                                                                        </button>
                                                                    </h2>
                                                                    <div id="acc_identificacion" class="accordion-collapse collapse" aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                                                        <div class="accordion-body mb-0">
                                                                            <div id="preview" class="mt-1">
                                                                                @if ($instructor->ins_file_identificacion)
                                                                                    <a class="ver-pdf" data-src="{{ $instructor->ins_file_identificacion }}" data-bs-toggle="modal" data-bs-target="#modalArchivo" href="#">Ampliar</a>
                                                                                    <iframe src="{{ url($instructor->ins_file_identificacion) }}" width="100%" height="800px"></iframe>
                                                                                @else
                                                                                    <div class="text-danger">Todavía no se ha cargado ningún archivo</div>
                                                                                    <iframe src="{{ asset('storage/instructores/sin_documento.pdf') }}" width="100%" height="800px"></iframe>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="text-danger" id="message_ident"></div>
                                                            </div>
                                                            <!-- ----------------------------------------------------------------------------------------------------- -->
                                                            <div class="col-lg-6 mb-3 col-md-6">
                                                                <label class="form-label">Subir Constancia de Situación Fiscal</label>
                                                                <input class="form-control" type="file" name="file_constancia" id="constancia" accept="application/pdf" data-existing-file="{{ $instructor->ins_file_cons_fiscal ? 'true' : 'false' }}">
                                                                <input type="hidden" name="{{ $instructor->ins_file_cons_fiscal }}" id="archivo_constancia">
                                                                <div class="accordion-item mt-2" id="div_constancia">
                                                                    <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="#acc_constancia">
                                                                            <span class="accordion-header-text">Ver Constancia de Situación Fiscal</span>
                                                                        </button>
                                                                    </h2>
                                                                    <div id="acc_constancia" class="accordion-collapse collapse" aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                                                        <div class="accordion-body">
                                                                            <div id="preview_constancia" class="mt-3">
                                                                                @if ($instructor->ins_file_cons_fiscal)
                                                                                    <a class="ver-pdf" data-src="{{ $instructor->ins_file_cons_fiscal }}" data-bs-toggle="modal" data-bs-target="#modalArchivo" href="#">Ampliar</a>
                                                                                    <iframe src="{{ url($instructor->ins_file_cons_fiscal) }}" width="100%" height="800px"></iframe>
                                                                                @else
                                                                                    <div class="text-danger">Todavía no se ha cargado ningún archivo </div>
                                                                                    <iframe src="{{ asset('storage/instructores/sin_documento.pdf') }}" width="100%" height="800px"></iframe>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="text-danger" id="message_constancia"></div>
                                                            </div>
                                                            <!-- ----------------------------------------------------------------------------------------------------- -->
                                                            <div class="col-lg-6 mb-3 col-md-6">
                                                                <label class="form-label">Subir CURP</label>
                                                                <input class="form-control" type="file" name="file_curp" id="filecurp" accept="application/pdf" data-existing-file="{{ $instructor->ins_file_curp ? 'true' : 'false' }}">
                                                                <input type="hidden" name="{{ $instructor->ins_file_curp }}" id="archivo_curp">
                                                                <div class="accordion-item mt-2" id="div_filecurp">
                                                                    <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="#acc_filecurp">
                                                                            <span class="accordion-header-text">Ver CURP</span>
                                                                        </button>
                                                                    </h2>
                                                                    <div id="acc_filecurp" class="accordion-collapse collapse" aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                                                        <div class="accordion-body">
                                                                            <div id="preview_filecurp" class="mt-3">
                                                                                @if ($instructor->ins_file_curp)
                                                                                    <a class="ver-pdf" data-src="{{ $instructor->ins_file_curp }}" data-bs-toggle="modal" data-bs-target="#modalArchivo" href="#">Ampliar</a>
                                                                                    <iframe src="{{ url($instructor->ins_file_curp) }}" width="100%" height="800px"></iframe>
                                                                                @else
                                                                                    <div class="text-danger">Todavía no se ha cargado ningún archivo </div>
                                                                                    <iframe src="{{ asset('storage/instructores/sin_documento.pdf') }}" width="100%" height="800px"></iframe>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="text-danger" id="message_filecurp"></div>
                                                            </div>
                                                            <!-- ----------------------------------------------------------------------------------------------------- -->
                                                            <div class="col-lg-6 mb-3 col-md-6">
                                                                <label class="form-label">Subir Comprobante de Domicilio</label>
                                                                <input class="form-control" type="file" name="file_domicilio" id="filedomicilio" accept="application/pdf" data-existing-file="{{ $instructor->ins_file_domicilio ? 'true' : 'false' }}">
                                                                <input type="hidden" name="{{ $instructor->ins_file_domicilio }}" id="archivo_domicilio">
                                                                <div class="accordion-item mt-2" id="div_filedomicilio">
                                                                    <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="#acc_filedomicilio">
                                                                            <span class="accordion-header-text">Ver Comprobante de Domicilio</span>
                                                                        </button>
                                                                    </h2>
                                                                    <div id="acc_filedomicilio" class="accordion-collapse collapse" aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                                                        <div class="accordion-body">
                                                                            <div id="preview_filedomicilio" class="mt-3">
                                                                                @if ($instructor->ins_file_domicilio)
                                                                                    <a class="ver-pdf" data-src="{{ $instructor->ins_file_domicilio }}" data-bs-toggle="modal" data-bs-target="#modalArchivo" href="#">Ampliar</a>
                                                                                    <iframe src="{{ url($instructor->ins_file_domicilio) }}" width="100%" height="800px"></iframe>
                                                                                @else
                                                                                    <div class="text-danger">Todavía no se ha cargado ningún archivo </div>
                                                                                    <iframe src="{{ asset('storage/instructores/sin_documento.pdf') }}" width="100%" height="800px"></iframe>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="text-danger" id="message_filedomicilio"></div>
                                                            </div>
                                                             <!-- ------------------------------------------------------------------------------------------------------->
                                                            
                                                             <!-- ------------------------------------------------------------------------------------------------------->
                                                            <div class="col-lg-6 mb-3 col-md-6 mb-0">
                                                                <label class="form-label"
                                                                    for="file_curriculum">Subir Curriculum</label>
                                                                <input class="form-control" type="file"
                                                                    name="file_curriculum" id="curriculum"
                                                                    accept="application/pdf"
                                                                    data-existing-file="{{ $instructor->ins_file_curriculum ? 'true' : 'false' }}">
                                                                <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="#acc_curriculum">
                                                                            <span class="accordion-header-text">Ver
                                                                                Curriculum</span>
                                                                        </button>
                                                                    </h2>
                                                                    <div id="acc_curriculum"
                                                                        class="accordion-collapse collapse"
                                                                        aria-labelledby="headingOne6"
                                                                        data-bs-parent="#accordion-six">
                                                                        <div class="accordion-body">
                                                                            <div id="preview_curriculum" class="mb-0">
                                                                                @if ($instructor->ins_file_curriculum)
                                                                                    <a class="ver-pdf"
                                                                                        data-src="{{ $instructor->ins_file_curriculum }}"
                                                                                        data-bs-toggle="modal"
                                                                                        data-bs-target="#modalArchivo"
                                                                                        href="#">Ampliar</a>
                                                                                    <iframe
                                                                                        src="{{ url($instructor->ins_file_curriculum) }}"
                                                                                        width="100%"
                                                                                        height="800px"></iframe>
                                                                                @else
                                                                                    <div class="text-danger">Todavía no se
                                                                                        ha cargado
                                                                                        ningún archivo
                                                                                    </div>
                                                                                    <iframe
                                                                                        src="{{ asset('storage/instructores/sin_documento.pdf') }}"
                                                                                        width="100%" height="800px">
                                                                                    </iframe>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="text-danger" id="message_curriculum"></div>
                                                            </div>
                                                             <!-- ------------------------------------------------------------------------------------------------------->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ---------------------------------------------------------------------------------- -->

                                            <!-- DATOS BANCARIOS -->
                                            <div class="accordion accordion-with-icon accordion-primary mb-0" id="accordion-observaciones">
                                                <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_datos_bancarios">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Datos Bancarios</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_datos_bancarios" class="accordion-collapse collapse show" aria-labelledby="headingOne6" data-bs-parent="#accordion-observaciones">
                                                        <!-- BODY DATOS BANCARIOS -->

                                                        <p></p>
                                                        <div class="col-lg-6 mb-3 col-md-6">
                                                            <label class="form-label" for="file_estado_cuenta">Subir Estado de Cuenta </label>
                                                            <input class="form-control" type="file" name="file_estado_cuenta" id="acta"
                                                                accept="application/pdf" data-existing-file="{{ $instructor->ins_file_estado_cuenta ? 'true' : 'false' }}">
                                                            <div class="accordion-item mt-2" id="div_acta">
                                                                <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="#acc_estado_cuenta">
                                                                        <span class="accordion-header-text">Ver Estado de Cuenta</span>
                                                                    </button>
                                                                </h2>
                                                                <div id="acc_estado_cuenta" class="accordion-collapse collapse"
                                                                    aria-labelledby="headingOne6" data-bs-parent="#accordion-six">
                                                                    <div class="accordion-body">
                                                                        <div id="preview_acta" class="mt-3">
                                                                            @if ($instructor->ins_file_estado_cuenta)
                                                                                <a class="ver-pdf" data-src="{{ $instructor->ins_file_estado_cuenta }}"
                                                                                    data-bs-toggle="modal" data-bs-target="#modalArchivo" href="#">Ampliar</a>
                                                                                <iframe src="{{ url($instructor->ins_file_estado_cuenta) }}" width="100%" height="800px"></iframe>
                                                                            @else
                                                                                <div class="text-danger">Todavía no se ha cargado ningún archivo </div>
                                                                                <iframe src="{{ asset('storage/instructores/sin_documento.pdf') }}" width="100%" height="800px"></iframe>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="text-danger" id="message_acta"></div>
                                                        </div>

                                                        <div class="accordion-body row">

                                                            <div class="col-lg-4 mb-4 col-md-4">
                                                                <label class="form-label" for="nombre_banco">Nombre de Banco</label>
                                                                <input type="text" name="nombre_banco" class="form-control" value="{{ $instructor->ins_nombre_banco }}" placeholder="" id="nombre_banco" maxlength="100">
                                                                @error('nombre_banco')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_nombre_banco"></div>
                                                            </div>

                                                            <div class="col-lg-4 mb-4 col-md-4">
                                                                <label class="form-label" for="cuenta_banco">Núm. de Cuenta</label>
                                                                <input type="text" name="cuenta_banco" class="form-control" value="{{ $instructor->ins_cuenta_banco }}" placeholder="" id="cuenta_banco"
                                                                    maxlength="18" inputmode="numeric"
                                                                    oninput="this.value = this.value.replace(/[^0-9]/g,'').slice(0,18)">
                                                                @error('cuenta_banco')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_cuenta_banco"></div>
                                                            </div>

                                                            <div class="col-lg-4 mb-4 col-md-4">
                                                                <label class="form-label" for="clabe_banco">Cuenta CLABE</label>
                                                                <input type="text" name="clabe_banco" class="form-control" value="{{ $instructor->ins_clabe_banco }}" placeholder="" id="clabe_banco"
                                                                    maxlength="18" inputmode="numeric"
                                                                    oninput="this.value = this.value.replace(/[^0-9]/g,'').slice(0,18)">
                                                                @error('clabe_banco')
                                                                    <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_clabe_banco"></div>
                                                            </div>

                                                        </div>
                                                        <!-- FIN BODY DATOS BANCARIOS -->
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- FIN DATOS BANCARIOS -->

                                            <!------------------------ ASIGNAR ESPECIALIDADES PSC --------------------------------->
                                            <div class="accordion accordion-with-icon accordion-primary mb-0"
                                                id="accordion-observaciones">
                                                <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_especialidades">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Asignar
                                                                Especialidades</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_especialidades" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-observaciones">
                                                        <!-- BODY DEL ACORDEN ESPECIALIDADES -->
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-12 mb-3 col-md-6">
                                                                <label class="form-label"
                                                                    for="especialidades">Especialidades</label>
                                                                <select class="multi-select-placeholder"
                                                                    name="especialidades[]" id="especialidades" multiple>
                                                                    @foreach ($especialidades as $especialidad)
                                                                        <option value="{{ $especialidad->esp_id }}">
                                                                            {{ $especialidad->esp_nombre }} | {{ $especialidad->esp_clave }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                <input type="hidden" name="id_especialidades"
                                                                    value="{{ !empty($especialidadesSeleccionadas) ? implode(',', $especialidadesSeleccionadas) : collect([
                                                                        $instructor->ins_id_cfp1,
                                                                        $instructor->ins_id_cfp2,
                                                                        $instructor->ins_id_cfp3,
                                                                        $instructor->ins_id_cfp4,
                                                                        $instructor->ins_id_cfp5,
                                                                    ])->filter()->implode(',') }}"
                                                                    id="id_especialidades"
                                                                    data-selected-json='@json($especialidadesSeleccionadas ?? [])'>

                                                                <!--
                                                                <small class="form-text text-muted">Nota: Las especialidades preseleccionadas provienen de la tabla <code>instructores_especialidades</code> y, si aplican, de los campos <code>ins_id_cfp1..ins_id_cfp5</code>. Máximo 5.</small>
                                                                -->

                                                                @error('especialidad')
                                                                    <div class="text-danger" i>{{ $message }}</div>
                                                                @enderror
                                                                <div class="text-danger" id="message_especialidades">
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-5 mb-3 col-md-5">

                                                                    <label class="form-label" for="alineaciones">¿Es
                                                                        Alineador? </label>
                                                                    <select class="multi-select-placeholder"
                                                                        name="alineaciones[]" id="alineador" multiple>
                                                                        @foreach ($certificaciones as $certificacion)
                                                                            <option
                                                                                value="{{ $certificacion->cur_clave }}">
                                                                                {{ $certificacion->cur_clave }} </option>
                                                                        @endforeach
                                                                    </select>
                                                                    @error('especialidad5')
                                                                        <div class="text-danger">{{ $message }}</div>
                                                                    @enderror
                                                                    <input type="hidden"
                                                                        value="{{ implode(',', $alineaciones) }}"
                                                                        id="listadoAlineaciones">
                                                                </div>
                                                                <div class="col-lg-5 mb-3 col-md-5">
                                                                    <label class="form-label" for="evaluador">¿Es
                                                                        Evaluador? </label>
                                                                    <select class="multi-select-placeholder" name="evaluaciones[]" id="evaluador" multiple {{ !in_array(Auth::user()->usu_perfil_id, [1, 24]) ? 'disabled' : '' }}>
                                                                        @foreach ($certificaciones as $certificacion)
                                                                            <option
                                                                                value="{{ $certificacion->cur_clave }}">
                                                                                {{ $certificacion->cur_clave }} </option>
                                                                        @endforeach
                                                                    </select>
                                                                    <input type="hidden"
                                                                        value="{{ implode(',', $evaluaciones) }}"
                                                                        id="listadoEvaluaciones">
                                                                    @error('especialidad5')
                                                                        <div class="text-danger">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                                <div class="col-lg-2 mb-3 col-md-2">
                                                                    <label class="form-label" for="roco">¿Es Instructor ROCO? </label>
                                                                    <select class="form-control" name="roco" id="roco">
                                                                        <option value="1" {{ $instructor->ins_roco == 1 ? 'selected' : '' }}>SI</option>
                                                                        <option value="0" {{ $instructor->ins_roco == 0 ? 'selected' : '' }}>NO</option>
                                                                    </select>
                                                                    @error('roco')
                                                                    	<div class="text-danger">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!------------------------ OBSERVACIONES PSC --------------------------------->
                                            <div class="accordion accordion-with-icon accordion-primary mb-0"
                                                id="accordion-observaciones">
                                                <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_observaciones">
                                                            <span class="fa fa-edit"></span>
                                                            <span class="accordion-header-text">Observaciones
                                                                (Quedar&aacute; grabado en el hist&oacute;rico del
                                                                Instructor)</span>
                                                        </button>
                                                    </h2>
                                                    <div id="acc_observaciones" class="accordion-collapse collapse show"
                                                        aria-labelledby="headingOne6"
                                                        data-bs-parent="#accordion-observaciones">
                                                        <!-- BODY DEL ACORDEN OBSERVACIONES -->
                                                        <div class="accordion-body row">
                                                            <div class="col-lg-12 mb-3">
                                                                <label class="form-label">
                                                                    <strong><i class="fas fa-history"></i> Historial de Observaciones del Instructor</strong>
                                                                </label>
                                                                <textarea class="form-control" rows="8" id="comment" 
                                                                    readonly style="background-color: #f8f9fa; font-family: monospace; font-size: 13px;">{{ $instructor->ins_estatus_observacion ?? 'Sin observaciones registradas.' }}</textarea>
                                                                <small class="text-muted">
                                                                    <i class="fas fa-info-circle"></i> 
                                                                    Este campo muestra el historial completo de observaciones. Las más recientes aparecen primero.
                                                                </small>
                                                            </div>

                                                            @if(isset($esBorrador) && $esBorrador || isset($rechazado) && $rechazado)
                                                                {{-- CAMPO PARA AGREGAR NUEVA OBSERVACIÓN --}}
                                                                <div class="col-lg-12 mb-3">
                                                                    <label class="form-label">
                                                                        <strong><i class="fas fa-comment-medical"></i> Agregar Nueva Observación</strong>
                                                                    </label>
                                                                    <textarea class="form-control" rows="4" name="nueva_observacion_instructor" id="nueva_observacion_instructor" 
                                                                        placeholder="Escriba aquí sus observaciones o comentarios (mínimo 10 caracteres)..."></textarea>
                                                                    <small class="text-muted">
                                                                        <i class="fas fa-info-circle"></i> 
                                                                        Esta observación se agregará al historial con fecha, hora y su nombre.
                                                                    </small>
                                                                    <div id="error_nueva_observacion" class="text-danger mt-2" style="display: none;">
                                                                        <i class="fas fa-exclamation-circle"></i> La observación debe tener al menos 10 caracteres
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            @puede('Instructores', 'permitir_cambio_unidad_instructor')
                                                @if ($instructor->ins_estatus_validado != 0)
                                                <!---------- REASIGNAR PSC (INSTRUCTOR) A OTRA UNIDAD --------------->
                                                <div class="accordion accordion-with-icon accordion-primary mb-0" id="accordion-asignacion">
                                                    <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_asignacion">
                                                                <span class="fa fa-edit"></span>
                                                                <span class="accordion-header-text">Asignaci&oacute;n de Unidad</span>
                                                            </button>
                                                        </h2>
                                                        <div id="acc_asignacion" class="accordion-collapse hide collapse" aria-labelledby="headingOne6"
                                                            data-bs-parent="#accordion-asignacion">
                                                            <!-- BODY DEL ACORDEÓN ASIGNACIÓN DE UNIDAD -->
                                                            <div class="accordion-body row">

                                                                <div class="row">

                                                                    <div class="col-lg-12 mb-3 col-md-12">
                                                                        <label class="form-label">
                                                                            <strong>Instructor asignado a la Unidad <span id="unidadActualNombre">{{ $unidadActual->uni_nombre_corto ?? $instructor->ins_id_unidad }}</span></strong>
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-10 mb-3 col-md-10" style="display: flex;align-items: anchor-center;">
                                                                        <div>Para cambiar la asignaci&oacute;n, seleccione otra unidad:&nbsp;&nbsp;</div>
                                                                        <div>
                                                                            <select class="form-control" id="selectReasignarUnidad" name="unidad" style="height: 32px; padding: 2px 6px;">
                                                                                <option value=''>Seleccione:</option>
                                                                                @foreach ($unidades as $uni)
                                                                                    @if(trim($uni->uni_nombre_corto ?? '') !== '')
                                                                                    <option value="{{ $uni->uni_identificador }}"
                                                                                        {{ (string) $instructor->ins_id_unidad == (string) $uni->uni_identificador ? 'selected' : '' }}>
                                                                                        {{ $uni->uni_nombre_corto }}
                                                                                    </option>
                                                                                    @endif
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                        <div>&nbsp;&nbsp;&nbsp;</div>
                                                                        <div>
                                                                            <button type="button" class="btn btn-primary" id="btnReasignarUnidad"
                                                                                data-ins-id="{{ $instructor->ins_id }}"
                                                                                data-unidad-original="{{ $instructor->ins_id_unidad }}"
                                                                                disabled>
                                                                                <i class="la la-save"></i> Guardar Asignación
                                                                            </button>
                                                                            <span id="msgReasignarUnidad" class="ms-2"></span>
                                                                        </div>
                                                                    </div>

                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <br>
                                                @endif
                                            @endpuede


                                            {{-- SECCIÓN DE BOTONES DE GUARDAR --}}
                                            @if(isset($aceptado) && $aceptado)
                                                {{-- ESTADO 3: ACEPTADO - PERMITIR CAMBIOS SOLO A PERFILES 1 Y 9 --}}
                                                @php
                                                    $perfilUsuario = Auth::user()->usu_perfil_id ?? null;
                                                    $perfilesPermitidos = [1, 9, 24];
                                                    $puedeEditar = in_array($perfilUsuario, $perfilesPermitidos);
                                                @endphp
                                                
                                                <div class="col-lg-12 mb-3">
                                                    @if($puedeEditar)
                                                        <div class="alert alert-success alert-dismissible fade show" role="alert" style="color: black;">
                                                            <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="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
                                                                <polyline points="22 4 12 14.01 9 11.01"></polyline>
                                                            </svg>
                                                            <strong>Instructor Aceptado</strong>
                                                            <p class="mb-0">El instructor ha sido aceptado y autorizado. Puede actualizar campos editables si es necesario.</p>
                                                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"></button>
                                                        </div>
                                                    @else
                                                        <div class="alert alert-info alert-dismissible fade show" role="alert" style="color: black;">
                                                            <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">
                                                                <circle cx="12" cy="12" r="10"></circle>
                                                                <line x1="12" y1="16" x2="12" y2="12"></line>
                                                                <line x1="12" y1="8" x2="12.01" y2="8"></line>
                                                            </svg>
                                                            <strong>Instructor Aceptado</strong>
                                                            <p class="mb-0">El instructor ha sido aceptado y autorizado. Los campos del formulario no pueden ser modificados en este estatus.</p>
                                                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"></button>
                                                        </div>
                                                    @endif
                                                </div>

                                                {{-- BOTÓN PARA ACTUALIZAR SOLO CAMPOS MODIFICADOS (SOLO PERFILES 1 Y 9) --}}
                                                @if($puedeEditar)
                                                    @puede('Instructores', 'hacer_cambios_instructor')
                                                        <div class="col-lg-12 mb-3" style="justify-content: space-between;display: flex;">

                                                            <div class='col-xl-5 col-md-5 d-grid'>
                                                                <button type="button" id="id_btnRechazarInstructor" name="btnRechazar" value="1" 
                                                                    data-bs-toggle="modal" data-bs-target="#rechazar"
                                                                    class="btn btn-danger waves-effect waves-light">
                                                                    <i class="fa-regular fa-rectangle-xmark"></i>&nbsp;&nbsp; Rechazar Instructor
                                                                </button>
                                                            </div>

                                                            <div class='col-xl-5 col-md-5 d-grid'>
                                                                <button type="button" id="id_btnGuardarInstructor" name="btnGuardar" value="1" 
                                                                    class="btn btn-success waves-effect waves-light">
                                                                    <i class="fa-regular fa-floppy-disk"></i>&nbsp;&nbsp; Actualizar Información
                                                                </button>
                                                            </div>
                                                            
                                                        </div>
                                                    @endpuede
                                                @endif

                                            @elseif(isset($rechazado) && $rechazado)
                                                {{-- ESTADO 2: RECHAZADO - PERMITIR CORRECCIONES --}}
                                                <div class="col-lg-12 mb-3">
                                                    <div class="alert alert-danger alert-dismissible fade show" role="alert" style="color: black;">
                                                        <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">
                                                            <circle cx="12" cy="12" r="10"></circle>
                                                            <line x1="15" y1="9" x2="9" y2="15"></line>
                                                            <line x1="9" y1="9" x2="15" y2="15"></line>
                                                        </svg>
                                                        <strong>Instructor Rechazado</strong>
                                                        <p class="mb-0">El instructor fue rechazado. Puede realizar correcciones y enviar nuevamente.</p>
                                                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"></button>
                                                    </div>
                                                </div>
                                                
                                                @puede('Instructores', 'hacer_cambios_instructor')
                                                <div class="col-lg-12 mb-3">
                                                    <button type="submit" class="btn btn-primary w-100"
                                                            onclick="validateForm(event)">Guardar Correcciones</button>
                                                    <input type="hidden" name="in_id" value="{{ $instructor->ins_id }}">
                                                    <input type="hidden" name="ins_num_exp" value="{{ $instructor->ins_num_exp }}">
                                                    <input type="hidden" name="accion_formulario" id="accion_formulario" value="">
                                                </div>
                                                @endpuede
                                                
                                                {{-- BOTÓN PARA AUTORIZAR DESPUÉS DE CORRECCIONES --}}
                                                @puede('Instructores', 'autorizar_instructor')
                                                <div class="col-lg-12 mb-3 mt-3">
                                                    <button type="button" class="btn btn-success w-100" 
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#autorizar">
                                                        <i class="fas fa-check-circle"></i> Autorizar Instructor Corregido
                                                    </button>
                                                </div>
                                                @endpuede

                                            @elseif(isset($enRevision) && $enRevision)
                                                {{-- ESTADO 1: EN REVISIÓN - MOSTRAR BOTONES DE ADMINISTRACIÓN --}}
                                                <div class="col-lg-12 mb-3">
                                                    <div class="alert alert-warning alert-dismissible fade show" role="alert" style="color: black;">
                                                        <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">
                                                            <circle cx="12" cy="12" r="10"></circle>
                                                            <line x1="12" y1="8" x2="12" y2="12"></line>
                                                            <line x1="12" y1="16" x2="12.01" y2="16"></line>
                                                        </svg>
                                                        <strong>⏳ En Revisión</strong>
                                                        <p class="mb-0">El instructor está en proceso de revisión administrativa.</p>
                                                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"></button>
                                                    </div>
                                                </div>

                                               @if (Auth::user()->usu_perfil_id == 24)
                                                    <div class="col-lg-12 mb-3">
                                                        <button type="submit" class="btn btn-primary w-100"
                                                                onclick="validateForm(event)">Guardar Correcciones</button>
                                                        <input type="hidden" name="in_id" value="{{ $instructor->ins_id }}">
                                                        <input type="hidden" name="ins_num_exp" value="{{ $instructor->ins_num_exp }}">
                                                        <input type="hidden" name="accion_formulario" id="accion_formulario" value="">
                                                    </div>
                                                @endif

                                                {{-- BOTONES DE ADMINISTRACIÓN --}}
                                                @puede('Instructores', 'rechazar_instructor')
                                                <div class="col-lg-6 mb-3">
                                                    <button type="button" class="btn btn-danger w-100" 
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#rechazar">
                                                        <i class="fas fa-times-circle"></i> Rechazar
                                                    </button>
                                                </div>
                                                @endpuede
                                                
                                                @puede('Instructores', 'autorizar_instructor')
                                                <div class="col-lg-6 mb-3">
                                                    <button type="button" class="btn btn-success w-100" 
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#autorizar">
                                                        <i class="fas fa-check-circle"></i> Autorizar
                                                    </button>
                                                </div>
                                                @endpuede

                                            @else
                                                {{-- ESTADO 0: BORRADOR - MOSTRAR BOTONES DE GUARDAR --}}
                                                <div class="col-lg-12 mb-3">
                                                    <div class="alert alert-secondary alert-dismissible fade show" role="alert">
                                                        <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="M12 20h9"></path>
                                                            <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
                                                        </svg>
                                                        <strong>📝 Borrador</strong>
                                                        <p class="mb-0">Complete todos los campos requeridos y guarde para enviar a revisión.</p>
                                                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"></button>
                                                    </div>
                                                </div>

                                                @if(isset($perteneceALaMismaUnidad) && $perteneceALaMismaUnidad)
                                                    @puede('Instructores', 'hacer_cambios_instructor')
                                                    <div class="col-lg-6 mb-3">
                                                        <button type="button" class="btn btn-light w-100" id="btn_borrador"
                                                            onclick="validateBorrador(event)">Guardar borrador</button>
                                                    </div>
                                                    @endpuede
                                                    
                                                    @puede('Instructores', 'hacer_cambios_instructor')
                                                    <div class="col-lg-6 mb-3">
                                                        <button type="submit" class="btn btn-primary w-100"
                                                                onclick="validateForm(event)">Guardar</button>
                                                        <input type="hidden" name="in_id" value="{{ $instructor->ins_id }}">
                                                        <input type="hidden" name="ins_num_exp" value="{{ $instructor->ins_num_exp }}">
                                                        <input type="hidden" name="accion_formulario" id="accion_formulario" value="">
                                                    </div>
                                                    @endpuede
                                                @endif

                                            @endif
                                            
                                        </div>

                                        <!-- Modal Guardar Borrador  -->
                                        <div class="modal fade" id="borrador" aria-modal="true" role="dialog">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-primary">
                                                        <h5 class="modal-title text-white">Confirmar Borrador</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                        </button>
                                                    </div>
                                                    <div class="modal-body text-center">
                                                        <p>¿Guardar este formulario como borrador?</p>
                                                        <p>Podrás continuar con el registro más tarde.</p>
                                                    </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">Guardar</button>
                                                        <input type="hidden" name="in_id" value="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" name="in_id" value="{{ $instructor->ins_id }}">
                                </form>
                                
                                @endif
                            </div>
                            
                            <!-- MODAL RECHAZAR PSC -->
                            <div class="modal fade" id="rechazar" aria-modal="true" role="dialog">
                                <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header bg-danger">
                                            <h5 class="modal-title text-white">Confirmar Rechazo</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                        </div>
                                        <div class="modal-body">
                                            <p class="text-center">
                                                <strong>Instructor:</strong><br>
                                                {{ $instructor->ins_nombre . ' ' . $instructor->ins_ape_pat . ' ' . $instructor->ins_ape_mat }}
                                            </p>
                                            <hr>
                                            
                                            {{-- CAMPO DE OBSERVACIONES DENTRO DEL MODAL --}}
                                            <div class="mb-3">
                                                <label class="form-label text-danger">
                                                    <strong>* Motivo del Rechazo (Requerido):</strong>
                                                </label>
                                                <textarea class="form-control" rows="4" id="observacion_modal" 
                                                        placeholder="Describa el motivo del rechazo (mínimo 5 caracteres)..."></textarea>
                                                <small class="text-muted">
                                                    <i class="fas fa-info-circle"></i> 
                                                    Esta observación se agregará al historial con fecha y hora. 
                                                    El instructor podrá ver todas las observaciones acumuladas.
                                                </small>
                                                <div class="text-danger mt-2" id="error_observacion_modal" style="display: none;">
                                                    <i class="fas fa-exclamation-circle"></i> Debe ingresar el motivo del rechazo (mínimo 5 caracteres)
                                                </div>
                                            </div>
                                        </div>
                                        <form action="{{ route('rechazar') }}" method="post" id="form_rechazar">
                                            @csrf
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                                                    <i class="fas fa-times"></i> Cancelar
                                                </button>
                                                <button type="button" class="btn btn-danger" id="btn_confirmar_rechazo">
                                                    <i class="fas fa-times-circle"></i> Rechazar Instructor
                                                </button>
                                                <input type="hidden" name="in_id" value="{{ $instructor->ins_id }}">
                                                <input type="hidden" name="observacion" id="observacion_hidden" value="">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <!-- MODAL AUTORIZAR PSC -->
                            <div class="modal fade" id="autorizar" aria-modal="true" role="dialog">
                                <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header alert-success">
                                            <h5 class="modal-title">Confirmar Autorizaci&oacute;n</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal">
                                            </button>
                                        </div>
                                        <div class="modal-body text-center">
                                            <p>A:
                                                {{ $instructor->ins_nombre . ' ' . $instructor->ins_ape_pat . ' ' . $instructor->ins_ape_mat }}
                                            </p>

                                        </div>
                                        <form action="{{ route('autorizar') }}" method="post">
                                            @csrf
                                            <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">Autorizar</button>
                                                <input type="hidden" name="in_id" value="{{ $instructor->ins_id }}">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <!-- MODAL CONFIRMAR ACTUALIZACIÓN DE CAMPOS MODIFICADOS -->
                            <div class="modal fade" id="modalConfirmarActualizacion" tabindex="-1" aria-labelledby="modalConfirmarLabel"
                                aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header bg-primary">
                                            <h5 class="modal-title text-white" id="modalConfirmarLabel">
                                                <i class="fas fa-edit"></i> Confirmar Actualización
                                            </h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="alert alert-info">
                                                <i class="fas fa-info-circle"></i>
                                                <strong>Se actualizarán los siguientes campos:</strong>
                                            </div>
                                            
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-hover">
                                                    <thead class="table-light">
                                                        <tr>
                                                            <th width="30%">Campo</th>
                                                            <th width="35%">Valor Anterior</th>
                                                            <th width="35%">Valor Nuevo</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="listaCambios">
                                                        <!-- Se llenará dinámicamente con JavaScript -->
                                                    </tbody>
                                                </table>
                                            </div>
                                            
                                            <div class="alert alert-warning mt-3">
                                                <i class="fas fa-exclamation-triangle"></i>
                                                <strong>Importante:</strong> Los cambios se aplicarán inmediatamente al confirmar.
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                                                <i class="fas fa-times"></i> Cancelar
                                            </button>
                                            <button type="button" class="btn btn-primary" id="btnConfirmarActualizacion">
                                                <i class="fas fa-check"></i> Confirmar Actualización
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- MODAL PARA VER ARCHIVOS PDF -->
                            <div class="modal fade" id="modalArchivo" tabindex="-1" aria-labelledby="modalArchivoLabel"
                                aria-hidden="true">
                                <div class="modal-dialog modal-xl">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="modalArchivoLabel">Archivo PDF</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Cerrar"></button>
                                        </div>
                                        <div class="modal-body">
                                            <iframe id="visorPDF" src="" width="100%" height="800px"
                                                frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- MODAL CONFIRMACIÓN REASIGNAR UNIDAD -->
                            <div class="modal fade" id="modal_confirmar_reasignar" tabindex="-1" aria-labelledby="modalReasignarLabel" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="modalReasignarLabel"><i class="la la-exchange-alt"></i> Confirmar Reasignación</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                                        </div>
                                        <div class="modal-body text-center">
                                            <p>¿Está seguro de que desea reasignar al instructor <strong>{{ $instructor->ins_ape_pat . " " . $instructor->ins_ape_mat . " " . $instructor->ins_nombre }}</strong> a la Unidad <strong id="modalNombreUnidad"></strong>?</p>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                                            <button type="button" class="btn btn-primary" id="btnConfirmarReasignar">
                                                <i class="la la-save"></i> Confirmar
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- MODAL AVISOS SISTEMA -->
                            <div class="modal" id="modal_avisos_sistema" tabindex="-1">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Aviso</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                                    </div>
                                    <div class="modal-body">
                                        <p></p>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-icatep-rojo1" data-bs-dismiss="modal">Cerrar</button>
                                    </div>
                                    </div>
                                </div>
                            </div>


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

        </div>
    </div>
@endsection

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

        function mostrarModal(titulo, mensaje) {
            // Cambiar título
            document.querySelector('#modal_avisos_sistema .modal-title').textContent = titulo;
            // Cambiar cuerpo
            document.querySelector('#modal_avisos_sistema .modal-body p').textContent = mensaje;

            // Mostrar modal
            var modal = new bootstrap.Modal(document.getElementById('modal_avisos_sistema'));
            modal.show();
        }

        function showhide(id) {
            // Ocultar todos los campos primero
            if (id < 9) {
                for (var i = 7; i <= 16; i++) {
                    $('#d' + i).hide();
                }
                $('#selLicIng').hide();
                $('#inputLicIng').hide();
                $('#d14').hide();
                $('#d15').hide();
            }
            // data-id = 5: CARRERA TECNICA INCOMPLETA
            if (id == 5) {
                $('#d7').show();
                const input = document.getElementById('carreraTecnicaTrunca');
                if (input) {
                    input.value = input.getAttribute('value') || ''; // Esto sincroniza el valor visual
                }
                
            }
            // data-id = 6: CARRERA TECNICA COMPLETA
            if (id == 6) {
                $('#d8').show();
                const input = document.getElementById('carreraTecnica');
                input.value = input.getAttribute('value'); // Esto sincroniza el valor visual
            }
            // data-id = 9: LICENCIATURA INCOMPLETA
            if (id == 9) {
                $('#d10').show();
                $('#selLicIng').hide();
                $('#inputLicIng').hide();
                $('#d7').hide();
                $('#d8').hide();
                $('#d9').hide();
                $('#d14').hide();
                $('#d15').hide();
                const input = document.getElementById('licenciaturaTrunca');
                if (input) {
                    input.value = input.getAttribute('value') || ''; // Esto sincroniza el valor visual
                }
                
            }

            // ✅ data-id = 10: LICENCIATURA COMPLETA - CON SINCRONIZACIÓN
            if (id == 10) {
                $('#selLicIng').show();
                $('#inputLicIng').show();
                $('#d7').hide();
                $('#d8').hide();
                $('#d9').hide();
                $('#d10').hide();
                $('#d14').hide();
                $('#d15').hide();

                // ✅ SINCRONIZAR TODOS LOS CAMPOS DE LICENCIATURA COMPLETA
                const camposLicenciatura = [
                    { id: 'licing', tipo: 'select' },
                    { id: 'licingOtra', tipo: 'select' },
                    { id: 'inputLI', tipo: 'input' },
                    { id: 'inputLIOtra', tipo: 'input' }
                ];
                
                camposLicenciatura.forEach(campo => {
                    const elemento = document.getElementById(campo.id);
                    if (elemento) {
                        const valorGuardado = elemento.getAttribute('value');
                        if (valorGuardado) {
                            elemento.value = valorGuardado;
                            // Si es un select, forzar cambio visual
                            if (campo.tipo === 'select') {
                                $(elemento).trigger('change');
                            }
                        }
                    }
                });
            }

            // ✅ data-id = 11: POSGRADO - CON SINCRONIZACIÓN COMPLETA
            if (id == 11) {
                $('#d7').hide();
                $('#d8').hide();
                $('#d9').hide();
                $('#d10').hide();
                $('#selLicIng').show();
                $('#inputLicIng').show();
                $('#d14').show();
                $('#d15').show();

                ['licing', 'licingOtra', 'inputLI', 'inputLIOtra',
                    'maestria', 'maestriaOtra', 'doctorado'
                ].forEach(id => {
                    const el = document.getElementById(id);
                    if (el) el.value = el.getAttribute('value');
                });

            }
        }


        $(document).ready(function() {
            convertToUpperCase('#ape_paterno, #ape_materno, #nombre_psc, #calle, #colonia, #num_ext, #num_int, #cp, #folio_ine, #inputLI, #homoclave, #nombre_banco');
            
            // ✅ PASO 1: GUARDAR VALORES ORIGINALES PRIMERO (ANTES DE DESHABILITAR)
            $('input, select, textarea').each(function() {
                const $field = $(this);
                
                // Ignorar campos deshabilitados y de sistema
                if ($field.is(':disabled') || $field.attr('name') === '_token') {
                    return;
                }
                
                let originalValue = '';
                
                if ($field.is('select')) {
                    originalValue = $field.val() || '';
                } else if ($field.attr('type') === 'file') {
                    originalValue = $field.data('existing-file') === 'true' ? 'exists' : '';
                } else if ($field.attr('type') === 'checkbox') {
                    originalValue = $field.is(':checked') ? '1' : '0';
                } else {
                    originalValue = $field.val() || '';
                }
                
                // Normalizar el valor original (trim)
                if (typeof originalValue === 'string') {
                    originalValue = originalValue.trim();
                }
                
                $field.data('original-value', originalValue);
            });
            // ✅ PASO 2: DESHABILITAR CAMPOS SEGÚN ESTADO (DESPUÉS DE GUARDAR)
            
            // ✅ LÓGICA PARA ESTADO EN REVISIÓN (ins_estatus_validado = 1)
            @if(isset($enRevision) && $enRevision)
                @if(!$puedeEditarEnRevision)
                    $('input:not([type="hidden"]), select, textarea').prop('disabled', true);
                    $('input[type="file"]').prop('disabled', true);
                    $('.select2').prop('disabled', true).trigger('change');
                    $('button[type="submit"]').prop('disabled', true);
                @endif
            @endif
            
            // ✅ LÓGICA PARA ESTADO ACEPTADO (ins_estatus_validado = 3)
            @if(isset($aceptado) && $aceptado)
                @php
                    $perfilUsuario = Auth::user()->usu_perfil_id ?? null;
                    $perfilesPermitidos = [1, 9, 24];
                    $puedeEditar = in_array($perfilUsuario, $perfilesPermitidos);
                @endphp
                
                @if(!$puedeEditar)
                    // Deshabilitar TODOS los campos del formulario excepto los que ya están readonly
                    $('input:not([readonly]), select:not([readonly]), textarea:not([readonly])').each(function() {
                        if ($(this).attr('name') !== '_token') {
                            $(this).prop('disabled', true);
                            $(this).css({
                                'background-color': '#e9ecef',
                                'cursor': 'not-allowed',
                                'opacity': '0.6'
                            });
                        }
                    });
                    
                    $('#especialidades, #alineador, #evaluador, #roco').prop('disabled', true).trigger('change');
                    $('input[type="file"]').prop('disabled', true).css({'cursor': 'not-allowed', 'opacity': '0.6'});
                @endif
            @endif
            
            // ✅ Configurar alerts
            setTimeout(function() {
                $("#alert-container-error").fadeOut("slow");
                $("#alert-container").fadeOut("slow");
            }, 4000);

            // ✅ Validaciones de longitud
            limitInputLength('#curp', 18);
            limitInputLength('#celular', 10);
            limitInputLength('#homoclave', 3);

            // Validación para celular - solo 10 dígitos numéricos
            $('#celular').on('input', function() {
                let value = $(this).val().replace(/[^0-9]/g, '');
                $(this).val(value.substring(0, 10));
            });

            $('#celular').on('blur', function() {
                let value = $(this).val();
                if (value.length > 0 && value.length < 10) {
                    $('#message_celular').text('El celular debe tener exactamente 10 dígitos');
                } else {
                    $('#message_celular').text('');
                }
            });

            $('#celular').on('paste', function(e) {
                e.preventDefault();
                let pastedText = (e.originalEvent.clipboardData || window.clipboardData).getData('text');
                let numericOnly = pastedText.replace(/[^0-9]/g, '').slice(0, 10);
                $(this).val(numericOnly);
            });

            // validación del curp
            $('#curp').on('input', function() {
                const curp = $(this).val().toUpperCase();
                const in_id = $('#in_id').val();

               //s $('#rfc').val(curp.substring(0, 10));
                validateCURP(curp);

                const anio = parseInt(curp.substring(4, 6), 10);
                const mes = parseInt(curp.substring(6, 8), 10) - 1;
                const dia = parseInt(curp.substring(8, 10), 10);
                const anioCompleto = anio > 30 ? 1900 + anio : 2000 + anio;
                const fechaNacimiento = new Date(anioCompleto, mes, dia);
                const hoy = new Date();
                
                const diaFormateado = fechaNacimiento.getDate().toString().padStart(2, '0');
                const mesFormateado = (fechaNacimiento.getMonth() + 1).toString().padStart(2, '0');
                const anioFormateado = fechaNacimiento.getFullYear();
                const fechaNacimientoFormateada = `${diaFormateado}/${mesFormateado}/${anioFormateado}`;
                
                let edad = hoy.getFullYear() - fechaNacimiento.getFullYear();
                const cumpleEsteAño = new Date(hoy.getFullYear(), mes, dia);
                if (hoy < cumpleEsteAño) edad--;
                curp.length >= 18 ? $('#edad').val(edad) : $('#edad').val('');
                
                $('#fecha_nacimiento').val(fechaNacimientoFormateada);

                const sexo = curp.charAt(10) === 'H' ? 'HOMBRE' : curp.charAt(10) === 'M' ? 'MUJER' : '';
                $('#sexo').val(curp.charAt(10));
                $('#sexo_completo').val(sexo);

                if (curp.length >= 13) {
                    let entidad_id = curp.slice(11, 13);

                    $.ajax({
                        url: "{{ route('entidadFederativa') }}",
                        method: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                            entidad_id: entidad_id
                        },
                        success: function(response) {
                            $('#entidad_fed').val(response.data.esmex_nombre || '');
                            $('#id_estado').val(response.data.esmex_id || '');
                        },
                        error: function(xhr) {
                            let errorMsg = 'Ocurrió un error.';
                        }
                    });
                } else {
                    $('#entidad_fed').val('');
                }
            });

            // Ejecutar lógica si hay un valor precargado en el CURP
            const curpInicial = $('#curp').val().toUpperCase();
            if (curpInicial.length === 18) {
                $('#curp').val(curpInicial).trigger('input');
            }

            // ✅ Inicializar campo entidad_fed si hay un estado seleccionado
            const estadoSeleccionado = $('#estados').val();
            if (estadoSeleccionado) {
                const nombreEstado = $('#estados option:selected').text().trim();
                $('#entidad_fed').val(nombreEstado);
                $('#id_estado').val(estadoSeleccionado);
            }

            function limitInputLength(selector, maxLength) {
                $(selector).on('input', function() {
                    let value = $(this).val();
                    $(this).val(value.substring(0, maxLength));
                });
            }

            function validateCURP(curp) {
                const regex = /^([A-Z][AEIOUX][A-Z]{2}\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])[HM](AS|BC|BS|CC|CL|CM|CS|CH|DF|DG|GT|GR|HG|JC|MC|MN|MS|NT|NL|OC|PL|QT|QR|SP|SL|SR|TC|TS|TL|VZ|YN|ZS)[B-DF-HJ-NP-TV-Z]{3}[A-Z\d]\d)$/;
                const isValid = regex.test(curp);
                const message = isValid ? 'CURP válida ' : 'CURP inválida ';

                const icon = isValid ?
                    '<i class="fas fa-check-circle me-2 text-success"></i>' :
                    '<i class="fas fa-times-circle me-2 text-danger"></i>';

                $('#message')
                    .html(message + icon)
                    .removeClass('text-danger text-primary')
                    .addClass(isValid ? 'text-primary' : 'text-danger');

                $('#message')
                    .removeClass('alert-danger alert-success')
                    .addClass(isValid ? 'alert-success' : 'alert-danger');
            }

            $('#grado_estudios').change(function() {
                var gradoes_id = $(this).val();
                var dataCustom = $(this).find(':selected').data('id');

                // Limpiar los inputs
                for (var i = 7; i <= 16; i++) {
                    $.each($('#d' + i), function() {
                        $(this).find('input').val('');
                    });
                }

                // Actualizar el valor de selectData
                $('#selectData').val(dataCustom);

                // Mostrar u ocultar elementos según dataCustom
                showhide(dataCustom);
            });
        });

        $(document).ready(function() {
            let formEnviandose = false;

            // ✅ Validar y enviar formulario de rechazo
            $('#btn_confirmar_rechazo').on('click', function(e) {
                e.preventDefault();
                // Prevenir múltiples clics
                if (formEnviandose) {
                    return false;
                }
                
                // ✅ OBTENER LA OBSERVACIÓN DEL TEXTAREA DENTRO DEL MODAL
                const observacion = $('#observacion_modal').val().trim();
                // ✅ Validar que la observación no esté vacía (mínimo 5 caracteres)
                if (observacion === '' || observacion.length < 5) {
                    // Mostrar error en el modal
                    $('#error_observacion_modal').show();
                    $('#observacion_modal').addClass('is-invalid').focus();
                    
                    return false;
                }
                // ✅ Copiar el valor al campo oculto
                $('#observacion_hidden').val(observacion);
                $('#error_observacion_modal').hide();
                $('#observacion_modal').removeClass('is-invalid');
                // ✅ Deshabilitar el botón para evitar doble clic
                formEnviandose = true;
                $(this).prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Procesando...');
                
                // ✅ Verificar que el formulario existe
                if ($('#form_rechazar').length === 0) {
                    mostrarModal('Problema en el formulario', 'Formulario no encontrado. Contacte al administrador');
                    
                    // Reactivar botón
                    $(this).prop('disabled', false).html('<i class="fas fa-times-circle"></i> Rechazar Instructor');
                    formEnviandose = false;
                    return false;
                }
                // ✅ Enviar el formulario
                try {
                    $('#form_rechazar').submit();
                } catch (error) {
                    // Reactivar botón en caso de error
                    $(this).prop('disabled', false).html('<i class="fas fa-times-circle"></i> Rechazar Instructor');
                    formEnviandose = false;
                    mostrarModal('Problema de envío', 'Existe un problema al enviar el formulario. Por favor, intente nuevamente');
                }
                
                // Timeout de seguridad
                setTimeout(function() {
                    if (formEnviandose) {
                        $('#btn_confirmar_rechazo')
                            .prop('disabled', false)
                            .html('<i class="fas fa-times-circle"></i> Rechazar Instructor');
                        formEnviandose = false;
                        mostrarModal('Problema de conexión', 'El proceso está tardando más de lo esperado. Verifique su conexión');
                    }
                }, 15000); // 15 segundos de timeout
            });
            
            // ✅ Limpiar error al escribir en el textarea del modal
            $('#observacion_modal').on('input', function() {
                if ($(this).val().trim().length >= 5) {
                    $(this).removeClass('is-invalid');
                    $('#error_observacion_modal').hide();
                }
            });
            
            // ✅ Al abrir el modal, limpiar el campo y errores
            $('#rechazar').on('show.bs.modal', function () {
                $('#observacion_modal').val('').removeClass('is-invalid');
                $('#error_observacion_modal').hide();
                
                // Resetear estado del botón si se volvió a abrir
                if (formEnviandose) {
                    $('#btn_confirmar_rechazo')
                        .prop('disabled', false)
                        .html('<i class="fas fa-times-circle"></i> Rechazar Instructor');
                    formEnviandose = false;
                }
            });
            
            // ✅ Resetear al cerrar modal
            $('#rechazar').on('hidden.bs.modal', function () {
                if (formEnviandose) {
                    $('#btn_confirmar_rechazo')
                        .prop('disabled', false)
                        .html('<i class="fas fa-times-circle"></i> Rechazar Instructor');
                    formEnviandose = false;
                }
            });
        });
        
        //
        if ($.fn.DataTable.isDataTable('#responsiveTable')) {
            $('#responsiveTable').DataTable().destroy();
        }

        $(document).on('click', '.ver-pdf', function() {
            const src = $(this).data('src');
            $('#visorPDF').attr('src', src);
        });

        $('#alineador').select2();
        $('#evaluador').select2();

        let listadoEvaluaciones = $('#listadoEvaluaciones').val();
        let evaluaciones = listadoEvaluaciones.split(',');

        let listadoAlineaciones = $('#listadoAlineaciones').val();
        let alineaciones = listadoAlineaciones.split(',');

        $('#evaluador').val(evaluaciones).trigger('change');
        $('#alineador').val(alineaciones).trigger('change');

        // Establece los valores seleccionados (filtrando vacíos y '0')
        let id_especialidades = $('#id_especialidades').val() || '';
        let especialidades = id_especialidades
            .split(',')
            .map(s => s.trim())
            .filter(s => s !== '' && s !== '0'); // eliminar vacíos y '0'

        $('#especialidades').select2({
            width: '100%',
            placeholder: "Seleccione hasta 5 especialidades",
            maximumSelectionLength: 5,
            closeOnSelect: false,
            allowClear: true
        });
        // Aplicar selección solo si hay valores válidos
        if (especialidades.length > 0) {
            $('#especialidades').val(especialidades).trigger('change');
        }

        $('#alineador').select2({
            width: '100%',
            placeholder: "Seleccione las alineaciones",
            closeOnSelect: false,
            allowClear: true
        });

        $('#evaluador').select2({
            width: '100%',
            placeholder: "Seleccione las evaluaciones",
            closeOnSelect: false,
            allowClear: true
        });

        $(document).ready(function() {
            setTimeout(function() {
                $("#alert-container-error").fadeOut("slow");
                $("#alert-container").fadeOut("slow"); // Desaparece alerta
            }, 4000); // 4 segundos


            limitInputLength('#curp', 18);
            limitInputLength('#celular', 10);
            limitInputLength('#homoclave', 3);

            // Validación para celular - solo 10 dígitos numéricos
            $('#celular').on('input', function() {
                let value = $(this).val().replace(/[^0-9]/g, '');
                $(this).val(value.substring(0, 10));
            });

            $('#celular').on('blur', function() {
                let value = $(this).val();
                if (value.length > 0 && value.length < 10) {
                    $('#message_celular').text('El celular debe tener exactamente 10 dígitos');
                } else {
                    $('#message_celular').text('');
                }
            });

            $('#celular').on('paste', function(e) {
                e.preventDefault();
                let pastedText = (e.originalEvent.clipboardData || window.clipboardData).getData('text');
                let numericOnly = pastedText.replace(/[^0-9]/g, '').slice(0, 10);
                $(this).val(numericOnly);
            });

            // validación del curp
            $('#curp').on('input', function() {
                const curp = $(this).val().toUpperCase();
                const in_id = $('#in_id').val();

                //$('#rfc').val(curp.substring(0, 10));
                validateCURP(curp);

                const anio = parseInt(curp.substring(4, 6), 10);
                const mes = parseInt(curp.substring(6, 8), 10) - 1;
                const dia = parseInt(curp.substring(8, 10), 10);
                const anioCompleto = anio > 30 ? 1900 + anio : 2000 + anio;
                const fechaNacimiento = new Date(anioCompleto, mes, dia);
                const hoy = new Date();
                //Formatear fecha de nacimiento a d/m/Y
                const diaFormateado = fechaNacimiento.getDate().toString().padStart(2, '0');
                const mesFormateado = (fechaNacimiento.getMonth() + 1).toString().padStart(2, '0');
                const anioFormateado = fechaNacimiento.getFullYear();
                const fechaNacimientoFormateada = `${diaFormateado}/${mesFormateado}/${anioFormateado}`;
                //Calcular eadad
                let edad = hoy.getFullYear() - fechaNacimiento.getFullYear();
                const cumpleEsteAño = new Date(hoy.getFullYear(), mes, dia);
                if (hoy < cumpleEsteAño) edad--;
                curp.length >= 18 ? $('#edad').val(edad) : $('#edad').val('');
                //FECHA DE NACIMIENTO
                //const picker = $('#fecha_nacimiento').pickadate('picker');
                //curp.length >= 18 ? picker.set('select', [anioCompleto, mes, dia]) : picker.clear();
                $('#fecha_nacimiento').val(fechaNacimientoFormateada);

                //SEXO
                const sexo = curp.charAt(10) === 'H' ? 'HOMBRE' : curp.charAt(10) === 'M' ? 'MUJER' :
                    '';
                $('#sexo').val(curp.charAt(10));
                $('#sexo_completo').val(sexo);

                //ENTIDAD FEDERATIVA
                if (curp.length >= 13) {
                    let entidad_id = curp.slice(11, 13);

                    $.ajax({
                        url: "{{ route('entidadFederativa') }}",
                        method: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                            entidad_id: entidad_id
                        },
                        success: function(response) {
                            $('#entidad_fed').val(response.data.esmex_nombre || '');
                            $('#id_estado').val(response.data.esmex_id || '');
                        },
                        error: function(xhr) {
                            let errorMsg = 'Ocurrió un error.';
                        }
                    });
                } else {
                    $('#entidad_fed').val('');
                }
            });

            // Ejecutar lógica si hay un valor precargado en el CURP
            const curpInicial = $('#curp').val().toUpperCase();
            if (curpInicial.length === 18) {
                $('#curp').val(curpInicial).trigger('input');
            }

            // ✅ Inicializar campo entidad_fed si hay un estado seleccionado
            const estadoSeleccionado = $('#estados').val();
            if (estadoSeleccionado) {
                const nombreEstado = $('#estados option:selected').text().trim();
                $('#entidad_fed').val(nombreEstado);
                $('#id_estado').val(estadoSeleccionado);
            }
            
            // ✅ Guardar valores originales DESPUÉS de auto-llenados (setTimeout para asegurar que se ejecute después de todos los triggers)
            setTimeout(function() {
                $('input, select, textarea').each(function() {
                    const $field = $(this);
                    
                    // Ignorar campos deshabilitados y de sistema
                    if ($field.is(':disabled') || $field.attr('name') === '_token') {
                        return;
                    }
                    
                    let originalValue = '';
                    
                    if ($field.is('select')) {
                        originalValue = $field.val() || '';
                    } else if ($field.attr('type') === 'file') {
                        originalValue = $field.data('existing-file') === 'true' ? 'exists' : '';
                    } else if ($field.attr('type') === 'checkbox') {
                        originalValue = $field.is(':checked') ? '1' : '0';
                    } else {
                        originalValue = $field.val() || '';
                    }
                    
                    // Normalizar el valor original (trim)
                    if (typeof originalValue === 'string') {
                        originalValue = originalValue.trim();
                    }
                    
                    $field.data('original-value', originalValue);
                });
                
            }, 500); // Esperar 500ms para que se completen todos los auto-llenados

            function limitInputLength(selector, maxLength) {
                $(selector).on('input', function() {
                    let value = $(this).val();
                    $(this).val(value.substring(0, maxLength));
                });
            }

            function validateCURP(curp) {
                const regex =
                    /^([A-Z][AEIOUX][A-Z]{2}\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])[HM](AS|BC|BS|CC|CL|CM|CS|CH|DF|DG|GT|GR|HG|JC|MC|MN|MS|NT|NL|OC|PL|QT|QR|SP|SL|SR|TC|TS|TL|VZ|YN|ZS)[B-DF-HJ-NP-TV-Z]{3}[A-Z\d]\d)$/;
                const isValid = regex.test(curp);
                const message = isValid ? 'CURP válida ' : 'CURP inválida ';

                const icon = isValid ?
                    '<i class="fas fa-check-circle me-2 text-success"></i>' :
                    '<i class="fas fa-times-circle me-2 text-danger"></i>';

                $('#message')
                    //.text(message)
                    .html(message + icon)
                    .removeClass('text-danger text-primary')
                    .addClass(isValid ? 'text-primary' : 'text-danger');

                $('#message')
                    .removeClass('alert-danger alert-success')
                    .addClass(isValid ? 'alert-success' : 'alert-danger');
            }

            $('#grado_estudios').change(function() {
                var gradoes_id = $(this).val();
                var dataCustom = $(this).find(':selected').data('id');

                // Limpiar los inputs
                for (var i = 7; i <= 16; i++) {
                    $.each($('#d' + i), function() {
                        $(this).find('input').val('');
                    });
                }

                // Actualizar el valor de selectData
                $('#selectData').val(dataCustom);

                // Mostrar u ocultar elementos según dataCustom
                showhide(dataCustom);
            });

        });

        //LISTADO MUNICIPIOS POR ESTADO


            const $estadoSelect = $('#estados');
            $('#id_estado').val($estadoSelect.val() || '');
            $('#entidad').text($estadoSelect.find(':selected').data('clave') || '');

            $estadoSelect.on('change', function () {
                const selected = $(this).find(':selected');
                $('#id_estado').val(selected.val() || '');
                $('#entidad').text(selected.data('clave') || '');

                //var id = $('select[name="estado"] option:selected').val();
                //$('#lista_municipios').empty();

                $.ajax({
                    url: "{{ route('listadoMunicipios') }}", // Ruta para obtener los municipios
                    method: 'POST',
                    data: {
                        //id_estado: id,
                        id_estado: selected.val() || '',
                        _token: '{{ csrf_token() }}' // Agregar el token CSRF para seguridad
                    },
                    success: function(response) {
                        // Limpiar el select de municipios antes de agregar nuevos options
                        $('#lista_municipios').empty();

                        // Agregar opción por defecto
                        $('#lista_municipios').append('<option value="">Seleccione municipio</option>');
                        
                        // Recorrer los datos recibidos y crear los options
                        if (response.data && response.data.length > 0) {
                            $.each(response.data, function(index, municipio) {
                                var optionValue = municipio.mu_clave + '-' + municipio.mu_nombre;
                                var optionText = municipio.mu_nombre;
                                $('#lista_municipios').append('<option value="' + optionValue + '">' + optionText + '</option>');
                            });
                        }
                        
                        // Forzar actualización del select
                        $('#lista_municipios').trigger('change');
                        
                        // Si usa Select2, refrescarlo
                        if (typeof $.fn.select2 !== 'undefined' && $('#lista_municipios').data('select2')) {
                            $('#lista_municipios').select2('destroy').select2();
                        }

                        if (typeof $.fn.selectpicker !== 'undefined') {
                            $('#lista_municipios').selectpicker('refresh');
                        }
                    },
                    error: function(xhr, status, error) {
                        console.error('Error al obtener los municipios:', error);
                    }
                });
            });


        $(document).ready(function() {
            // Dispara manualmente el evento 'change' para aplicar la lógica inicial del grado de estudios
            $('#grado_estudios').trigger('change');
        });

        // PREVISUALIZAR CONSTANCIA DE SITUACION FISCAL, CURP Y DOMICILIO
        let objectURL = null;

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

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

            preview.empty();
            $('#div_constancia').addClass('d-none');
            if (!file) return;
            const fileType = file.type;
            const maxSize = 5 * 1024 * 1024; // 5 MB
            if (fileType !== 'application/pdf') {
                $("#message_constancia").html('Solo se permiten documentos PDF');
                $('#constancia').val('');
                $('#div_constancia').removeClass('d-none'); // Mostrar accordion aunque haya error
                return;
            }
            if (file.size > maxSize) {
                $("#message_constancia").html('El documento excede los 5MB permitidos');
                $('#constancia').val('');
                $('#div_constancia').removeClass('d-none'); // Mostrar accordion aunque haya error
                return;
            }
            // Si pasa las validaciones y el archivo no es null, mostrar vista previa
            if (file) {
                $("#message_constancia").html('');
                $('#div_constancia').removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(`<iframe src="${objectURL}" width="100%" height="600px" class="border"></iframe>`);
            }
        });

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

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

            preview.empty();
            $('#div_filecurp').addClass('d-none');
            if (!file) return;
            const fileType = file.type;
            const maxSize = 5 * 1024 * 1024; // 5 MB
            if (fileType !== 'application/pdf') {
                $("#message_filecurp").html('Solo se permiten documentos PDF');
                $('#filecurp').val('');
                $('#div_filecurp').removeClass('d-none'); // Mostrar accordion aunque haya error
                return;
            }
            if (file.size > maxSize) {
                $("#message_filecurp").html('El documento excede los 5MB permitidos');
                $('#filecurp').val('');
                $('#div_filecurp').removeClass('d-none'); // Mostrar accordion aunque haya error
                return;
            }
            // Si pasa las validaciones y el archivo no es null, mostrar vista previa
            if (file) {
                $("#message_filecurp").html('');
                $('#div_filecurp').removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(`<iframe src="${objectURL}" width="100%" height="600px" class="border"></iframe>`);
            }
        });

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

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

            preview.empty();
            $('#div_filedomicilio').addClass('d-none');
            if (!file) return;
            const fileType = file.type;
            const maxSize = 5 * 1024 * 1024; // 5 MB
            if (fileType !== 'application/pdf') {
                $("#message_filedomicilio").html('Solo se permiten documentos PDF');
                $('#filedomicilio').val('');
                $('#div_filedomicilio').removeClass('d-none'); // Mostrar accordion aunque haya error
                return;
            }
            if (file.size > maxSize) {
                $("#message_filedomicilio").html('El documento excede los 5MB permitidos');
                $('#filedomicilio').val('');
                $('#div_filedomicilio').removeClass('d-none'); // Mostrar accordion aunque haya error
                return;
            }
            // Si pasa las validaciones y el archivo no es null, mostrar vista previa
            if (file) {
                $("#message_filedomicilio").html('');
                $('#div_filedomicilio').removeClass('d-none');
                objectURL = URL.createObjectURL(file);
                preview.html(`<iframe src="${objectURL}" width="100%" height="600px" class="border"></iframe>`);
            }
        });


        //PREVISUALIZAR COMPROBANTE DE ESTUDIOS
        $('#comp_estudios').on('change', function() {
            const file = this.files[0];
            const preview = $('#preview_comp_estudios');

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

            preview.empty();
            if (!file) return;
            const fileType = file.type;
            const maxSize = 5 * 1024 * 1024; // 5 MB
            if (fileType !== 'application/pdf') {
                $("#message_comp_estudios").html('Solo se permiten documentos PDF');
                $('#comp_estudios').val('');
                return;
            }
            if (file.size > maxSize) {
                $("#message_comp_estudios").html('El documento excede los 5MB permitidos');
                $('#comp_estudios').val('');
                return;
            }

            // Si pasa las validaciones, mostrar vista previa
            $("#message_comp_estudios").html('');
            objectURL = URL.createObjectURL(file);
            preview.html(`<iframe src="${objectURL}" width="100%" height="600px" class="border"></iframe>`);

        });
        //PREVISUALIZAR IDENTIFICACION
        $('#identificacion').on('change', function() {
            const file = this.files[0];
            const preview = $('#preview');

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

            preview.empty();
            if (!file) return;
            const fileType = file.type;
            const maxSize = 5 * 1024 * 1024; // 5 MB
            if (fileType !== 'application/pdf') {
                $("#message_ident").html('Solo se permiten documentos PDF');
                $('#identificacion').val('');
                return;
            }
            if (file.size > maxSize) {
                $("#message_ident").html('El documento excede los 5MB permitidos');
                $('#identificacion').val('');
                return;
            }

            // Si pasa las validaciones, mostrar vista previa
            $("#message_ident").html('');
            objectURL = URL.createObjectURL(file);
            preview.html(`<iframe src="${objectURL}" width="100%" height="600px" class="border"></iframe>`);

        });

        //PREVISUALIZAR CURRICULUM
        $('#curriculum').on('change', function() {
            const file = this.files[0];
            const preview = $('#preview_curriculum');

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

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

        //PREVISUALIZAR ACTA (Estado de Cuenta)
        $('#acta').on('change', function() {
            const file = this.files[0];
            const preview = $('#preview_acta');

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

            preview.empty();
            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 las validaciones, mostrar vista previa
            $("#message_acta").html('');
            objectURL = URL.createObjectURL(file);
            preview.html(`<iframe src="${objectURL}" width="100%" height="600px" class="border"></iframe>`);
        });

        

        function validateForm(event) {
            // Establecer el valor del campo oculto para indicar que es "actualizar información"
            $('#accion_formulario').val('actualizar');
            let isValid = true;
            let firstInvalidField = null;
            // Reinicia mensajes anteriores
            $('.text-danger').text('');

            const fields = [
                { id: '#curp', msg: 'Ingrese un CURP', target: '#message' },
                { id: '#ape_paterno', msg: 'Ingrese un apellido', target: '#message_apePaterno' },
                { id: '#ape_materno', msg: 'Ingrese un apellido', target: '#message_apeMaterno' },
                { id: '#nombre_psc', msg: 'Ingrese un nombre', target: '#message_nombre' },
                { id: '#homoclave', msg: 'Requerido', target: '#message_homoclave' },
                { id: '#email', msg: 'Ingrese un email', target: '#message_email' },
                { id: '#celular', msg: 'Ingrese un celular', target: '#message_celular' },
                { id: '#datepicker', msg: 'Ingrese una fecha', target: '#message_fecha_alta' },
                { id: '#calle', msg: 'Ingrese una calle', target: '#message_calle' },
                { id: '#num_ext', msg: 'Ingrese Núm', target: '#message_num_ext' },
                { id: '#num_int', msg: 'Ingrese N Ext', target: '#message_num_int' },
                { id: '#colonia', msg: 'Ingrese una colonia', target: '#message_colonia' },
                { id: '#cp', msg: 'Requerido', target: '#message_cp' },
                { id: '#estados', msg: 'Seleccione un estado', target: '#message_estado' },
                { id: '#lista_municipios', msg: 'Seleccione un municipio', target: '#message_municipio' },
                { id: '#folio_ine', msg: 'Ingrese un folio', target: '#message_folio_ide' },
                { id: '#regimen', msg: 'Seleccione un regimen', target: '#message_regimen' },
                { id: '#comp_estudios', msg: 'Suba el comprobante de estudios en PDF', target: '#message_comp_estudios' },
                { id: '#identificacion', msg: 'Suba una identificación en PDF', target: '#message_ident' },
                { id: '#curriculum', msg: 'Suba un curriculum en PDF', target: '#message_curriculum' },
                { id: '#acta', msg: 'Suba un estado de cuenta en PDF', target: '#message_acta' },
                { id: '#constancia', msg: 'Suba una constancia de situacion fiscal en PDF', target: '#message_constancia' },
                { id: '#filecurp', msg: 'Suba el archivo CURP en PDF', target: '#message_filecurp' },
                { id: '#filedomicilio', msg: 'Suba el comprobante de domicilio en PDF', target: '#message_filedomicilio' },
                { id: '#especialidades', msg: 'Seleccione al menos una especialidad', target: '#message_especialidades' },
                { id: '#nombre_banco', msg: 'Escriba el nombre del banco', target: '#message_nombre_banco'},
                { id: '#cuenta_banco', msg: 'Escriba el número de cuenta', target: '#message_cuenta_banco'},
                { id: '#clabe_banco', msg: 'Escriba la CLABE', target: '#message_clabe_banco'}
            ];

            // Validaciones adicionales
            const grado = $('#grado_estudios').val();
            const nom_profesion = $('#nom_profesion').val();
            const maestria = $('#maestria').val();
            const doctorado = $('#doctorado').val();

            if (nom_profesion === "") {
                $('#message_nom_profesion').html('Campo Requerido');
                isValid = false;
                if (!firstInvalidField) firstInvalidField = $('#nom_profesion');
            }

            switch (grado) {
                case "OFICIO":
                    const oficio = $('#nombre_oficio').val();
                    if (oficio === "") {
                        $('#message_oficio').html('Ingrese un Oficio');
                        isValid = false;
                        if (!firstInvalidField) firstInvalidField = $('#nombre_oficio');
                    }
                    break;
                case "POSGRADO":
                    // const posgrado = $('#posgrado').val();
                    // if (posgrado === "") {
                    //     $('#message_posgrado').html('Escriba el Nombre del Posgrado');
                    //     isValid = false;
                    //     if (!firstInvalidField) firstInvalidField = $('#posgrado');
                    // }
                    if (maestria === "") {
                        $('#message_maestria').html('Escriba el Nombre de la Maestria');
                        isValid = false;
                        if (!firstInvalidField) firstInvalidField = $('#maestria');
                    }
                    // 260217 GCC: Al elegir posgrado, el campo doctorado ya no es obligatorio, pero si se llena, debe tener un valor
                    // if (doctorado === "") {
                    //     $('#message_doctorado').html('Escriba el Nombre del Doctorado');
                    //     isValid = false;
                    //     if (!firstInvalidField) firstInvalidField = $('#doctorado');
                    // }
                    break;
            }

            // Validar todos los campos del formulario
            fields.forEach(field => {
                const $input = $(field.id);
                const isFile = $input.attr('type') == 'file';

                // Para archivos, verificar si hay un archivo cargado O si ya existe en la BD
                if (isFile) {
                    const hasNewFile = $input[0].files && $input[0].files.length > 0;
                    const hasExistingFile = $input.data('existing-file'); // Verificar atributo data
                    
                    if (!hasNewFile && !hasExistingFile) {
                        $(field.target).text(field.msg);
                        isValid = false;
                        if (!firstInvalidField) {
                            firstInvalidField = $input;
                        }
                    }
                } else {
                    // Para campos normales
                    if (!$input.val()) {
                        $(field.target).text(field.msg);
                        isValid = false;
                        if (!firstInvalidField) {
                            firstInvalidField = $input;
                        }
                    }
                }
            });


            // Validación de especialidades
            const especialidades = $('#especialidades').val();
            if (!especialidades || especialidades.length === 0) {
                $('#message_especialidades').text('Seleccione al menos una especialidad');
                isValid = false;
                if (!firstInvalidField) firstInvalidField = $('#especialidades');
            }

            // Enfoque en el primer campo inválido
            if (!isValid) {
                event.preventDefault();
                if (firstInvalidField) {
                    firstInvalidField.focus();
                    firstInvalidField[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
                }
            }

            return isValid;
        }

        // valida la información del formulario para guardar como borrador
        function validateBorrador(event) {
            // Establecer el valor del campo oculto para indicar que es "borrador"
            $('#accion_formulario').val('borrador');
            
            let isValid = true;
            let firstInvalidField = null;

            $('.text-danger').text(''); // Limpia mensajes anteriores

            const fields = [
                { id: '#curp', msg: 'Ingrese un CURP', target: '#message_curp' },
                { id: '#ape_paterno', msg: 'Ingrese un apellido', target: '#message_apePaterno' },
                { id: '#ape_materno', msg: 'Ingrese un apellido', target: '#message_apeMaterno' },
                { id: '#nombre_psc', msg: 'Ingrese un nombre', target: '#message_nombre' },
                /*
                { id: '#email', msg: 'Ingrese un correo electrónico', target: '#message_email' },
                { id: '#celular', msg: 'Ingrese un número de celular', target: '#message_celular' },
                { id: '#calle', msg: 'Ingrese una calle', target: '#message_calle' },
                { id: '#num_ext', msg: 'Ingrese un número exterior', target: '#message_num_ext' },
                { id: '#colonia', msg: 'Ingrese una colonia', target: '#message_colonia' },
                { id: '#cp', msg: 'Ingrese un código postal', target: '#message_cp' }
                 */
            ];

            fields.forEach(field => {
                const $input = $(field.id);
                if (!$input.val()) {
                    $(field.target).text(field.msg); // Mostrar mensaje de error
                    isValid = false;
                    
                    if (!firstInvalidField) {
                        firstInvalidField = $input;
                    }
                }
            });

            if (!isValid) {
                event.preventDefault();
                if (firstInvalidField) {
                    firstInvalidField.focus(); // Enfocar el primer campo inválido
                    firstInvalidField[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
                }
                return false;
            }

            $('#borrador').modal('show');
            return true;
        }

        // ✅ VALIDACIÓN EN TIEMPO REAL PARA NUEVA OBSERVACIÓN DEL INSTRUCTOR
        $('#nueva_observacion_instructor').on('input', function() {
            const texto = $(this).val().trim();
            if (texto.length >= 10) {
                $('#error_nueva_observacion').hide();
                $(this).removeClass('is-invalid');
            } else if (texto.length > 0) {
                $('#error_nueva_observacion').show();
                $(this).addClass('is-invalid');
            }
        });

        // ✅ FUNCIÓN PARA ACTUALIZAR SOLO CAMPOS MODIFICADOS (INSTRUCTOR ACEPTADO)
        $(document).ready(function() {
            let formSubmittedActivo = false;

            $('#id_btnGuardarInstructor').on('click', function(e) {
                e.preventDefault();
                
                // ✅ VERIFICACIÓN CRÍTICA: Confirmar que ins_num_exp existe
                const insNumExp = $('#ins_num_exp').val() || $('input[name="ins_num_exp"]').val();
                const inId = $('#in_id').val() || $('input[name="in_id"]').val();
                
                if (!insNumExp || !inId) {
                    mostrarModal('Sin datos instructor', 'No se pudieron obtener los datos del instructor. Recargue la página e intente nuevamente.');
                    return false;
                }

                // ✅ Validar que exista al menos una especialidad seleccionada
                const especialidadesSeleccionadas = $('#especialidades').val() || [];
                if (!especialidadesSeleccionadas || especialidadesSeleccionadas.length === 0) {
                    $('#message_especialidades').text('Seleccione al menos una especialidad');
                    $('#especialidades').focus();
                    if ($('#especialidades')[0]) {
                        $('#especialidades')[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
                    }
                    return false;
                }
                
                if (formSubmittedActivo) {
                    return false;
                }

                // ✅ Detectar campos modificados
                const camposModificados = {};
                let hayCambios = false;

                $('input, select, textarea').each(function() {
                    const $field = $(this);
                    const name = $field.attr('name');
                    
                    // Ignorar campos sin nombre, deshabilitados o del sistema
                    if (!name || $field.is(':disabled') || name === '_token') {
                        return;
                    }

                    let valorActual = '';
                    let valorOriginal = $field.data('original-value');

                    // Obtener valor actual según tipo de campo
                    if ($field.is('select')) {
                        valorActual = $field.val() || '';
                    } else if ($field.attr('type') === 'file') {
                        // Para archivos, detectar si se seleccionó uno nuevo
                        if ($field[0].files && $field[0].files.length > 0) {
                            valorActual = 'new_file';
                            hayCambios = true;
                            camposModificados[name] = $field[0].files[0];
                        }
                        return;
                    } else if ($field.attr('type') === 'checkbox') {
                        valorActual = $field.is(':checked') ? '1' : '0';
                    } else {
                        valorActual = $field.val() || '';
                    }

                    // Normalizar ambos valores para comparación estricta
                    const valorActualNorm = String(valorActual).trim();
                    const valorOriginalNorm = String(valorOriginal || '').trim();

                    // Comparación estricta (ignorando mayúsculas/minúsculas solo si son strings no vacíos)
                    let sonDiferentes = false;
                    
                    if (valorActualNorm !== '' && valorOriginalNorm !== '') {
                        // Ambos tienen valores, comparar ignorando mayúsculas
                        sonDiferentes = valorActualNorm.toUpperCase() !== valorOriginalNorm.toUpperCase();
                    } else {
                        // Uno está vacío, comparar directamente
                        sonDiferentes = valorActualNorm !== valorOriginalNorm;
                    }

                    if (sonDiferentes) {
                        hayCambios = true;
                        camposModificados[name] = valorActual;
                    }
                });

                // ✅ Verificar si hay cambios (cambiar alert por modal aqui)
                if (!hayCambios) {
                    mostrarModal('Sin Cambios', 'No se detectaron cambios en el formulario');
                    return false;
                }

                // ✅ Mostrar modal con lista de cambios
                mostrarModalConfirmacion(camposModificados);
            });
            
            // ✅ Función para mostrar modal con cambios
            function mostrarModalConfirmacion(cambios) {
                const $listaCambios = $('#listaCambios');
                $listaCambios.empty();
                
                // Mapeo de nombres técnicos a nombres legibles
                const nombresLegibles = {
                    'ape_paterno': 'Apellido Paterno',
                    'ape_materno': 'Apellido Materno',
                    'nombre_psc': 'Nombre',
                    'email': 'Email',
                    'celular': 'Celular',
                    'homoclave': 'Homoclave',
                    'calle': 'Calle',
                    'num_ext': 'Número Exterior',
                    'num_int': 'Número Interior',
                    'colonia': 'Colonia',
                    'cp': 'Código Postal',
                    'estado': 'Estado',
                    'lista_municipios': 'Municipio',
                    'folio_ide': 'Folio Identificación',
                    'grado_estudios': 'Grado de Estudios',
                    'file_identificacion': 'Archivo Identificación',
                    'file_constancia': 'Constancia Fiscal',
                    'file_estado_cuenta': 'Estado de Cuenta',
                    'file_curriculum': 'Curriculum',
                    'file_comp_estudios': 'Comprobante Estudios',
                    'regimen': 'Régimen Fiscal',
                    'especialidades': 'Especialidades',
                    'alineaciones': 'Alineaciones',
                    'evaluaciones': 'Evaluaciones'
                };
                
                // ✅ Función para formatear fechas
                function formatearFecha(valor) {
                    // Detectar si es una fecha en formato YYYY-MM-DD
                    const regexFechaDB = /^(\d{4})-(\d{2})-(\d{2})$/;
                    const match = String(valor).match(regexFechaDB);
                    
                    if (match) {
                        const [, year, month, day] = match;
                        return `${day}/${month}/${year}`;
                    }
                    
                    return valor;
                }
                
                // Crear filas de la tabla
                for (const [campo, valorNuevo] of Object.entries(cambios)) {
                    const nombreLegible = nombresLegibles[campo] || campo;
                    let valorOriginal = $(`[name="${campo}"]`).data('original-value') || '(vacío)';
                    
                    // Formatear fechas para valor original
                    valorOriginal = formatearFecha(valorOriginal);
                    
                    let valorNuevoTexto = '';
                    if (valorNuevo instanceof File) {
                        valorNuevoTexto = `<span class="badge bg-success">Nuevo archivo: ${valorNuevo.name}</span>`;
                    } else if (Array.isArray(valorNuevo)) {
                        valorNuevoTexto = valorNuevo.join(', ');
                    } else {
                        // Formatear fechas para valor nuevo
                        valorNuevoTexto = formatearFecha(valorNuevo) || '(vacío)';
                    }
                    
                    const fila = `
                        <tr>
                            <td><strong>${nombreLegible}</strong></td>
                            <td class="text-muted">${String(valorOriginal).substring(0, 50)}</td>
                            <td class="text-primary">${String(valorNuevoTexto).substring(0, 50)}</td>
                        </tr>
                    `;
                    $listaCambios.append(fila);
                }
                
                // Mostrar modal
                $('#modalConfirmarActualizacion').modal('show');
            }
            
            // ✅ Evento del botón confirmar dentro del modal
            $('#btnConfirmarActualizacion').on('click', function() {
                // Cerrar modal
                $('#modalConfirmarActualizacion').modal('hide');
                
                // ✅ Crear FormData con el formulario completo
                const $form = $('form[action="{{ route("update") }}"]');
                const formData = new FormData($form[0]);

                // ✅ CRÍTICO: Verificar y forzar campos esenciales en FormData
                const insNumExp = $('#ins_num_exp').val() || $('input[name="ins_num_exp"]').val();
                const inId = $('#in_id').val() || $('input[name="in_id"]').val();
                
                if (!insNumExp || !inId) {
                    mostrarModal('Problema datos', 'No se pudieron obtener los datos del instructor. Recargue la página');
                    return;
                }
                
                // Forzar valores en FormData (por si acaso no estaban)
                formData.set('ins_num_exp', insNumExp);
                formData.set('in_id', inId);

                // ✅ NUEVO: Forzar el envío de evaluaciones actuales del select
                const evaluacionesActuales = $('#evaluador').val() || []; // Array vacío si no hay selección
                
                // ✅ Eliminar evaluaciones antiguas del FormData (si existen)
                formData.delete('evaluaciones[]');
                
                // ✅ Agregar las evaluaciones actuales una por una
                if (evaluacionesActuales.length > 0) {
                    evaluacionesActuales.forEach(function(valor) {
                        formData.append('evaluaciones[]', valor);
                    });
                } else {
                    // ⚠️ IMPORTANTE: Si no hay evaluaciones, enviar un campo vacío para indicar eliminación
                    formData.append('evaluaciones_vacio', '1');
                }
                
                // ✅ Establecer acción específica para actualización de instructor activo
                formData.set('accion_formulario', 'actualizar_activo');
                
                // ✅ Deshabilitar botón
                formSubmittedActivo = true;
                $('#id_btnGuardarInstructor').prop('disabled', true)
                    .html('<i class="fa fa-spinner fa-spin"></i> Actualizando...');

                // ✅ Enviar con AJAX
                $.ajax({
                    url: '{{ route("update") }}',
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        if (response.success || response.message) {
                            mostrarModal('Actualizar', response.message || 'Información actualizada correctamente');
                        } else {
                            mostrarModal('Actualizar', 'Información actualizada correctamente');
                        }
                        
                        // Recargar página para ver cambios
                        setTimeout(function() {
                            window.location.reload();
                        }, 1000);
                    },
                    error: function(xhr) {
                        let errorMsg = 'Error al actualizar. Intente nuevamente.';
                        
                        if (xhr.responseJSON) {
                            if (xhr.responseJSON.message) {
                                errorMsg = xhr.responseJSON.message;
                            } else if (xhr.responseJSON.errors) {
                                // Mostrar errores de validación
                                const errores = Object.values(xhr.responseJSON.errors).flat();
                                errorMsg = errores.join('\n');
                            }
                        }
                        mostrarModal('Actualizar', errorMsg);
                        // Reactivar botón
                        formSubmittedActivo = false;
                        $('#id_btnGuardarInstructor').prop('disabled', false)
                            .html('<i class="bx bx-save font-size-16 align-middle"></i> Actualizar Información');
                    }
                });
            });

        });

        // Manejar el envío del formulario cuando se confirma guardar borrador
        $(document).ready(function() {
            // Prevenir el envío doble SOLO del formulario principal (que tiene accion_formulario)
            $('form[action="{{ route('update') }}"]').on('submit', function(e) {
                const accion = $('#accion_formulario').val();
                
                // Validar observación del instructor si existe contenido
                const nuevaObservacion = $('#nueva_observacion_instructor').val();
                if (nuevaObservacion && nuevaObservacion.trim().length > 0 && nuevaObservacion.trim().length < 10) {
                    e.preventDefault();
                    $('#error_nueva_observacion').show();
                    $('#nueva_observacion_instructor').addClass('is-invalid').focus();
                    
                    // Mostrar alerta
                    mostrarModal('Observación', 'La observación debe tener al menos 10 caracteres');
                    return false;
                }
                
                // Si no se ha establecido acción, detener
                if (!accion) {
                    e.preventDefault();
                    return false;
                }
            });

            const formPrincipal = document.querySelector('form[action="{{ route("update") }}"]');
            if (formPrincipal) {
                let envioEnCurso = false;
                let ultimoBotonClickeado = null;

                formPrincipal.querySelectorAll('button[type="submit"], input[type="submit"]').forEach(function(btn) {
                    btn.addEventListener('click', function() {
                        ultimoBotonClickeado = btn;
                    });
                });

                const btnBorrador = document.getElementById('btn_borrador');
                if (btnBorrador) {
                    btnBorrador.addEventListener('click', function() {
                        ultimoBotonClickeado = btnBorrador;
                        formPrincipal.dataset.submitButtonId = 'btn_borrador';
                    });
                }

                formPrincipal.addEventListener('submit', function(event) {
                    if (event.defaultPrevented) {
                        return;
                    }

                    if (envioEnCurso) {
                        event.preventDefault();
                        return;
                    }

                    envioEnCurso = true;

                    let botonActivo = event.submitter || ultimoBotonClickeado;
                    if (!botonActivo && formPrincipal.dataset.submitButtonId) {
                        botonActivo = document.getElementById(formPrincipal.dataset.submitButtonId);
                    }

                    if (botonActivo) {
                        botonActivo.innerHTML = 'Guardando...';
                        botonActivo.disabled = true;
                    }

                    formPrincipal.querySelectorAll('button[type="submit"], input[type="submit"]').forEach(function(btn) {
                        btn.disabled = true;
                    });

                    if (btnBorrador) {
                        btnBorrador.disabled = true;
                    }
                });
            }
        });

        // Mapa de diacríticos a caracteres sin acento
        const diacriticsMap = {
                'á': 'a', 'é': 'e', 'í': 'i', 'ó': 'o', 'ú': 'u', 'ý': 'y',
                'Á': 'A', 'É': 'E', 'Í': 'I', 'Ó': 'O', 'Ú': 'U', 'Ý': 'Y',
                'à': 'a', 'è': 'e', 'ì': 'i', 'ò': 'o', 'ù': 'u',
                'À': 'A', 'È': 'E', 'Ì': 'I', 'Ò': 'O', 'Ù': 'U',
                'â': 'a', 'ê': 'i', 'î': 'i', 'ô': 'o', 'û': 'u',
                'Â': 'A', 'Ê': 'E', 'Î': 'I', 'Ô': 'O', 'Û': 'U',
                'ã': 'a', 'õ': 'o', 'Ã': 'A', 'Õ': 'O',
                'ä': 'a', 'ë': 'e', 'ï': 'i', 'ö': 'o', 'ü': 'u',
                'Ä': 'A', 'Ë': 'E', 'Ï': 'I', 'Ö': 'O', 'Ü': 'U',
                'ç': 'c', 'Ç': 'C'
            };

            // Función remover diacríticos y permitir solo a-z, ñ y espacios
            function normalizeText(text) {
                return text.split('').map(function(char) {
                    if (diacriticsMap[char]) {
                        return diacriticsMap[char];
                    }
                    if (/[a-zA-ZñÑ\s]/.test(char)) {
                        return char;
                    }
                    return '';
                }).join('');
            }

            // Función para calcular la nueva posición del cursor después de normalizar
            function calculateNewCursorPosition(originalText, oldCursorPos) {
                let validCharsBefore = 0;
                for (let i = 0; i < oldCursorPos && i < originalText.length; i++) {
                    const char = originalText[i];
                    if (diacriticsMap[char] || /[a-zA-ZñÑ\s]/.test(char)) {
                        validCharsBefore++;
                    }
                }
                return validCharsBefore;
            }

            // Aplica y quita acentos a los siguientes campos:
            const textFields = [
                '#carreraTecnicaTrunca',
                '#carreraTecnica',
                '#licenciaturaTrunca',
                '#licenciatura',
                '#licenciaturaOtra',
                '#inputLIOtra',
                '#inputLI',
                '#ingenieriaTrunca',
                '#ingenieria',
                '#ingenieriaOtra',
                '#ape_paterno',
                '#ape_materno',
                '#nombre_psc',
                '#maestria',
                '#maestriaOtra',
                '#doctorado',
            ];

            textFields.forEach(function(fieldId) {
                $(fieldId).on('input', function() {
                    const $input = $(this);
                    const originalValue = $input.val();
                    const normalizedValue = normalizeText(originalValue);
                    
                    if (originalValue !== normalizedValue) {
                        const cursorPosition = this.selectionStart;
                        const newCursorPosition = calculateNewCursorPosition(originalValue, cursorPosition);
                        $input.val(normalizedValue);
                        setTimeout(() => {
                            this.setSelectionRange(newCursorPosition, newCursorPosition);
                        }, 0);
                    }
                });

                $(fieldId).on('paste', function(e) {
                    e.preventDefault();
                    const pastedText = (e.originalEvent || e).clipboardData.getData('text/plain').toUpperCase();
                    const normalizedText = normalizeText(pastedText);
                    const $input = $(this);
                    const start = this.selectionStart;
                    const end = this.selectionEnd;
                    const currentValue = $input.val();
                    const newValue = currentValue.substring(0, start) + normalizedText + currentValue.substring(end);
                    $input.val(normalizeText(newValue));
                    const newCursorPos = start + normalizedText.length;
                    this.setSelectionRange(newCursorPos, newCursorPos);
                });
            });

        // REASIGNAR UNIDAD — Habilitar botón solo si se selecciona una unidad diferente a la actual
        $(document).on('change', '#selectReasignarUnidad', function () {
            const seleccionado = $(this).val();
            const original = $('#btnReasignarUnidad').data('unidad-original');
            $('#btnReasignarUnidad').prop('disabled', !seleccionado || String(seleccionado) === String(original));
        });

        // REASIGNAR UNIDAD DEL INSTRUCTOR — Paso 1: abrir modal de confirmación
        $(document).on('click', '#btnReasignarUnidad', function () {
            const uniIdentificador = $('#selectReasignarUnidad').val();
            const $msg = $('#msgReasignarUnidad');

            if (!uniIdentificador) {
                $msg.html('<span class="text-danger">Seleccione una unidad.</span>');
                return;
            }

            const uniNombre = $('#selectReasignarUnidad option:selected').text().trim();
            $('#modalNombreUnidad').text(uniNombre);
            var modal = new bootstrap.Modal(document.getElementById('modal_confirmar_reasignar'));
            modal.show();
        });

        // REASIGNAR UNIDAD DEL INSTRUCTOR — Paso 2: confirmar y guardar
        $(document).on('click', '#btnConfirmarReasignar', function () {
            const insId = $('#btnReasignarUnidad').data('ins-id');
            const uniIdentificador = $('#selectReasignarUnidad').val();
            const $msg = $('#msgReasignarUnidad');

            bootstrap.Modal.getInstance(document.getElementById('modal_confirmar_reasignar')).hide();
            $msg.html('<span class="text-muted">Guardando...</span>');

            $.ajax({
                url: '{{ route("instructorReasignarUnidad") }}',
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    ins_id: insId,
                    uni_identificador: uniIdentificador,
                },
                success: function (res) {
                    $msg.html('<span class="text-success"><i class="la la-check"></i> ' + res.message + '</span>');
                    $('#unidadActualNombre').text($('#selectReasignarUnidad option:selected').text().trim());
                },
                error: function () {
                    $msg.html('<span class="text-danger">Error al guardar. Intente nuevamente.</span>');
                }
            });
        });
    </script>
@endpush

@push('plugin-scripts')
@endpush

@push('custom-scripts')
@endpush