{% extends "layout.html" %}
{% block title %}Perfil
{% endblock %}

{% set nav_active = 'reportes' %}
{% block content %}
<div class="box">
	<div class="box-header with-border">
		<h3 class="box-title">Filtros</h3>
		<div class="box-tools pull-right">
			<button class="btn btn-box-tool" data-widget="collapse">
				<i class="fa fa-minus"></i>
			</button>

			<button class="btn btn-box-tool" data-widget="remove">
				<i class="fa fa-times"></i>
			</button>
		</div>
	</div>
	<div class="box-body">
		<div class="row">
			<div class="col-md-12">
				<form class="form-reporte" action="reporte.php" method="get">
					<div class="row">
						<div class="col-md-6">
							<p class="bg-verdelight" style="padding: 5px;">Por Fecha</p>
							<div class="row">
								<div class="form-group col-md-6">
									<label for="fecha_de">De</label>
									<input type="date" class="form-control form-control-sm ml-1" id="fecha_de"
										name="fecha_de" value="{{fecha_de}}">
								</div>
								<div class="form-group col-md-6">
									<label for="fecha_asta">Hasta</label>
									<input type="date" class="form-control form-control-sm ml-1" id="fecha_asta"
										name="fecha_asta" value="{{fecha_asta}}">
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<p class="bg-verdelight" style="padding: 5px;">Por Tipo</p>
							<div class="row">
								<div class="form-group col-md-6">
									<label for="tipo_persona">Tipo persona</label>
									<select class="form-control form-control-sm" name="tipo_persona" id="tipo_persona">
										<option value="all">--todos--</option>
										{% for tipo_persona in tipo_personas %}
										<option {% if tipo_persona.id == stipo_persona %} selected {% endif %}
											value="{{tipo_persona.id}}">
											{{tipo_persona.nombre}}</option>
										{% endfor %}
									</select>
								</div>
								<div class="form-group col-md-6">
									<label for="tipo_documento">Tipo documento</label>
									<select class="form-control form-control-sm" name="tipo_documento" id="tipo_documento">
										<option value="all">--todos--</option>
										{% for tipo_documento in tipo_documentos %}
										<option {% if tipo_documento.id == stipo_documento %} selected {% endif %}
											value="{{tipo_documento.id}}">{{tipo_documento.nombre}}</option>
										{% endfor %}
									</select>
								</div>
							</div>
						</div>
						<div class="col-md-12">
							<p class="bg-verdelight" style="padding: 5px;">Por Ubicacion</p>
							<div class="row">
								<div class="form-group col-md-4">
									<label for="provincia">Provincia</label>
									<select class="form-control form-control-sm" name="provincia" id="provincia">
										<option value="all">--todos--</option>
										{% for provincia in provincias %}
										<option {% if provincia.id == sprovincia %} selected {% endif %}
											value="{{provincia.id}}">
											{{provincia.nombre}}</option>
										{% endfor %}
									</select>
								</div>
								<div class="form-group col-md-4">
									<label for="distrito">Distrito</label>
									<select class="form-control form-control-sm" name="distrito" id="distrito">
										<option value="all">--todos--</option>
										{% for distrito in distritos %}
										<option class="distrito_option" padre="{{distrito.padre}}"
											{% if distrito.id == sdistrito %} selected {% endif %} value="{{distrito.id}}">
											{{distrito.nombre}}</option>
										{% endfor %}
									</select>
								</div>
								<div class="form-group col-md-4">
									<label for="anexo">CCNN/CCPP</label>
									<select class="form-control form-control-sm" name="anexo" id="anexo">
										<option value="all">--todos--</option>
										{% for anexo in anexos %}
										<option class="anexo_option" padre="{{anexo.padre}}" {% if anexo.id == sanexo %}
											selected {% endif %} value="{{anexo.id}}">{{anexo.nombre}}</option>
										{% endfor %}
									</select>
								</div>
							</div>
						</div>
					</div>
					<div style="display: flex;justify-content: center;">
						<button type="submit" class="btn btn-sm btn-verdedark ml-3 mt-4">Buscar</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>


<div class="box">
	<div class="box-header with-border">
		<h3 class="box-title">Resultados</h3>
		<div class="box-tools pull-right">
			<button class="btn btn-box-tool" data-widget="collapse">
				<i class="fa fa-minus"></i>
			</button>

			<button class="btn btn-box-tool" data-widget="remove">
				<i class="fa fa-times"></i>
			</button>
		</div>
	</div>
	<div class="box-body">
		<div class="row">
			<div class="col-md-12">
				<div class="table-responsive size-scroll-table">
					<table class="table-condensed table-bordered table-striped" style="font-size: 11px;">
						<thead>
							<tr style="text-transform: uppercase;">
								<th scope="col" style="text-align: center;">ITEM</th>
								<th style="text-align: center;">Empresa</th>
								<th style="text-align: center;">Responsable</th>
								<th style="text-align: center;">Telefono</th>
								<th style="text-align: center;">Correo</th>
								<th style="text-align: center;">Direccion</th>
								<th style="text-align: center;">Distrito</th>
								<th style="text-align: center;">CCPP/CCNN</th>
								<th style="text-align: center;">Tipo documento</th>
								<th style="text-align: center;">Folio</th>
								<th style="text-align: center;">Fecha</th>
								<th style="text-align: center;">Asunto</th>
							</tr>
						</thead>
						<tbody>
							{% set numero = 0 %}
							{% for solicitante in solicitantes %}
							{% set numero = numero + 1 %}
							<tr>
								<th scope="row">{{numero}}</th>
								<td>{{solicitante.razon_social}}</td>
								<td>{{solicitante.nombres}}
									{{solicitante.apellido_paterno}}
									{{solicitante.apellido_materno}}</td>
								<td>{{solicitante.telefono}}</td>
								<td>{{solicitante.correo}}</td>
								<td>{{solicitante.direccion}}</td>
								<td>{{solicitante.getDistrito()}}</td>
								<td>{{solicitante.getAnexo()}}</td>
								<td>{{solicitante.getTipoDocumento()}}</td>
								<td>{{solicitante.numero_folio}}</td>
								<td class="text-right">{{solicitante.getFecha()}} <br> {{solicitante.getHora()}} </td>
								<td>{{solicitante.asunto}}</td>
							</tr>
							{% endfor %}


						</tbody>
					</table>
				</div>
				{% if numero <= 1 %}
				<p class="text-center">Sin registros</p>
				{% endif %}

			</div>
		</div>
	</div>
</div>

<div>
	<button class="btn btn-verdedark" id="btn-imprimir-reporte" style="float: left;">IMPRIMIR</button>
	<p style="float: right;">Número de registro: {{numero}}</p>
</div>

{% endblock %}