{% extends 'administrador/baseA.html.twig' %}
{% block title %}Usuarios
{% endblock %}

{% block sidebaritem %}
	<li class="sidebar-item">
		<a class="sidebar-link waves-effect waves-dark sidebar-link" href="{{ path('app_administrador_bandeja_tramites') }}" aria-expanded="false">
			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy feather-icon">
				<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
				<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
			</svg>
			<span class="hide-menu">Bandeja de tramites
			</span>
		</a>
	</li>

	<li class="sidebar-item selected">
		<a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-pull-request feather-icon">
				<circle cx="18" cy="18" r="3"></circle>
				<circle cx="6" cy="6" r="3"></circle>
				<path d="M13 6h3a2 2 0 0 1 2 2v7"></path>
				<line x1="6" y1="9" x2="6" y2="21"></line>
			</svg>
			<span class="hide-menu">Gestion Usuarios
			</span>
		</a>
		<ul aria-expanded="true" class="collapse first-level">
			<li class="sidebar-item">
				<a href="{{ path('app_administrador_usuario') }}" class="sidebar-link active">
					<i class="mdi mdi-adjust"></i>
					<span class="hide-menu">
						Usuarios
					</span>
				</a>
			</li>
			<li class="sidebar-item">
				<a href="{{ path('app_administrador_oficinas') }}" class="sidebar-link">
					<i class="mdi mdi-adjust"></i>
					<span class="hide-menu">
						Dependencias - Oficinas
					</span>
				</a>
			</li>
		</ul>
	</li>
	<li class="sidebar-item">
		<a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu feather-sm">
				<rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect>
				<rect x="9" y="9" width="6" height="6"></rect>
				<line x1="9" y1="1" x2="9" y2="4"></line>
				<line x1="15" y1="1" x2="15" y2="4"></line>
				<line x1="9" y1="20" x2="9" y2="23"></line>
				<line x1="15" y1="20" x2="15" y2="23"></line>
				<line x1="20" y1="9" x2="23" y2="9"></line>
				<line x1="20" y1="14" x2="23" y2="14"></line>
				<line x1="1" y1="9" x2="4" y2="9"></line>
				<line x1="1" y1="14" x2="4" y2="14"></line>
			</svg>
			<span class="hide-menu">Reglamentos - Procedimientos
			</span>
		</a>
		<ul aria-expanded="false" class="collapse first-level">
			<li class="sidebar-item">
				<a href="{{ path('app_administrador_tupa') }}" class="sidebar-link active">
					<i class="mdi mdi-adjust"></i>
					<span class="hide-menu">
						Tupa
					</span>
				</a>
			</li>
			<li class="sidebar-item">
				<a href="{{ path('app_administrador_tipo_documento') }}" class="sidebar-link">
					<i class="mdi mdi-adjust"></i>
					<span class="hide-menu">
						Tipo Documentos
					</span>
				</a>
			</li>
		</ul>
	</li>
		<li class="sidebar-item">
		<a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers feather-icon">
				<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
				<polyline points="2 17 12 22 22 17"></polyline>
				<polyline points="2 12 12 17 22 12"></polyline>
			</svg>
			<span class="hide-menu">Modulos
			</span>
		</a>
		<ul aria-expanded="false" class="collapse first-level">
			<li class="sidebar-item">
				<a href="{{ path('app_administrador_modulos_operativos') }}" class="sidebar-link">
					<i class="mdi mdi-adjust"></i>
					<span class="hide-menu">
						Modulo Operativo
					</span>
				</a>
			</li>
		</ul>
	</li>
{% endblock %}
{% block breadcrumb %}
	<div class="row">
		<div class="col-md-5 align-self-center">
			<h3 class="page-title">Usuarios</h3>
			<div class="d-flex align-items-center">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							<a href="#">Gestion Usuarios</a>
						</li>
						<li class="breadcrumb-item active" aria-current="page">
							Resgistro de usuarios
						</li>
					</ol>
				</nav>
			</div>
		</div>

	</div>
{% endblock %}

{% block container %}
	<div id="vue">
		<usuarios/>
	</div>
{% endblock %}