{% extends "base/templates/iframed.html" %}
{% block extra_head %}
	<script type="text/javascript">
		function cambiarPagina(pagina) {
			$('#pagina_id').val(pagina);
			document.forms.personasForm.submit();
			return false;
		}			
	</script>
{% endblock %}		
{% block main_content %}
<form method="get" name="personasForm">
	<input type="hidden" id="pagina_id" name="pagina" value="{% if request.GET.pagina %}{{ request.GET.pagina }}{% endif %}" />	
	<input type="hidden" id="cliente" name="cliente" value="{% if request.GET.cliente %}{{ request.GET.cliente }}{% endif %}" />
	<input type="hidden" id="empleado" name="empleado" value="{% if request.GET.empleado %}{{ request.GET.empleado }}{% endif %}" />
	<input type="hidden" id="linea_naviera" name="linea_naviera" value="{% if request.GET.linea_naviera %}{{ request.GET.linea_naviera }}{% endif %}" />
	<input type="hidden" id="agencia_carga" name="agencia_carga" value="{% if request.GET.agencia_carga %}{{ request.GET.agencia_carga }}{% endif %}" />
	<input type="hidden" id="transportista" name="transportista" value="{% if request.GET.transportista %}{{ request.GET.transportista }}{% endif %}" />
	<input type="hidden" id="funcionario_aduana" name="funcionario_aduana" value="{% if request.GET.funcionario_aduana %}{{ request.GET.funcionario_aduana }}{% endif %}" />
	<input type="hidden" id="aseguradora" name="aseguradora" value="{% if request.GET.aseguradora %}{{ request.GET.aseguradora }}{% endif %}" />
	<input type="hidden" id="chofer" name="chofer" value="{% if request.GET.chofer %}{{ request.GET.chofer }}{% endif %}" />
	<div class="input-group">
		<input class="form-control input-sm" type="text" id="filtro" name="filtro" placeholder="Filtrar por.." value="{{ request.GET.filtro }}">
		<div class="input-group-btn">
			<button type="button" class="btn btn-default btn-sm" onclick="javascript:cambiarPagina(1);"><span class="glyphicon glyphicon-search"></span> Consultar</button>
		</div>
	</div>
</form>
<br />
<table id="tpersonas" class="table table-bordered table-striped table-condensed">
	<thead>
		<tr class="bg-slate">
			<th>Identificaci&oacute;n</th>
			<th>Raz&oacute;n Social</th>
		</tr>
	</thead>
	<tbody>
		{% for persona in personas.object_list %}
			<tr>
				<td width="100"><a id="{{ persona.id }}" href="javascript:;" onclick="parent.ObjectField.currentField.selectObj({{ persona.id }});">{% if persona.ruc %}{{ persona.ruc }}{% else %}{{ persona.cedula }}{% endif %}</a></span></td>
				<td>{{ persona.razon_social }}</td>
			</tr>
		{% endfor %}
	</tbody>
</table>
<div class="pagination">
    <span class="step-links">
        {% if personas.has_previous %}
            <a href="?pagina={{ personas.previous_page_number }}" onclick="return cambiarPagina({{ personas.previous_page_number }});">Anterior</a>
        {% endif %}

        <span class="current">
            Página {{ personas.number }} de {{ personas.paginator.num_pages }}.
        </span>

        {% if personas.has_next %}
            <a href="?pagina={{ personas.next_page_number }}" onclick="return cambiarPagina({{ personas.next_page_number }});">Siguiente</a>
        {% endif %}
    </span>
    <br />
    Total de registros: {{ personas.paginator.count }}
</div>
{% endblock %}