{% extends "base/templates/base.html" %}
<script type="text/javascript" src="{% url 'comextweb.helpers.utils.mediaurl' application='apps/frontend/persona' folder='media' %}js/persona.js?v={{settings.JS_VERSION}}"></script>

{% block breadcumb %}
	<ul class="breadcrumb">
		<li><a href="/"><i class="icon-home2 position-left"></i>Principal</a></li>
		<li class="active">Consultar Usuario</li>
	</ul>
{% endblock %}

{% block content %}
<div class="tabbable tab-content-bordered">
	<ul class="nav nav-tabs nav-tabs-highlight">
		<li class="active"><a href="#informacion_general" data-toggle="tab">Informaci&oacute;n General</a></li>
		<li><a href="#permisos" data-toggle="tab">Permisos</a></li>
	</ul>
	<div class="tab-content">
		<!-- informacion general -->
		<div class="tab-pane has-padding active" id="informacion_general">
			<div class="row">
				<div class="col-md-6 col-sm-12">
					<div class="row">
						<div class="col-md-6 col-sm-12">
							<h4>
								<small>Estado:</small><br />
								{% if usuario.is_active == True %}
									Activo
								{% else %}
									Inactivo
								{% endif %}
							</h4>
						</div>
						<div class="col-md-6 col-sm-12">
							<h4>
								<small>Rol:</small><br />
								{{ detalle_usuario.get_rol_display }}
							</h4>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 col-sm-12">
							<h4>
								<small>Nombres:</small><br />
								{{ usuario.first_name }}
							</h4>
						</div>
						<div class="col-md-6 col-sm-12">
							<h4>
								<small>Apellidos:</small><br />
								{{ usuario.last_name }}
							</h4>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 col-sm-12">
							<h4>
								<small>Email:</small><br />
								<a href="mailto:{{ usuario.email }}">{{ usuario.email }}</a>
							</h4>
						</div>
						<div class="col-md-6 col-sm-12">
							<h4>
								<small>Usuario:</small><br />
								{{ usuario.username }}
							</h4>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 col-sm-12">
							<h4>
								<small>Identificación:</small><br />
								{{ detalle_usuario.identificacion }}
							</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /informacion general -->
		<!-- permisos -->
		<div class="tab-pane has-padding" id="permisos">
			<div class="table-responsive">
				<table class="table table-bordered table-lg">
					<tbody>
						<tr class="active">
							<th class="text-center"><b>Permisos</b></th>
							<td class="text-center">Consultar</td>
							<td class="text-center">Registrar</td>
							<td class="text-center">Modificar</td>
							<td class="text-center">Eliminar</td>
							<td class="text-center">Administrar</td>
						</tr>
						<tr>
							<td >Usuario</td>
							<td class="text-center"><i class="permiso_{{ permisos.usu_consultar_usuario }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.usu_registrar_usuario }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.usu_modificar_usuario }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.usu_eliminar_usuario }}"></i></td>
							<td></td>
						</tr>
						<tr>
							<td>Persona</td>
							<td class="text-center"><i class="permiso_{{ permisos.per_consultar_persona }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.per_registrar_persona }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.per_modificar_persona }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.per_eliminar_persona }}"></i></td>
							<td></td>
						</tr>
						<tr>
							<td>Bodega</td>
							<td class="text-center"><i class="permiso_{{ permisos.bod_consultar_bodega }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.bod_registrar_bodega }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.bod_modificar_bodega }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.bod_eliminar_bodega }}"></i></td>
							<td></td>
						</tr>
						<tr>
							<td>Envío</td>
							<td class="text-center"><i class="permiso_{{ permisos.env_consultar_envio }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.env_registrar_envio }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.env_modificar_envio }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.env_eliminar_envio }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.env_administrar_envio }}"></i></td>
						</tr>
						<tr>
							<td>Vehículo</td>
							<td class="text-center"><i class="permiso_{{ permisos.veh_consultar_vehiculo }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.veh_registrar_vehiculo }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.veh_modificar_vehiculo }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.veh_eliminar_vehiculo }}"></i></td>
							<td></td>
						</tr>
						<tr>
							<td>Orden Entrega</td>
							<td class="text-center"><i class="permiso_{{ permisos.ord_entrega_consultar }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.ord_entrega_registrar }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.ord_entrega_modificar }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.ord_entrega_eliminar }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.ord_entrega_administrar }}"></i></td>
						</tr>
						<tr>
							<td>Inspección</td>
							<td class="text-center"><i class="permiso_{{ permisos.ins_registrar_inspeccion }}"></i></td>
							<td class="text-center"><i class="permiso_{{ permisos.ins_consultar_informe }}"></i></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>Log de Actividades</td>
							<td class="text-center"><i class="permiso_{{ permisos.log_consultar_logactividad }}"></i></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!-- fin de permisos -->
	</div>
</div>
{% endblock %}

{% block footer_js %}
	<script type="text/javascript" src="{% url 'comextweb.helpers.utils.mediaurl' application='apps/frontend/persona' folder='media' %}js/persona.js?v={{settings.JS_VERSION}}"></script>
	<script type="text/javascript" src="{% url 'comextweb.helpers.utils.mediaurl' application='base' folder='media' %}js/usuario.js?v={{settings.JS_VERSION}}"></script>

	<script>
		$(function() {
			$('.permiso_True').addClass('icon-checkmark4');
			$('.permiso_False').addClass('icon-cross2');
		});
	</script>
{% endblock %}