<%--
Document : mantenimientoMenu
Created on : 09-jul-2018, 11:42:42
Author : Felipe Escala
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@include file="templates/header.jsp" %>
<!--template-core-->
<!--css-->
<link href="../css/general.css" rel="stylesheet" type="text/css"/>
<!--css-->
</head>
<body onload="segundaCarga();">
<%@include file="templates/header-body.jsp" %>
<!-- content -->
<div class="row animated fadeIn">
<div class="col-sm-12 col-md-12 col-lg-3 col-centered">
<div class="panel panel-primary card-3" style="margin-top: 30px">
<div class="panel-heading" style="padding: 8px 15px">
<h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="icon icon-search4"></i> Búsqueda de Tipos de Usuario</h6>
<div class="heading-elements">
<ul class="icons-list">
<li><a data-action="collapse"></a></li>
</ul>
</div>
</div>
<div class="panel-body" id="panelSearch">
<form id="formTipoUsuario" onsubmit="return false" autocomplete="off">
<div class="row">
<div class='col-md-12' id="div-busq-tipo">
<div class="form-group">
<label>
Tipo de Usuario:
</label>
<span class="asterisk">(*)</span>
<input type="text" id="txtTipoDeUsuario" name="txtBusqueda" class="form-control" value="" placeholder="INGRESE NOMBRE DEL TIPO DE USUARIO" style="text-transform:uppercase;">
</div>
</div>
</div>
</form>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="text-right">
<span class="text-danger">(*) </span> Campo obligatorio
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="text-right">
<button class="btn bg-primary border-primary-600 btn-xs" type="button" id="btnBuscar"><i class="fa fa-search"></i> Buscar</button>
<button class="btn bg-orange border-orange-600 btn-xs" type="button" id="btnLimpiar"><i class="fa fa-refresh"></i> Limpiar</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-9 col-centered">
<div class="panel panel-primary card-3" style="margin-top: 30px">
<div class="panel-heading" style="padding: 8px 15px">
<h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="fa fa-list"></i> Listado de Tipos de Usuario</h6>
<div class="heading-elements">
<button type="button" id="btnNuevoTipoUsuario" class="btn bg-slate border-slate-600 btn-xs"><i class="glyphicon glyphicon-plus"></i> Nuevo Tipo de Usuario</button>
</div>
</div>
<div class="table-responsive">
<table class="table dataTable table-striped table-hover table-sm table-bordered display" id="tblTipoUsuario">
<thead>
<tr>
<th class="text-center">Nº</th>
<th class="text-center">NOMBRE</th>
<th class="text-center">ESTADO</th>
<th class="text-center">ACCIONES</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<!-- / content -->
<%@include file="templates/footer-body.jsp" %>
<!--js-->
<script src="../js/pages/tipoUsuario.js" type="text/javascript"></script>
<!--js-->
</body>
</html>