<div id="mantenimiento" class="modal fade" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content bd-0">
            <div class="modal-header pd-y-20 pd-x-25">
                <h6 id="lblTitulo" class="tx-14 mg-b-0 tx-uppercase tx-inverse tx-bold"></h6>
            </div>
            <div class="modal-body">
                <div class="content">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="card-body">
                                <div class="tab-content">
                                    <div class="card tab-pane active card-primary" id="form-personal">
                                        <div class="card-header">
                                            <h5>Personal</h5>
                                        </div>
                                        <form method="post" id="formUsuario" enctype="multipart/form-data">
                                            <input type="hidden" name="usuariodbk" id="usuariodbk"/>
                                            <div class="card-body">
                                                <div class="form-layout form-layout-1">
                                                    <div class="row mg-b-25">
                                                        <div class="col-lg-12">
                                                            <div class="form-group">                                                                
                                                                <label for="persona" class="form-label">Persona:</label>
                                                                <select class="form-control select2" name="persona" id="persona" data-placeholder="Seleccione" required>
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-persona">Seleccione la Persona</div>
                                                                <div class="valid-feedback" id="valid-persona">¡Campo validado!</div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label for="nickname" class="form-label">Nickname:</label>
                                                                <input class="form-control" type="text" name="nickname" id="nickname" placeholder="Ingrese su nickname" required>
                                                                <div class="invalid-feedback" id="invalid-nickname">Ingrese su nickname</div>
                                                                <div class="valid-feedback" id="valid-nickname">¡Campo validado!</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <label for="clave" class="form-label">Password:</label>
                                                                <input class="form-control" type="password" name="clave" id="clave" placeholder="Ingrese su Password" required>
                                                                <div class="invalid-feedback" id="invalid-clave">Ingrese su password</div>
                                                                <div class="valid-feedback" id="valid-clave">¡Campo validado!</div>
                                                            </div>
                                                        </div>
<!--                                                        <div class="col-lg-12">
                                                            <div class="form-group">
                                                                <label for="foto" class="form-label">Foto:</label>
                                                                <input class="form-control" type="file" name="foto" id="foto">
                                                                <p class="help-block">Peso máximo de la foto 2MB</p>
                                                                <img src="../../views/img/usuarios/default/anonymous.png" class="img-thumbnail previsualizar" width="100px">                        
                                                            </div>
                                                        </div>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        -->
                                                        <div class="col-lg-12">
                                                            <div class="form-group mg-b-10-force">
                                                                <label for="perfil" class="form-label">Perfil:</label>
                                                                <select class="form-control select2" name="perfil" id="perfil" data-placeholder="Seleccione" required>
                                                                    <option label="Seleccione"></option>
                                                                    <option value="DOCENTE">DOCENTE</option>
                                                                    <option value="ESTUDIANTE">ESTUDIANTE</option>
                                                                    <option value="ADMINISTRATIVO">ADMINISTRATIVO</option>
                                                                    <option value="TECNOLOGIA">TECNOLOGIA</option>
                                                                </select>
                                                                <div class="invalid-feedback" id="invalid-perfil">Seleccione el perfil.</div>
                                                                <div class="valid-feedback" id="valid-perfil">¡Campo validado!</div>
                                                            </div>
                                                        </div> 
                                                        <div class='form-layout-footer'>
                                                            <button type='submit' name='action' value='add' class='btn btn-success tx-11 tx-uppercase pd-y-12 pd-x-25 tx-mont tx-medium'>Guardar</button>                
                                                        </div>                                                        
                                                    </div>                                                        
                                                </div>
                                            </div>
                                        </form>
                                    </div>                                                                                      
                                </div>
                            </div>                               
                            <button type="reset" class="btn btn-danger tx-11 tx-uppercase pd-y-12 pd-x-25 tx-mont tx-medium" aria-label="Close" aria-hidden="true" data-dismiss="modal"><i class="fa fa-close"></i>Salir</button>
                        </div>
                    </div>              
                </div>
            </div> 
        </div>
    </div>
</div>