<ul class="nav nav-tabs nav-tabs-custom nav-justified" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" data-bs-toggle="tab" href="#about" role="tab">
            <i class="bx bx-user-circle font-size-20"></i>
            <span class="d-none d-sm-block">Datos personales</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-bs-toggle="tab" href="#formacion" role="tab">
            <i class="bx bx-clipboard font-size-20"></i>
            <span class="d-none d-sm-block">Formacion academica</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-bs-toggle="tab" href="#capacitaciones" role="tab">
            <i class="bx bx-clipboard font-size-20"></i>
            <span class="d-none d-sm-block">Capacitaciones</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-bs-toggle="tab" href="#experiencia" role="tab">
            <i class="bx bx-clipboard font-size-20"></i>
            <span class="d-none d-sm-block">Experiencia laboral</span>
        </a>
    </li>
    <?php if($conAcceso){ ?>
    <li class="nav-item">
        <a class="nav-link" data-bs-toggle="tab" href="#messages" role="tab">
            <i class="bx bx-mail-send font-size-20"></i>
            <span class="d-none d-sm-block">Datos acceso</span>
        </a>
    </li>
    <?php } ?>
</ul>

<div class="tab-content p-4">

    <div class="tab-pane active" id="about" role="tabpanel">
        <div>
            <form id="frmDatosGenerales" action="<?= route_to('empresa_perfil.guardar') ?>" method="post">


                <div class="row mb-0">

                    <div class="col-6" style="padding: 9px 10px;">
                        <h5 class="font-size-16">Datos generales</h5>
                    </div>
                    <div class="col-6">
                        <div class="text-end">
                            <button type="button" class="btn btn-success w-sm text-truncate ms-2 btnGuardarDatos"> Actualizar Datos <i class="bx bx-send ms-2 align-middle"></i></button>
                        </div>
                    </div>
                    <div class="col-6 mt-3">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_num_doc" name="pers_num_doc" placeholder="Ruc" value="<?=$persona->pers_num_doc?>">
                            <label for="pers_num_doc">Dni</label>
                        </div>
                    </div>
                    <div class="col-6 mt-3">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_primer_nombre" name="pers_primer_nombre" placeholder="Nombres" value="<?=$persona->pers_primer_nombre?>">
                            <label for="pers_primer_nombre">Nombres</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_primer_apellido" name="pers_primer_apellido" placeholder="Primer apellido" value="<?=$persona->pers_primer_apellido?>">
                            <label for="pers_primer_apellido">Primer apellido</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_segundo_apellido" name="pers_segundo_apellido" placeholder="Segundo apellido" value="<?=$persona->pers_segundo_apellido?>">
                            <label for="pers_segundo_apellido">Segundo apellido</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_nacionalidad" name="pers_nacionalidad" placeholder="Nacionalidad" value="<?=$persona->pers_nacionalidad?>">
                            <label for="pers_nacionalidad">Nacionalidad</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_lugar_nacimiento" name="pers_lugar_nacimiento" placeholder="Lugar Nacimiento" value="<?=$persona->pers_lugar_nacimiento?>">
                            <label for="pers_lugar_nacimiento">Lugar Nacimiento</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="pers_fecha_nac" name="pers_fecha_nac" placeholder="Fecha Nacimiento" value="<?=$persona->pers_fecha_nac?>">
                            <label for="pers_fecha_nac">Fecha Nacimiento</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_celular" name="pers_celular" placeholder="Telefono" value="<?=$persona->pers_celular?>">
                            <label for="pers_celular">Telefono</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_direccion" name="pers_direccion" placeholder="Direccion Domicilio" value="<?=$persona->pers_direccion?>">
                            <label for="pers_direccion">Direccion Domicilio</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pers_ubigeo_actual" name="pers_ubigeo_actual" placeholder="Ubigeo Domicilio" value="<?=$persona->pers_ubigeo_actual?>">
                            <label for="pers_ubigeo_actual">Ubigeo Domicilio</label>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <textarea class="form-control" id="pers_perfil_profesional" name="pers_perfil_profesional" placeholder="Perfil profesional" style="height: 100px"><?=$persona->pers_perfil_profesional?></textarea>
                            <label for="pers_perfil_profesional">Perfil profesional</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <textarea class="form-control" id="pers_habilidades_tecnicas" name="pers_habilidades_tecnicas" placeholder="Habilidades Tecnicas" style="height: 100px"><?=$persona->pers_habilidades_tecnicas?></textarea>
                            <label for="pers_habilidades_tecnicas">Habilidades Tecnicas</label>
                        </div>
                    </div>

                    <div class="col-11">
                        <div class="form-floating mb-3">
                            <input type="file" class="form-control" id="pers_archivo_documento_identidad" name="pers_archivo_documento_identidad">
                            <label for="pers_archivo_documento_identidad">Documento identidad</label>
                        </div>
                    </div>
                    <div class="col-1">
                        <?php if($persona->pers_archivo_documento_identidad != null && $persona->pers_archivo_documento_identidad != ''){?>
                            <a class="btn btn-sm btn-outline-secondary" target="_blank" href="/archivo/ver?archivo=<?=$persona->pers_archivo_documento_identidad?>"> <i class="fa fa-download"></i><br/> Descargar</a>
                        <?php }else{?>
                            <div class="badge bg-danger-subtle text-danger m-1">Sin archivo</div>
                        <?php }?>
                    </div>
                    <div class="col-4">
                        <label class="form-check-label" for="pers_discapacidad">Cuenta con certificado de discapacidad y/o registra en CONADIS (ley N 29973)</label>
                    </div>
                    <div class="col-1">
                        <div class="form-check form-switch form-switch-lg mb-3" dir="ltr" style="line-height: 20px;">
                            <input class="form-check-input" type="checkbox" id="pers_discapacidad" name="pers_discapacidad" value="1" <?php if($persona->pers_discapacidad==1){echo 'checked';}else{echo '';} ?>  >
                        </div>
                    </div>
                    <div class="col-6">
                        <input type="file" class="form-control" id="pers_discapacidad_archivo" name="pers_discapacidad_archivo" <?php if($persona->pers_discapacidad==1){echo '';}else{echo 'disabled';} ?>   >
                    </div>
                    <div class="col-1">
                        <?php if($persona->pers_discapacidad_archivo != null && $persona->pers_discapacidad_archivo != ''){?>
                            <a class="btn btn-sm btn-outline-secondary" target="_blank" href="/archivo/ver?archivo=<?=$persona->pers_discapacidad_archivo?>"> <i class="fa fa-download"></i> Descargar</a>
                        <?php }else{?>
                            <div class="badge bg-danger-subtle text-danger m-1">Sin archivo</div>
                        <?php }?>
                    </div>

                    <div class="col-4">
                        <label class="form-check-label" for="pers_licenciado_ffaa">Es licenciado de las FFAA (ley N 29248)</label>
                    </div>
                    <div class="col-1">
                        <div class="form-check form-switch form-switch-lg mb-3" dir="ltr" style="line-height: 20px;">
                            <input class="form-check-input" type="checkbox" id="pers_licenciado_ffaa" name="pers_licenciado_ffaa" value="1" <?php if($persona->pers_licenciado_ffaa==1){echo 'checked';}else{echo '';} ?> >
                        </div>
                    </div>
                    <div class="col-6">
                        <input type="file" class="form-control" id="pers_licenciado_ffaa_archivo" name="pers_licenciado_ffaa_archivo" <?php if($persona->pers_licenciado_ffaa==1){echo '';}else{echo 'disabled';} ?> >
                    </div>
                    <div class="col-1">
                        <?php if($persona->pers_licenciado_ffaa_archivo != null && $persona->pers_licenciado_ffaa_archivo != ''){?>
                            <a class="btn btn-sm btn-outline-secondary" target="_blank" href="/archivo/ver?archivo=<?=$persona->pers_licenciado_ffaa_archivo?>"> <i class="fa fa-download"></i> Descargar</a>
                        <?php }else{?>
                            <div class="badge bg-danger-subtle text-danger m-1">Sin archivo</div>
                        <?php }?>
                    </div>

                    <div class="col-4">
                        <label class="form-check-label" for="pers_deportista_calificado">Es deportista calificado </label>
                    </div>
                    <div class="col-1">
                        <div class="form-check form-switch form-switch-lg mb-3" dir="ltr" style="line-height: 20px;">
                            <input class="form-check-input" type="checkbox" id="pers_deportista_calificado" name="pers_deportista_calificado" value="1" <?php if($persona->pers_deportista_calificado==1){echo 'checked';}else{echo '';} ?>  >
                        </div>
                    </div>
                    <div class="col-6">
                        <input type="file" class="form-control" id="pers_deportista_calificado_archivo" name="pers_deportista_calificado_archivo" <?php if($persona->pers_deportista_calificado==1){echo '';}else{echo 'disabled';} ?>  >
                    </div>
                    <div class="col-1">
                        <?php if($persona->pers_deportista_calificado_archivo != null && $persona->pers_deportista_calificado_archivo != ''){?>
                            <a class="btn btn-sm btn-outline-secondary" target="_blank" href="/archivo/ver?archivo=<?=$persona->pers_deportista_calificado_archivo?>"> <i class="fa fa-download"></i> Descargar</a>
                        <?php }else{?>
                            <div class="badge bg-danger-subtle text-danger m-1">Sin archivo</div>
                        <?php }?>
                    </div>

                </div>

                <input type="hidden" id="pers_id" name="pers_id" value="<?=$persona->pers_id?>">

                <input type="hidden" id="pers_archivo_documento_identidad_temp" name="pers_archivo_documento_identidad_temp" value="<?=$persona->pers_archivo_documento_identidad?>">
                <input type="hidden" id="pers_discapacidad_archivo_temp" name="pers_discapacidad_archivo_temp" value="<?=$persona->pers_discapacidad_archivo?>">
                <input type="hidden" id="pers_licenciado_ffaa_archivo_temp" name="pers_licenciado_ffaa_archivo_temp" value="<?=$persona->pers_licenciado_ffaa_archivo?>">
                <input type="hidden" id="pers_deportista_calificado_archivo_temp" name="pers_deportista_calificado_archivo_temp" value="<?=$persona->pers_deportista_calificado_archivo?>">


            </form>

        </div>
    </div>

    <div class="tab-pane" id="formacion" role="tabpanel">

        <h5 class="font-size-16 mb-4">Formacion academica</h5>

        <div class="row mb-0 mt-3">
            <div class="table-responsive">
                <table class="table table-nowrap table-hover mb-0 tblFormacionAcademica">
                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Grado de estudio</th>
                        <th scope="col">Especialidad</th>
                        <th scope="col">Centro de estudios</th>
                        <th scope="col">Fecha Expedición</th>
                        <th scope="col">
                            <a class="btn btn-sm btn-info btnAgregarFormacionAcademica" pers_id="<?=$persona->pers_id?>"><i class="fa fa-add"></i>Agregar</a>
                        </th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>

        <input type="hidden" id="tipo" name="tipo" value="RESPONSABLE">


    </div>

    <div class="tab-pane" id="capacitaciones" role="tabpanel">

        <h5 class="font-size-16 mb-4">Capacitaciones</h5>

        <div class="row mb-0 mt-3">
            <div class="table-responsive">
                <table class="table table-nowrap table-hover mb-0 tblCapacitacion">
                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Tipo estudio</th>
                        <th scope="col">Descripcion</th>
                        <th scope="col">Institución</th>
                        <th scope="col">Horas lectivas</th>
                        <th scope="col">
                            <a class="btn btn-sm btn-info btnAgregarCapacitacion" pers_id="<?=$persona->pers_id?>"><i class="fa fa-add"></i>Agregar</a>
                        </th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>

        <input type="hidden" id="tipo" name="tipo" value="RESPONSABLE">


    </div>

    <div class="tab-pane" id="experiencia" role="tabpanel">

        <h5 class="font-size-16 mb-4">Experiencia laboral</h5>

        <div class="row">
            <div class="col-sm-6">
                <div class="alert alert-info" role="alert">
                    Mi experiencia general <strong><?=$totalExperienciaGeneral?> meses</strong>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="alert alert-info" role="alert">
                    Mi experiencia especifica <strong><?=$totalExperienciaEspecifica?> meses</strong>
                </div>
            </div>
        </div>

        <div class="row mb-0 mt-3">
            <div class="table-responsive">
                <table class="table table-nowrap table-hover mb-0 tblExperiencia">
                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Tipo experiencia</th>
                        <th scope="col">Especifica</th>
                        <th scope="col">General</th>
                        <th scope="col">Nombre entidad</th>
                        <th scope="col">Cargo</th>
                        <th scope="col">Fecha inicio</th>
                        <th scope="col">Fecha Fin</th>
                        <th scope="col">Tiempo expe. (Mes)</th>
                        <th scope="col">
                            <a class="btn btn-sm btn-info btnAgregarExperiencia" pers_id="<?=$persona->pers_id?>"><i class="fa fa-add"></i>Agregar</a>
                        </th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>

        <input type="hidden" id="tipo" name="tipo" value="RESPONSABLE">


    </div>

    <div class="tab-pane" id="messages" role="tabpanel">
        <div>

            <h5 class="font-size-16 mb-4">Datos acceso</h5>

            <div class="row mb-0 mt-3">
                <div class="col-6">
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="proy_descripcion" name="proy_descripcion" placeholder="Descripcion">
                        <label for="proy_descripcion">Correo electronico</label>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="proy_descripcion" name="proy_descripcion" placeholder="Descripcion">
                        <label for="proy_descripcion">Contraseña actual</label>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="proy_descripcion" name="proy_descripcion" placeholder="Descripcion">
                        <label for="proy_descripcion">Contraseña nueva</label>
                    </div>
                </div>
                <div class="col-6">

                </div>

            </div>

        </div>
    </div>

</div>

<div class="modal fade" id="mdlFormacionAcademica" tabindex="-1" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mdlFormacionAcademicaTitle">Formacion Academica</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="<?= route_to('formacion_academica.guardar') ?>" method="post" class="row frmFormacionAcademica">
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <select class="form-control" id="coga_id" name="coga_id">
                                <?php foreach ($lsConvocatoriaGradoAcademico as $convocatoriaGradoAcademico) : ?>
                                    <option value="<?=$convocatoriaGradoAcademico->coga_id ?>" ><?=$convocatoriaGradoAcademico->coga_descripcion ?></option>
                                <?php endforeach ?>
                            </select>
                            <label for="coga_id">Grado</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pefa_especialidad" name="pefa_especialidad" placeholder="Especialidad">
                            <label for="pefa_especialidad">Especialidad</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pefa_centro_estudio" name="pefa_centro_estudio" placeholder="Centro de estudios">
                            <label for="pefa_centro_estudio">Centro de estudios</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pefa_ciudad" name="pefa_ciudad" placeholder="Ciudad">
                            <label for="pefa_ciudad">Ciudad</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pefa_pais" name="pefa_pais" placeholder="Pais">
                            <label for="pefa_pais">Pais</label>
                        </div>
                    </div>
                    <div class="col-12 mb-3">
                        <div class="form-floating">
                            <input type="date" class="form-control" id="pefa_fecha_expedicion" name="pefa_fecha_expedicion" placeholder="Fecha Expedicion">
                            <label for="pefa_fecha_expedicion">Fecha Expedicion</label>
                        </div>
                        <span class="text-muted font-size-10">En el campo "Fecha Expedicion" debe indicar la fecha de obtencion del nivel de estudios que esta registrando.<br/>En el caso de estudiante, debe indicar la fecha del ciclo culminado que esta registrando</span>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="pefa_fecha_inicio" name="pefa_fecha_inicio" placeholder="Fecha Inicio">
                            <label for="pefa_fecha_inicio">Fecha Inicio</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="pefa_fecha_fin" name="pefa_fecha_fin" placeholder="Fecha Fin">
                            <label for="pefa_fecha_fin">Fecha Fin</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="file" class="form-control" id="pefa_archivo" name="pefa_archivo" placeholder="Documento de sustento">
                            <label for="pefa_archivo">Documento de sustento</label>
                        </div>
                    </div>

                    <input type="hidden" id="pefa_id" name="pefa_id">
                    <input type="hidden" id="pers_id" name="pers_id">
                    <input type="hidden" id="pefa_archivo_temp" name="pefa_archivo_temp">

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal"><i class="bx bx-x"></i> Cerrar</button>
                <button type="button" class="btn btn-success btnGuardarFormacionAcademica"><i class="bx bx-save"></i> Guardar</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<div class="modal fade" id="mdlEspecializacion" tabindex="-1" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mdlEspecializacionTitle">Especializacion</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="<?= route_to('especializacion.guardar') ?>" method="post" class="row frmEspecializacion">
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <select class="form-control" id="cote_id" name="cote_id">
                                <?php foreach ($lsConvocatoriaTipoEstudioModel as $convocatoriaTipoEstudio) : ?>
                                    <option value="<?=$convocatoriaTipoEstudio->cote_id ?>" ><?=$convocatoriaTipoEstudio->cote_descripcion ?></option>
                                <?php endforeach ?>
                            </select>
                            <label for="cote_id">Tipo estudio</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pees_descripcion" name="pees_descripcion" placeholder="Descripcion">
                            <label for="pees_descripcion">Descripcion</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pees_institucion" name="pees_institucion" placeholder="Institucion">
                            <label for="pees_institucion">Institucion</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pees_ciudad" name="pees_ciudad" placeholder="Ciudad">
                            <label for="pees_ciudad">Ciudad</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pees_pais" name="pees_pais" placeholder="Pais">
                            <label for="pees_pais">Pais</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="pees_fecha_inicio" name="pees_fecha_inicio" placeholder="Fecha Inicio">
                            <label for="pees_fecha_inicio">Fecha Inicio</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="pees_fecha_fin" name="pees_fecha_fin" placeholder="Fecha Fin">
                            <label for="pees_fecha_fin">Fecha Fin</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="number" class="form-control" id="pees_horas_lectivas" name="pees_horas_lectivas" placeholder="Horas Lectivas">
                            <label for="pees_horas_lectivas">Horas Lectivas</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="pees_nivel" name="pees_nivel" placeholder="Nivel">
                            <label for="pees_nivel">Nivel</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="file" class="form-control" id="pees_archivo" name="pees_archivo" placeholder="Documento de sustento">
                            <label for="pees_archivo">Documento de sustento</label>
                        </div>
                    </div>

                    <input type="hidden" id="pees_id" name="pees_id">
                    <input type="hidden" id="pers_id" name="pers_id">
                    <input type="hidden" id="pees_archivo_temp" name="pees_archivo_temp">

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal"><i class="bx bx-x"></i> Cerrar</button>
                <button type="button" class="btn btn-success btnEspecializacion"><i class="bx bx-save"></i> Guardar</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<div class="modal fade" id="mdlExperiencia" tabindex="-1" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mdlExperienciaTitle">Experiencia laboral</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="<?= route_to('experiencia.guardar') ?>" method="post" class="row frmExperiencia">
                    <div class="col-6">
                        <div class="square-switch">
                            <label style="vertical-align: top">Experiencia general </label>
                            <input type="checkbox" id="peel_experiencia_general_temp" name="peel_experiencia_general_temp" switch="info" value="1"/>
                            <label for="peel_experiencia_general_temp" data-on-label="SI" data-off-label="NO"></label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="square-switch">
                            <label style="vertical-align: top">Experiencia especifica </label>
                            <input type="checkbox" id="peel_experiencia_especifica_temp" name="peel_experiencia_especifica_temp" switch="info" value="1"/>
                            <label for="peel_experiencia_especifica_temp" data-on-label="SI" data-off-label="NO"></label>
                        </div>
                    </div>
                    <hr/>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <select class="form-control" id="cont_id" name="cont_id">
                                <?php foreach ($lsConvocatoriaTipoExperiencia as $convocatoriaTipoExperiencia) : ?>
                                    <option value="<?=$convocatoriaTipoExperiencia->cont_id ?>" ><?=$convocatoriaTipoExperiencia->cont_descripcion ?></option>
                                <?php endforeach ?>
                            </select>
                            <label for="cont_id">Tipo experiencia</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <select class="form-control" id="ctie_id" name="ctie_id">
                                <?php foreach ($lsConvocatoriaTipoEntidad as $convocatoriaTipoEntidad) : ?>
                                    <option value="<?=$convocatoriaTipoEntidad->ctie_id ?>" ><?=$convocatoriaTipoEntidad->ctie_descripcion ?></option>
                                <?php endforeach ?>
                            </select>
                            <label for="ctie_id">Tipo entidad</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="peel_nombre_entidad" name="peel_nombre_entidad" placeholder="Nombre entidad">
                            <label for="peel_nombre_entidad">Nombre entidad</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="peel_cargo" name="peel_cargo" placeholder="Cargo">
                            <label for="peel_cargo">Cargo</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <textarea class="form-control" id="peel_funciones" name="peel_funciones" style="height: 80px"></textarea>
                            <label for="peel_funciones">Funciones</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="peel_fecha_inicio" name="peel_fecha_inicio" placeholder="Fecha Inicio">
                            <label for="peel_fecha_inicio">Fecha Inicio</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="peel_fecha_final" name="peel_fecha_final" placeholder="Fecha Fin">
                            <label for="peel_fecha_final">Fecha Fin</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="file" class="form-control" id="peel_archivo" name="peel_archivo" placeholder="Documento de sustento">
                            <label for="peel_archivo">Documento de sustento</label>
                        </div>
                    </div>

                    <input type="hidden" id="peel_id" name="peel_id">
                    <input type="hidden" id="pers_id" name="pers_id">
                    <input type="hidden" id="peel_archivo_temp" name="peel_archivo_temp">
                    <input type="hidden" id="peel_experiencia_general" name="peel_experiencia_general">
                    <input type="hidden" id="peel_experiencia_especifica" name="peel_experiencia_especifica">

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal"><i class="bx bx-x"></i> Cerrar</button>
                <button type="button" class="btn btn-success btnExperiencia"><i class="bx bx-save"></i> Guardar</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>