<?php
require_once("../../config/conexion.php");
if (isset($_SESSION["usuariodbk"])) {
    ?>
    <!DOCTYPE html>
    <html lang="es">
        <head>
            <?php
            require_once '../html/MainHead.php';
            ?>
            <title>SIED | PERFIL</title>
        </head>
        <body class="hold-transition sidebar-mini layout-fixed">           
            <?php require_once '../html/MainMenu.php'; ?> 
            <?php require_once '../html/MainHeader.php'; ?>             
            <div class="content-wrapper">
                <div class="content-header">
                    <div class="container-fluid">
                        <div class="row mb-2">
                            <div class="col-sm-6">
                                <h1 class="m-0">Mi Perfil</h1>
                            </div>
                            <div class="col-sm-6">
                                <ol class="breadcrumb float-sm-right">
                                    <li class="breadcrumb-item"><a href="../UsuHome/">Inicio</a></li>
                                    <li class="breadcrumb-item active">Mi Perfil</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="card col-sm-12">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="ion ion-clipboard mr-1"></i>
                                        Menú
                                    </h3>
                                    <div class="card-tools">
                                        <ul class="nav nav-pills ml-auto">
                                            <li class="nav-item">
                                                <a class="nav-link active" href="#form-usuario" data-toggle="tab">Usuario</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#form-personal" data-toggle="tab">Personal</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#form-academico" data-toggle="tab">Académico</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#form-discapacidad" data-toggle="tab">Discapacidad</a>
                                            </li>                                                
                                            <li class="nav-item">
                                                <a class="nav-link" href="#form-residencia" data-toggle="tab">Residencia</a>
                                            </li>                                                
                                            <li class="nav-item">
                                                <a class="nav-link" href="#form-procedencia" data-toggle="tab">Procedencia</a>
                                            </li>                                                
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="tab-content">
                                        <div class="card tab-pane active card-primary" id="form-usuario">
                                            <div class="card-header">
                                                <h5>Usuario</h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-layout form-layout-1">
                                                    <!--<form name="formulario" id="formulario" method="POST" enctype="multipart/form-data">-->
                                                    <div class="row mg-b-25">                                                           
                                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                            <div class="form-group">
                                                                <label class="form-control-label">Usuario: <span class="tx-danger">*</span></label>
                                                                <input class="form-control" type="text" name="nickname" id="nickname" placeholder="Ingrese el usuario" required disabled="">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                            <div class="form-group">
                                                                <label class="form-control-label">Clave: <span class="tx-danger">*</span></label>
                                                                <input class="form-control" type="password" name="clave" id="clave" placeholder="Ingrese una nueva clave" required>
                                                            </div>
                                                        </div>                                                                                                                                                                                    
                                                    </div>
                                                    <div class="form-layout-footer">
                                                        <button class="btn btn-success" id="btnActualizarUsuario">Actualizar</button>
                                                    </div>
                                                    <!--</form>-->
                                                </div>
                                            </div>                                                
                                        </div>
                                        <div class="card tab-pane card-primary" id="form-personal">
                                            <div class="card-header">
                                                <h5>Personal</h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-layout form-layout-1">
                                                    <div class="row mg-b-25">
                                                        <div class="col-lg-3">
                                                            <div class="form-group">                                                                
                                                                <label for="tipoDocumentoId" class="form-label">Tipo de Identificación:</label>
                                                                <select class="form-control select2" name="tipoDocumentoId" id="tipoDocumentoId" data-placeholder="Seleccione" required>                                                                    
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-tipoDocumentoId">Seleccione el tipo de identificación.</div>
                                                                <div class="valid-feedback" id="valid-tipoDocumentoId">¡Campo validado!</div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="identificacion" class="form-label">Número de Identificación:</label>
                                                                <input class="form-control" type="text" name="identificacion" id="identificacion" placeholder="Ingrese su número de identificación" required>
                                                                <div class="invalid-feedback" id="invalid-identificacion">Ingrese su número de identificación</div>
                                                                <div class="valid-feedback" id="valid-identificacion">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="pnombre" class="form-label">Primer Nombre:</label>
                                                                <input class="form-control" type="text" name="pnombre" id="pnombre" placeholder="Ingrese su Primer Nombre" required>
                                                                <div class="invalid-feedback" id="invalid-pnombre">Ingrese su primer nombre</div>
                                                                <div class="valid-feedback" id="valid-pnombre">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="snombre" class="form-label">Segundo Nombre:</label>
                                                                <input class="form-control" type="text" name="snombre" id="snombre" placeholder="Ingrese su Segundo Nombre" require>
                                                                <div class="invalid-feedback" id="invalid-snombre">Ingrese su segundo nombre</div>
                                                                <div class="valid-feedback" id="valid-snombre">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="papellido" class="form-label">Primer Apellido:</label>
                                                                <input class="form-control" type="text" name="papellido" id="papellido" placeholder="Ingrese su Primer Apellido" require>
                                                                <div class="invalid-feedback" id="invalid-papellido">Ingrese su primer apellido</div>
                                                                <div class="valid-feedback" id="valid-papellido">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="sapellido" class="form-label">Segundo Apellido:</label>
                                                                <input class="form-control" type="text" name="sapellido" id="sapellido" placeholder="Ingrese su Segundo Apellido" require>
                                                                <div class="invalid-feedback" id="invalid-sapellido">Ingrese su segundo apellido</div>
                                                                <div class="valid-feedback" id="valid-sapellido">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-3">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="sexoId" class="form-label">Sexo:</label>
                                                                <select class="form-control select2" name="sexoId" id="sexoId" data-placeholder="Seleccione" require>
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-sexoId">Seleccione su sexo.</div>
                                                                <div class="valid-feedback" id="valid-sexoId">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="generoId" class="form-label">Genero:</label>
                                                                <select class="form-control select2" name="generoId" id="generoId" data-placeholder="Seleccione">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-generoId">Seleccione su género.</div>
                                                                <div class="valid-feedback" id="valid-generoId">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="estadoCivilId" class="form-label">Estado Civil:</label>
                                                                <select class="form-control select2" name="estadoCivilId" id="estadoCivilId" data-placeholder="Seleccione">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-estadoCivilId">Seleccione su estado civil.</div>
                                                                <div class="valid-feedback" id="valid-estadoCivilId">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="etniaId" class="form-label">Etnia:</label>
                                                                <select class="form-control select2" name="etniaId" id="etniaId" data-placeholder="Seleccione">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-etniaId">Seleccione su etnia.</div>
                                                                <div class="valid-feedback" id="valid-etniaId">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-3" >
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="puebloNacionalidadId" class="form-label">Pueblo y Nacionalidad:</label>
                                                                <select class="form-control select2" name="puebloNacionalidadId" id="puebloNacionalidadId" data-placeholder="Seleccione" disabled="">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-puebloNacionalidadId">Seleccione pueblo y nacionalidad.</div>
                                                                <div class="valid-feedback" id="valid-puebloNacionalidadId">¡Campo validado!</div>
                                                            </div>
                                                        </div>                                                        
                                                        <div class="col-lg-3">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="tipoSangre" class="form-label">Tipo de Sangre:</label>
                                                                <select class="form-control select2" name="tipoSangre" id="tipoSangre" data-placeholder="Seleccione">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-tipoSangre">Seleccione su tipo de sangre.</div>
                                                                <div class="valid-feedback" id="valid-tipoSangre">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="lugarNacimiento" class="form-label">Lugar de Nacimiento:</label>
                                                                <input class="form-control" type="text" name="lugarNacimiento" id="lugarNacimiento" placeholder="Ingrese su lugar de nacimiento" >
                                                                <div class="invalid-feedback" id="invalid-lugarNacimiento">Ingrese su lugar de nacimiento.</div>
                                                                <div class="valid-feedback" id="valid-lugarNacimiento">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="fechaNacimiento" class="form-label">Fecha de Nacimiento:</label>
                                                                <input class="form-control" type="text" name="fechaNacimiento" id="fechaNacimiento" placeholder="aaaa-mm-dd" >
                                                                <div class="invalid-feedback" id="invalid-fechaNacimiento">Ingrese su fecha de nacimiento.</div>
                                                                <div class="valid-feedback" id="valid-fechaNacimiento">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="nacionalidad" class="form-label">Nacionalidad:</label>
                                                                <input class="form-control" type="text" name="nacionalidad" id="nacionalidad" placeholder="Ingrese su nacionalidad" >
                                                                <div class="invalid-feedback" id="invalid-nacionalidad">Ingrese su nacionalidad.</div>
                                                                <div class="valid-feedback" id="valid-nacionalidad">¡Campo validado!</div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="email" class="form-label">Email Personal:</label>
                                                                <input class="form-control" type="email" name="email" id="email" placeholder="Ingrese su Email Personal" >
                                                                <div class="invalid-feedback" id="invalid-email">Ingrese su email personal.</div>
                                                                <div class="valid-feedback" id="valid-email">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="emailInstitucional" class="form-label">Email Institucional:</label>
                                                                <input class="form-control" type="email" name="emailInstitucional" id="emailInstitucional" placeholder="Ingrese su Email Institucional" >
                                                                <div class="invalid-feedback" id="invalid-emailInstitucional">Ingrese su email institucional.</div>
                                                                <div class="valid-feedback" id="valid-emailInstitucional">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="numcel" class="form-label">Número de celular:</label>
                                                                <input class="form-control" type="text" name="numcel" id="numcel" placeholder="Ingrese su Número de Celular" >
                                                                <div class="invalid-feedback" id="invalid-numcel">Ingrese su número de celular.</div>
                                                                <div class="valid-feedback" id="valid-numcel">¡Campo validado!</div>
                                                            </div>
                                                        </div>   
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="contactoEmergencia" class="form-label">Contacto en caso de emergencia:</label>
                                                                <input class="form-control" type="text" name="contactoEmergencia" id="contactoEmergencia" placeholder="Ingrese el nombre de su contacto" >
                                                                <div class="invalid-feedback" id="invalid-contactoEmergencia">Ingrese el nombre de su contacto.</div>
                                                                <div class="valid-feedback" id="valid-contactoEmergencia">¡Campo validado!</div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="telefonoContactoEmergencia" class="form-label">Teléfono en caso de emergencia:</label>
                                                                <input class="form-control" type="text" name="telefonoContactoEmergencia" id="telefonoContactoEmergencia" placeholder="Ingrese el teléfono de su contacto">
                                                                <div class="invalid-feedback" id="invalid-telefonoContactoEmergencia">Ingrese el teléfono de su contacto.</div>
                                                                <div class="valid-feedback" id="valid-telefonoContactoEmergencia">¡Campo validado!</div>
                                                            </div>
                                                        </div>                                                        
                                                    </div>
                                                    <div class="form-layout-footer">
                                                        <button class="btn btn-success" id="btnActualizarPersonal">Actualizar</button>
                                                    </div><!-- form-layout-footer -->
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card tab-pane card-primary" id="form-academico">
                                            <div class="card-header">
                                                <h5>Académico</h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-layout form-layout-1">
                                                    <div class="row mg-b-25">
                                                        <div class="col-lg-2">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="tipoColegioId" class="form-label">Tipo de Colegio:</label>
                                                                <select class="form-control select2" name="tipoColegioId" id="tipoColegioId" data-placeholder="Seleccione">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-tipoColegioId">Seleccione el tipo de colegio.</div>
                                                                <div class="valid-feedback" id="valid-tipoColegioId">¡Campo validado!</div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="colegioProviene" class="form-label">Colegio del que proviene:</label>
                                                                <input class="form-control" type="text" name="colegioProviene" id="colegioProviene" placeholder="Ingrese el colegio del que proviene" required>
                                                                <div class="invalid-feedback" id="invalid-colegioProviene">Ingrese el colegio del que proviene.</div>
                                                                <div class="valid-feedback" id="valid-colegioProviene">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label for="ubicacionColegio" class="form-label">Ubicación del colegio:</label>
                                                                <input class="form-control" type="text" name="ubicacionColegio" id="ubicacionColegio" placeholder="Ingrese la ubicación del colegio" required>
                                                                <div class="invalid-feedback" id="invalid-ubicacionColegio">Ingrese la ubicación del colegio.</div>
                                                                <div class="valid-feedback" id="valid-ubicacionColegio">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-8">
                                                            <div class="form-group">
                                                                <label for="tituloBachillerato" class="form-label">Título de Bachillerato:</label>
                                                                <input class="form-control" type="text" name="tituloBachillerato" id="tituloBachillerato" placeholder="Ingrese su título de Bachillerato" required>
                                                                <div class="invalid-feedback" id="invalid-tituloBachillerato">Ingrese su título de Bachillerato.</div>
                                                                <div class="valid-feedback" id="valid-tituloBachillerato">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-2">
                                                            <div class="form-group">
                                                                <label for="anioGraduacion" class="form-label">Año de Graduación:</label>
                                                                <input class="form-control" type="number" name="anioGraduacion" id="anioGraduacion" placeholder="Ingrese el año de graduación" required>
                                                                <div class="invalid-feedback" id="invalid-anioGraduacion">Ingrese el año de graduación.</div>
                                                                <div class="valid-feedback" id="valid-anioGraduacion">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2">
                                                            <div class="form-group">
                                                                <label for="notaBachillerato" class="form-label">Nota de Bachillerato:</label>
                                                                <input class="form-control" type="number" step="0.01" name="notaBachillerato" id="notaBachillerato" placeholder="Ingrese su nota de Bachillerato" required>
                                                                <div class="invalid-feedback" id="invalid-notaBachillerato">Ingrese su nota de bachillerato.</div>
                                                                <div class="valid-feedback" id="valid-notaBachillerato">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="otroTitulo" class="form-label">A más del bachillerato posee otro título:</label>
                                                                <select class="form-control select2" name="otroTitulo" id="otroTitulo" data-placeholder="Seleccione">                                                                    
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-otroTitulo">Posee otro título.</div>
                                                                <div class="valid-feedback" id="valid-otroTitulo">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="nivel" class="form-label">Indique el nivel del otro título:</label>
                                                                <select class="form-control select2" name="nivel" id="nivel" data-placeholder="Seleccione" disabled="">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-nivel">Seleccione el nivel.</div>
                                                                <div class="valid-feedback" id="valid-nivel">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="otraCarrera" class="form-label">Estudia otra carrera:</label>
                                                                <select class="form-control select2" name="otraCarrera" id="otraCarrera" data-placeholder="Seleccione">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-otraCarrera">Estudia otra carrera.</div>
                                                                <div class="valid-feedback" id="valid-otraCarrera">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label for="otraInstitucion" class="form-label">En qué institución:</label>
                                                                <input class="form-control" type="text" name="otraInstitucion" id="otraInstitucion" placeholder="Ingrese la institución" required disabled="">
                                                                <div class="invalid-feedback" id="invalid-otraInstitucion">Ingrese la institución.</div>
                                                                <div class="valid-feedback" id="valid-otraInstitucion">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                    </div><!-- form-layout -->
                                                    <div class="form-layout-footer">
                                                        <button class="btn btn-success" id="btnActualizarAcademico">Actualizar</button>
                                                    </div><!-- form-layout-footer -->
                                                </div>
                                            </div>                                            
                                        </div>  
                                        <div class="card tab-pane card-primary" id="form-discapacidad">
                                            <div class="card-header">
                                                <h5>Discapacidad</h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-layout form-layout-1">
                                                    <div class="row mg-b-25">
                                                        <div class="col-lg-3">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="discapacidadId" class="form-label">Tiene discapacidad:</label>
                                                                <select class="form-control select2" name="discapacidadId" id="discapacidadId" data-placeholder="Seleccione">                                                                    
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-discapacidadId">Tiene discapacidad.</div>
                                                                <div class="valid-feedback" id="valid-discapacidadId">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="porcentajeDiscapacidad" class="form-label">Porcentaje de discapacidad:</label>
                                                                <input class="form-control" type="number" step="0.01" name="porcentajeDiscapacidad" id="porcentajeDiscapacidad" placeholder="Ingrese el Porcentaje de Discapacidad" value="0" required disabled="">
                                                                <div class="invalid-feedback" id="invalid-porcentajeDiscapacidad">Ingrese el porcentaje de discapacidad.</div>
                                                                <div class="valid-feedback" id="valid-porcentajeDiscapacidad">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group">
                                                                <label for="numCarnetConadis" class="form-label">N° Carnet CONADIS:</label>
                                                                <input class="form-control" type="text" maxlength="7" name="numCarnetConadis" id="numCarnetConadis" placeholder="Ingrese Nro. CONADIS" required value="NA" disabled="">
                                                                <div class="invalid-feedback" id="invalid-numCarnetConadis">Ingrese el N° del carnet CONADIS.</div>
                                                                <div class="valid-feedback" id="valid-numCarnetConadis">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="tipoDiscapacidadId" class="form-label">Tipo de Discapacidad:</label>
                                                                <select class="form-control select2" name="tipoDiscapacidadId" id="tipoDiscapacidadId" data-placeholder="Seleccione" disabled="">
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-tipoDiscapacidadId">Seleccione el tipo de discapacidad.</div>
                                                                <div class="valid-feedback" id="valid-tipoDiscapacidadId">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                    </div><!-- form-layout -->
                                                    <div class="form-layout-footer">
                                                        <button class="btn btn-success" id="btnActualizarDiscapacidad">Actualizar</button>
                                                    </div><!-- form-layout-footer -->
                                                </div>
                                            </div>                                            
                                        </div> 
                                        <div class="card tab-pane card-primary" id="form-residencia">
                                            <div class="card-header">
                                                <h5>Residencia</h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-layout form-layout-1">
                                                    <div class="row mg-b-25">
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="res_pais" class="form-label">País:</label>
                                                                <select class="form-control select2" style="width: 100%" name="res_pais" id="res_pais" data-placeholder="Seleccione">                                                                                                                                        
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-res_pais">Seleccione el país de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_pais">¡Campo validado!</div>
                                                            </div>                                                            
                                                        </div>  
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="res_provincia" class="form-label">Provincia:</label>
                                                                <select class="form-control select2" name="res_provincia" id="res_provincia" data-placeholder="Seleccione" disabled="">
                                                                </select>
                                                                <input class="form-control" type="text" name="res_provinciatxt" id="res_provinciatxt" placeholder="Ingrese la Provincia (Extranjeros)" disabled="" >
                                                                <div class="invalid-feedback" id="invalid-res_provincia">Debe ingresar la provincia de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_provincia">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="res_canton" class="form-label">Cantón:</label>
                                                                <select class="form-control select2" name="res_canton" id="res_canton" data-placeholder="Seleccione" disabled="">                                                                     
                                                                </select>
                                                                <input class="form-control" type="text" name="res_cantontxt" id="res_cantontxt" placeholder="Ingrese el Cantón (Extranjeros)" disabled="" >
                                                                <div class="invalid-feedback" id="invalid-res_canton">Debe ingresar el cantón de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_canton">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="res_parroquia" class="form-label">Parroquia:</label>
                                                                <input class="form-control" type="text" name="res_parroquia" id="res_parroquia" placeholder="Ingrese la parroquia de residencia">
                                                                <div class="invalid-feedback" id="invalid-res_parroquia">Debe ingresar la parroquia de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_parroquia">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="res_barrio" class="form-label">Barrio:</label>
                                                                <input class="form-control" type="text" name="res_barrio" id="res_barrio" placeholder="Ingrese el barrio de residencia">
                                                                <div class="invalid-feedback" id="invalid-res_barrio">Debe ingresar el barrio de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_barrio">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="res_zona" class="form-label">Zona:</label>
                                                                <input class="form-control" type="text" name="res_zona" id="res_zona" placeholder="Ingrese la zona de residencia">
                                                                <div class="invalid-feedback" id="invalid-res_zona">Debe ingresar la zona de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_zona">¡Campo validado!</div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label for="res_direccion" class="form-label">Dirección:</label>
                                                                <input class="form-control" type="text" name="res_direccion" id="res_direccion" placeholder="Ingrese la dirección de residencia">
                                                                <div class="invalid-feedback" id="invalid-res_direccion">Debe ingresar la dirección de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_direccion">¡Campo validado!</div>
                                                            </div>
                                                        </div>    
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="res_telefono" class="form-label">Número de Teléfono:</label>
                                                                <input class="form-control" type="text" name="res_telefono" id="res_telefono" placeholder="Ingrese el número de teléfono de residencia" required>
                                                                <div class="invalid-feedback" id="invalid-res_telefono">Debe ingresar el número de teléfono de residencia.</div>
                                                                <div class="valid-feedback" id="valid-res_telefono">¡Campo validado!</div>
                                                            </div>
                                                        </div>                                                        
                                                    </div><!-- form-layout -->
                                                    <div class="form-layout-footer">
                                                        <button class="btn btn-success" id="btnActualizarResidencia">Actualizar</button>
                                                    </div><!-- form-layout-footer -->
                                                </div>
                                            </div>                                            
                                        </div>
                                        <div class="card tab-pane card-primary" id="form-procedencia">
                                            <div class="card-header">
                                                <h5>Procedencia</h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-layout form-layout-1">
                                                    <div class="row mg-b-25">
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="proc_pais" class="form-label">País:</label>
                                                                <select class="form-control select2" style="width: 100%" name="proc_pais" id="proc_pais" data-placeholder="Seleccione">                                                                                                                                        
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-proc_pais">Seleccione el país de procedencia.</div>
                                                                <div class="valid-feedback" id="valid-proc_pais">¡Campo validado!</div>
                                                            </div>                                                            
                                                        </div>  
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="proc_provincia" class="form-label">Provincia:</label>
                                                                <select class="form-control select2" name="proc_provincia" id="proc_provincia" data-placeholder="Seleccione" disabled="">
                                                                </select>
                                                                <input class="form-control" type="text" name="proc_provinciatxt" id="proc_provinciatxt" placeholder="Ingrese la Provincia (Extranjeros)" disabled="" >
                                                                <div class="invalid-feedback" id="invalid-proc_provincia">Debe ingresar la provincia de procedencia.</div>
                                                                <div class="valid-feedback" id="valid-proc_provincia">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="proc_canton" class="form-label">Cantón:</label>
                                                                <select class="form-control select2" name="proc_canton" id="proc_canton" data-placeholder="Seleccione" disabled="">                                                                     
                                                                </select>
                                                                <input class="form-control" type="text" name="proc_cantontxt" id="proc_cantontxt" placeholder="Ingrese el Cantón (Extranjeros)" disabled="" >
                                                                <div class="invalid-feedback" id="invalid-proc_canton">Debe ingresar el cantón de procedencia.</div>
                                                                <div class="valid-feedback" id="valid-proc_canton">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="proc_parroquia" class="form-label">Parroquia:</label>
                                                                <input class="form-control" type="text" name="proc_parroquia" id="proc_parroquia" placeholder="Ingrese la parroquia de procedencia">
                                                                <div class="invalid-feedback" id="invalid-proc_parroquia">Debe ingresar la parroquia de procedencia.</div>
                                                                <div class="valid-feedback" id="valid-proc_parroquia">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="proc_barrio" class="form-label">Barrio:</label>
                                                                <input class="form-control" type="text" name="proc_barrio" id="proc_barrio" placeholder="Ingrese el barrio de procedencia">
                                                                <div class="invalid-feedback" id="invalid-proc_barrio">Debe ingresar el barrio de procedencia.</div>
                                                                <div class="valid-feedback" id="valid-proc_barrio">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label for="proc_zona" class="form-label">Zona:</label>
                                                                <input class="form-control" type="text" name="proc_zona" id="proc_zona" placeholder="Ingrese la zona de procedencia">
                                                                <div class="invalid-feedback" id="invalid-proc_zona">Debe ingresar la zona de procedencia.</div>
                                                                <div class="valid-feedback" id="valid-proc_zona">¡Campo validado!</div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label for="proc_direccion" class="form-label">Dirección:</label>
                                                                <input class="form-control" type="text" name="proc_direccion" id="proc_direccion" placeholder="Ingrese la dirección de procedencia">
                                                                <div class="invalid-feedback" id="invalid-proc_direccion">Debe ingresar la dirección de procedencia.</div>
                                                                <div class="valid-feedback" id="valid-proc_direccion">¡Campo validado!</div>
                                                            </div>
                                                        </div>                                  
                                                    </div><!-- form-layout -->
                                                    <div class="form-layout-footer">
                                                        <button class="btn btn-success" id="btnActualizarProcedencia">Actualizar</button>
                                                    </div><!-- form-layout-footer -->
                                                </div>
                                            </div>                                            
                                        </div>                                                                                     
                                    </div><!-- /.card-body -->
                                </div>                               
                            </div>
                        </div>
                        <!-- ./wrapper -->
                    </div>
                    <!-- /.content-wrapper -->                   
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
            <!-- /.content -->
            <?php require_once '../html/MainFooter.php'; ?> 
            <!-- Control Sidebar -->
            <aside class="control-sidebar control-sidebar-dark">
                <!-- Control sidebar content goes here -->
            </aside>
            <!-- /.control-sidebar -->

            <?php require_once '../html/MainJS.php'; ?>
            <script type="text/javascript" src="usuperfil.js"></script>
        </body>
    </html>
    <?php
} else {
    header("Location:" . Conexion::ruta() . "view/404/");
}
?>