{% extends "base/templates/base.html" %}

{% block header_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>
{% endblock %}

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

{% block toolbar %}
	<a id="btn-filtros" class="btn btn-default btn-xs collapsed" data-toggle="collapse" href="#collapse-filtros" data-popup="tooltip" title="" data-original-title="Buscar"><i class="icon-search4"></i></a>
	<a href="javascript:exportarExcel();" class="btn btn-default btn-xs" data-popup="tooltip" title="" data-original-title="Exportar Excel"><i class="icon-file-excel"></i></a>
	<a href="javascript:exportarPdf();" target="_blank" class="btn btn-default btn-xs" data-popup="tooltip" title="" data-original-title="Exportar PDF"><i class="icon-file-pdf"></i></a>
	<a href="{% url 'registrar_usuario' %}" class="btn btn-success btn-xs" data-popup="tooltip" title="" data-original-title="Agregar Usuario"><i class="icon-user-plus"></i></a>
{% endblock %}

{% block content %}
	
	<div id="collapse-filtros" class="panel-collapse collapse bg">
		<form id="consultar_usuarios" method="get" name="consultarUsuariosForm">
			{% csrf_token %}
			{{ form.non_field_errors }}	
			<input type="hidden" id="pagina_id" name="pagina" value="{% if request.GET.pagina %}{{ request.GET.pagina }}{% endif %}" />
			<input type="hidden" id="excel_id" name="excel" value="" />
			<input type="hidden" id="pdf_id" name="pdf" value="" />
			<div class="row">
				<div class="col-sm-5">
					<div class="form-group">
						<label>Filtro:</label>
						{{ form.filtro }}{{ form.errors.filtro }}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-2">
					<button class="btn btn-primary btn-xs" type="submit"><i class="icon-search4"></i> Consultar</button>
				</div>
			</div>
		</form>
		<br>
	</div>
	

	{% if dusuarios %}
	<div class="panel panel-flat">
		<div id="DataTables_Table_1_wrapper" class="dataTables_wrapper no-footer">
			<div class="datatable-scroll">
				<table class="table table-togglable table-condensed datatable-pagination">
					<thead>
						<tr class="bg-slate">
							<th>Usuario</th>
							<th>Nombre</th>
							<th>Apellidos</th>
							<th>Email</th>
							<th>Estado</th>
							<th>Acciones</th>
						</tr>
					</thead>
					<tbody>
						{% for dusuario in dusuarios %}
							<tr>
								<td>
									<a href="{% url 'consultar_usuario' dusuario.usuario.id %}" >{{ dusuario.usuario.username }}</a></br>
									rol: {{  dusuario.get_rol_display }}
								</td>
								<td>{{ dusuario.usuario.first_name }}</td>
								<td>{{ dusuario.usuario.last_name }}</td>
								<td>{{ dusuario.usuario.email }}</td>
								<td>
									{% if dusuario.usuario.is_active == True %}
										<span class="label label-success">Activo</span>
									{% else %}
										<span class="label label-default">Inactivo</span>
									{% endif %}
								</td>
								<td>
									<ul class="icons-list">
										<li><a class="text-primary" href="{% url 'editar_usuario' dusuario.usuario.id %}" data-popup="tooltip" title="" data-original-title="Editar"><i class="icon-pencil7"></i></a></li>
										<li><a class="text-danger" onclick="return eliminarUsuario(this, '{{ dusuario.usuario.username }}')" href="{% url 'eliminar_usuario' dusuario.usuario.id %}" ><i class="icon-trash"></i></a></li>
									</ul>
								</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
			<div class="datatable-footer">
				<div class="dataTables_info" id="DataTables_Table_1_info" role="status" aria-live="polite">Página {{ dusuarios.number }} de {{ dusuarios.paginator.num_pages }}</div>
				<div class="dataTables_paginate paging_simple" id="DataTables_Table_1_paginate">
					{% if dusuarios.has_previous %}
						<a href="?pagina={{ dusuarios.previous_page_number }}" onclick="return cambiarPagina({{ dusuarios.previous_page_number }});" class="paginate_button previous {% if not dusuarios.has_previous %} disabled {% endif %}" aria-controls="DataTables_Table_1" data-dt-idx="0" tabindex="0" id="DataTables_Table_1_previous">← Anterior</a>
					{% endif %}
					{% if dusuarios.has_next %}
						<a href="?pagina={{ dusuarios.next_page_number }}" onclick="return cambiarPagina({{ dusuarios.next_page_number }});" class="paginate_button next {% if not dusuarios.has_next %} disabled {% endif %}" aria-controls="DataTables_Table_1" data-dt-idx="1" tabindex="0" id="DataTables_Table_1_next">Siguiente →</a>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
	{% else %}
		<h3 class="text-center"><small>Aún no existen usuarios registrados</small></h3>
	{% endif %}
{% endblock %}

{% block footer_js %}
	<script>

		$(function() {
			new ObjectField($('#id_persona_id'));
			//$('#id_fecha').datepicker({ dateFormat: 'dd/mm/yy',changeMonth: true,changeYear: true});
		});
		
		function exportarExcel() {
			$('#excel_id').val("1");
			$('#pdf_id').val("");
			document.forms.consultarUsuariosForm.submit();
			return false;		
		}
		
		function exportarPdf() {
			$('#pdf_id').val("1");
			$('#excel_id').val("");
			document.forms.consultarUsuariosForm.target = '_blank';
			document.forms.consultarUsuariosForm.submit();
			return false;		
		}
	
		function cambiarPagina(pagina) {
			$('#pagina_id').val(pagina);
			$('#excel_id').val("");
			$('#pdf_id').val("");
			document.forms.consultarUsuariosForm.submit();
			return false;
		}
		
		function eliminarUsuario(link, parametro) {
	       	swal({
				title: "Eliminar Usuario",
				text: "¿Está seguro que desea eliminar el usuario: " + parametro + " ?",
				type: "warning",
				showCancelButton: true,
				confirmButtonColor: "#DD6B55",
				confirmButtonText: "Sí, eliminar",
				closeOnConfirm: true,
			}, function() {
				document.location.href = link.href;
			});
			return false;
	    }
	</script>
{% endblock %}