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

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

{% block toolbar %}
	<a id="btn-filtros" class="btn btn-default btn-xs collapsed" data-toggle="collapse" href="#collapse-group2" data-popup="tooltip" title="" data-original-title="Buscar"><i class="icon-search4"></i></a>
{% endblock %}


{% block content %}
<!-- form busqueda -->
<div id="collapse-group2" class="panel-collapse collapse bg">
	<form method="get" name="consultar_personas_form">
		{{ form.non_field_errors }}	
		<input type="hidden" name="filtros" value="1">
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label>Cliente:</label>
					{{ form.cliente }}{{ form.errors.cliente }}
				</div>
			</div>
			<div class="col-sm-6">
				<div class="row">
					<div class="col-sm-6">
						<div class="form-group">
							<label>Fecha Inicio(Desde):</label>
							{{ form.fecha_inicio_desde }}{{ form.errors.fecha_inicio_desde }}
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label>Fecha Inicio(Hasta):</label>
							{{ form.fecha_inicio_hasta }}{{ form.errors.fecha_inicio_hasta }}
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label>Ejecutivo:</label>
					{{ form.ejecutivo }}{{ form.errors.ejecutivo }}
				</div>
			</div>
			<div class="col-sm-6">
				<div class="row">
					<div class="col-sm-6">
						<div class="form-group">
							<label>Fecha Fin(Desde):</label>
							{{ form.fecha_fin_desde }}{{ form.errors.fecha_fin_desde }}
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label>Fecha Fin(Hasta):</label>
							{{ form.fecha_fin_hasta }}{{ form.errors.fecha_fin_hasta }}
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label>Inspector:</label>
					{{ form.inspector }}{{ form.errors.inspector }}
				</div>
			</div>
			<div class="col-sm-3">
				<div class="form-group">
					<label>Estado:</label>
					{{ form.estado }}{{ form.errors.estado }}
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label>Filtro:</label>
					{{ form.filtro }}{{ form.errors.filtro }}
				</div>
			</div>
			<div class="col-sm-3">
				<div class="form-group">
					<label>OCE:</label>
					{{ form.oce }}{{ form.errors.oce }}
				</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>
<!-- /form busqueda -->
<!-- tabla informes -->
{% if informes %}
<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 class="text-center" data-hide="phone">OCE</th>
						<th class="text-center" data-toggle="true">Env&iacute;o</th>
						<th class="text-center" data-hide="phone,tablet">Fechas</th>
						<th class="text-center" data-hide="phone,tablet">Cliente</th>
						<th class="text-center" data-hide="phone,tablet">Estado</th>
						<th class="text-center" data-hide="phone"></th>
					</tr>
				</thead>
				<tbody>
					{% for inf in informes %}
						<tr>
							<td class="text-size-small">
								{{ inf.inspeccion.envio.get_oce_display }}<br />
								<span class="text-black">Ejec:</span> {{ inf.inspeccion.envio.ejecutivo|default:'N/A' }}<br />
								<span class="text-black">Inspec:</span> {{ inf.inspeccion.envio.inspector|default:'N/A' }}
							</td>
							<td class="text-size-small">
								<span class="text-black">Manifiesto:</span> {{ inf.inspeccion.envio.numero_manifiesto|default:'N/A' }}<br />
								<span class="text-black">Referendo:</span> {{ inf.inspeccion.envio.numero_refrendo|default:'N/A' }}<br />
								<span class="text-black">Orden:</span> {{ inf.inspeccion.envio.numero_orden|default:'N/A' }}<br />
							</td>
							<td class="text-size-small">
								<span class="text-black">Inicio:</span> {{ inf.fecha_inicio|date:'d/m/Y H:i'|default:'N/A' }}<br />
								<span class="text-black">Fin:</span> {{ inf.fecha_fin|date:'d/m/Y H:i'|default:'N/A' }}<br />
							</td>
							<td class="text-size-small">
								{{ inf.inspeccion.envio.cliente.razon_social|default:'N/A' }}
							</td>
							<td class="">
								{% if inf.estado == 'P' %}
									<span class="label label-default">Pendiente</span>
								{% endif %}
								{% if inf.estado == 'E' %}
									<span class="label label-primary">En Curso</span>
								{% endif %}
								{% if inf.estado == 'F' %}
									<span class="label label-success">Finalizado</span>
								{% endif %}<br />
								<span class="text-black text-size-small">Codigo:</span> <a href="{% url 'consultar_informe' inf.id %}">{{ inf.codigo|default:'N/A' }}</a>
							</td>
							<td class="text-center">
								<ul class="icons-list">
									<li><a target="_blank" class="text-primary" href="{% url 'consultar_informe' inf.id %}?imprimir=1" data-popup="tooltip" title="" data-original-title="Imprimir"><i class="icon-printer2"></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 {{ informes.number }} de {{ informes.paginator.num_pages }}</div>
			<div class="dataTables_paginate paging_simple" id="DataTables_Table_1_paginate">
				{% if informes.has_previous %}
					<a href="?pagina={{ informes.previous_page_number }}" onclick="return cambiarPagina({{ informes.previous_page_number }});" class="paginate_button previous {% if not informes.has_previous %} disabled {% endif %}" aria-controls="DataTables_Table_1" data-dt-idx="0" tabindex="0" id="DataTables_Table_1_previous">← Anterior</a>
				{% endif %}
				{% if informes.has_next %}
					<a href="?pagina={{ informes.next_page_number }}" onclick="return cambiarPagina({{ informes.next_page_number }});" class="paginate_button next {% if not informes.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>Aun no hay informes registrados</small></h3>
{% endif %}
<!-- /tabla informes -->
{% 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 type="text/javascript">
	$(function(){
		/* para los filtros */
		{% if request.GET.filtros == '1' %}
			$('#btn-filtros').trigger('click');
		{% endif %}
		/*/para los filtros */
		var clientefield = new ObjectField($('#id_cliente'));
		var ejecutivofield = new ObjectField($('#id_ejecutivo'));
		var inspectorfield = new ObjectField($('#id_inspector'));
	});
	
</script>
{% endblock %}