{% extends "base/templates/base.html" %}
<script type="text/javascript" src="{% url 'comextweb.helpers.utils.mediaurl' application='apps/frontend/persona' folder='media' %}js/persona.js?v={{settings.JS_VERSION}}"></script>

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

{% block toolbar %}
	<a id="" class="btn btn-default btn-xs collapsed" target="_blank" href="{% url 'consultar_ordenentrega' orden_entrega.id %}?pdf=1" data-popup="tooltip" title="" data-original-title="Imprimir"><i class="text-danger icon-file-pdf"></i></a>
{% endblock %}

{% block content %}
<div class="tabbable tab-content-bordered">
	<div class="row">
		<div class="col-md-6 col-sm-12">
			<div class="row">
				<div class="col-md-6 col-sm-12">
					<h4>
						<small>Cliente:</small><br />
						{{ orden_entrega.cliente }}
					</h4>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-sm-12">
					<h4>
						<small>Vehículo:</small><br />
						{{ orden_entrega.vehiculo|default:'No definido' }}
					</h4>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-sm-12">
					<h4>
						<small>Chofer:</small><br />
						{{ orden_entrega.chofer|default:'No definido' }}
					</h4>
				</div>
			</div>
		</div>
	</div>
</div>
<br/>

<div class="tabbable tab-content-bordered">
	<ul class="nav nav-tabs nav-tabs-highlight">
		<li class="active"><a href="#destinos" data-toggle="tab">Destinos</a></li>
		<li><a href="#notificaciones" data-toggle="tab">Notificaciones</a></li>
	</ul>
	<div class="tab-content">
		<!-- destinos -->
		<div class="tab-pane has-padding active" id="destinos">
			<div class="table-responsive">
				<table class="table table-togglable table-hover tabla-menos-padding">
					<thead>
						<tr class="bg-slate">
							<th class="text-center">#</th>
							<th class="text-center">Destino</th>
							<th class="text-center">Dirección</th>
							<th class="text-center">Celular</th>
						</tr>
					</thead>
					<tbody>
						{% for dest in orden_entrega.get_destinos %}
							<tr>
								<td>{{ dest.orden }}</td>
								<td>{{ dest.personadestino }}</td>
								<td>{{ dest.personadestino.direccion }}</td>
								<td>{{ dest.personadestino.celular }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<!-- fin destino -->
		<!-- notificaciones -->
		<div class="tab-pane has-padding" id="notificaciones">
			<div class="table-responsive">
				<table class="table table-togglable table-hover tabla-menos-padding">
					<thead>
						<tr class="bg-slate">
							<th class="text-center">Secuencial</th>
							<th class="text-center">Fecha/Hora</th>
							<th class="text-center">Descripción</th>
						</tr>
					</thead>
					<tbody>
						{% for notif in orden_entrega.get_notificaciones_asc %}
							<tr>
								<td>{{ notif.secuencia }}</td>
								<td>{{ notif.fecha_notificacion|date:"d/m/Y g:i:s A" }}</td>
								<td>{{ notif.descripcion }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<!-- fin notificaciones -->
	</div>
</div>


<div class="row">
	<div class="col-sm-12">
		<br>
		{% if orden.puede_modicar %}
			<a class="btn btn-primary btn-sm" href="{% url 'registrar_ordenentrega' orden_entrega.id %}"><span class="icon-pencil7 text-size-base"></span> Modificar</a>
		{% endif %}
		{% if orden.puede_modicar and orden.gestion == orden.GESTION_ALQUILER %}
			<a class="btn btn-danger btn-sm" href="javascript:;" data-url="{% url 'eliminar_ordenentrega' orden_entrega.id %}"><span class="icon-trash text-size-base"></span> Eliminar</a>
		{% endif %}
	</div>
</div>
{% endblock %}