{% extends "base/templates/base.html" %}
{% load thumbnail %}
{% block breadcumb %}
	<ul class="breadcrumb">
		<li><a href="/"><i class="icon-home2 position-left"></i>Principal</a></li>
		<li class="active">Inspeccion</li>
	</ul>
{% endblock %}

{% block toolbar %}
	<a id="" class="btn btn-default btn-xs collapsed" href="{% url 'consultar_informe' informe.id %}?imprimir=1" data-popup="tooltip" title="" data-original-title="Imprimir"><i class="icon-printer2"></i></a>
{% endblock %}

{% block content %}
<div class="row">
	<div class="col-md-12 col-sm-12">
		<h6 class="text-bold">Informaci&oacute;n del Env&iacute;o:</h6>
	</div>
	<div class="col-md-12 col-sm-12">
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>OCE:</small><br />
					{{ informe.inspeccion.envio.get_oce_display }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Cliente:</small><br />
					{{ informe.inspeccion.envio.cliente.razon_social }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Fecha Apertura:</small><br />
					{{ informe.inspeccion.envio.fecha_apertura|date:'d/m/Y' }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Fecha Arribo/Salida:</small><br />
					{% if informe.inspeccion.envio.oce == 'IMP' %}
						{{ informe.inspeccion.envio.fecha_arribo|date:'d/m/Y' }}
					{% endif %}
					{% if informe.inspeccion.envio.oce == 'EXP' %}
						{{ informe.inspeccion.envio.fecha_salida|date:'d/m/Y' }}
					{% endif %}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Agencia Naviera:</small><br />
					{{ informe.inspeccion.envio.linea_naviera.razon_social|default:'N/A' }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small># Manifiesto:</small><br />
					{{ informe.inspeccion.envio.numero_manifiesto|default:'N/A' }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Agencia de Carga/Consolidadora:</small><br />
					{{ informe.inspeccion.envio.agencia_carga.razon_social|default:'N/A' }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small># Refrendo:</small><br />
					{{ informe.inspeccion.envio.numero_refrendo|default:'N/A' }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Bodega:</small><br />
					{{ informe.inspeccion.envio.bodega.nombre|default:'N/A' }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small># Orden:</small><br />
					{{ informe.inspeccion.envio.numero_orden|default:'N/A' }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>#BL (HBL/AWB):</small><br />
					{{ informe.inspeccion.envio.numero_bl|default:'N/A' }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>#MASTER BL (MBL):</small><br />
					{{ informe.inspeccion.envio.numero_master_bl|default:'N/A' }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Ejecutivo:</small><br />
					{{ informe.inspeccion.envio.ejecutivo.razon_social|default:'N/A' }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Descripci&oacute;n:</small><br />
					{{ informe.inspeccion.envio.descripcion|default:'N/A' }}
				</h5>
			</div>
		</div>
	</div>
	<div class="col-md-12 col-sm-12">
		<hr>
		<h6 class="text-bold">Informaci&oacute;n del Informe:</h6>
	</div>
	<div class="col-md-12 col-sm-12">
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Fecha de Inicio:</small><br />
					{{ informe.fecha_inicio|date:"d/m/Y H:i:s" }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Fecha de Fin:</small><br />
					{{ informe.fecha_fin|date:"d/m/Y H:i:s" }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Inspector:</small><br />
					{{ informe.inspeccion.envio.inspector.razon_social|default:"N/A" }}
				</h5>
			</div>
			<div class="col-md-6 col-sm-12">
				<h5>
					<small>Cuadrilla:</small><br />
					{{ informe.cuadrilla|yesno:"Si,No" }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<h5>
					<small>Contenido:</small><br />
					{{ informe.contenido|default:"N/A" }}
				</h5>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<h5>
					<small>Observaciones:</small><br />
					{{ informe.observaciones|default:"N/A" }}
				</h5>
			</div>
		</div>
	</div>
	<div class="col-md-12 col-sm-12">
		<hr>
		<h6 class="text-bold">Informaci&oacute;n de Inspeccion del Env&iacute;o:</h6>
	</div>
	<div class="col-md-12 col-sm-12">
		{% for a in actividades %}
		<h6 class="text-semibold bg-slate pl-10">Actividad {{ a.orden }}: {{ a.nombre }}</h6>
		<div class="row table-responsive">
			<div class="">
				<table class="table table-striped table-condensed">
					<thead>
						<tr>
							<th>Imagen</th>
							<th>Fecha de subida</th>
							<th>Descripción</th>
						</tr>
					</thead>
					<tbody>
						{% for img in imagenes_informe %}
							{% if a.id == img.actividad.id %}
							<tr>
								<td width="200">
									<a target="_blank" href="{{ img.imagen.path.url }}" rel="group" data-popup="lightbox" title="Actividad {{ a.orden }}: {{ a.nombre }}"><img alt="{{ img.imagen.path.name }}" src="{% thumbnail img.imagen.path 150x100 crop %}" /></a>
								</td>
								<td width="200">{{ img.imagen.fecha_creacion_imagen|date:"d/m/Y H:i:s" }}</td>
								<td>{{ img.imagen.observacion|default:" " }}</td>
							</tr>
							{% endif %}
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		{% endfor %}
	</div>
</div>

{% endblock %}

{% block footer_js %}
{% endblock %}