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

{% block header_css %}
	<style>
		.vcenter {
		    /* display: inline-block; */
		    vertical-align: middle;
		    /* float: none; */
		}
		
		input:focus , select:focus {
		  background: rgb(216, 242, 255);
		  outline:5px solid #ffffcc;
		  border-color: rgb(25, 83, 112) !important;
		}
		
		 
		input[type="checkbox"] {
			background: rgb(216, 242, 255);
		  	border-color: rgb(25, 83, 112);
		  	background-color: pink; 
		} 
		
		.control_solo_lectura{
			background-color: #fafafa !important;
		}
		
		.control_escritura{
			background-color: white !important;
		}
	</style>
{% endblock %}

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

{% block content %}

<form method="post" name="registrarEnvioForm" action="" enctype="multipart/form-data">
	{% csrf_token %}
	<div class="tab-content">
		{{ form.envio_id }}
		<a href="javascript:expandirTodos();" class="btn btn-info btn-xs" data-popup="tooltip" title="" data-original-title="Expandir todos"><i class="icon-move"><small>&nbsp; Expandir todos</small></i></a>
		<a href="{% url 'consultar_envio' envio.id %}" class="btn btn-info btn-xs" data-popup="tooltip" title="" data-original-title="Consultar Envio"><i class="icon-envelope"><small>&nbsp; Consultar Envio</small></i></a>
		<br/><br/>
	
		<div id="id_gestion" class="panel-group">
			<div class="panel">
				<a data-toggle="collapse" href="#status_inicial">
					<div class="panel-heading bg-slate-800">
						<h6 class="panel-title">
							<div class="text-white">Status Inicial</div>
						</h6>
					</div>
				</a>
				<div id="status_inicial" class="panel-collapse collapse in">
					<div class="panel-body">
						<div class="form-horizontal">
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">OCE:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.get_oce_display }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Ejecutivo:</label>
								<div class="col-md-10 col-sm-8">	
									<div class="form-control input-sm">
										{{ envio.ejecutivo.get_full_name }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Fecha de Apertura:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.fecha_apertura|date:"d/m/Y g:i:s A"|default:'N/A' }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Fecha de Arribo:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.fecha_arribo|date:"d/m/Y g:i:s A"|default:'N/A' }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Cliente:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.cliente }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate"># de Manifiesto:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.numero_manifiesto }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Linea Naviera:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.linea_naviera }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Agencia Naviera:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.agencia_carga }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Bodega:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.bodega }}
									</div>
								</div>
							</div>
							{% if envio.carga_contenedorizada %}
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Fecha Expiración Salida:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.fecha_expiracion_salida|date:"d/m/Y g:i:s A"|default:'N/A' }}
										</div>
									</div>
								</div>
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Días Libres:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.dias_libres }}
										</div>
									</div>
								</div>
							{% endif %}
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Número BL:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.numero_bl }}
									</div>
								</div>
							</div>
							<div class="row mb-5">
								<label class="col-md-2 col-sm-4 control-label alpha-slate">Número Master BL:</label>
								<div class="col-md-10 col-sm-8">
									<div class="form-control input-sm">
										{{ envio.numero_master_bl }}
									</div>
								</div>
							</div>
							{% if envio.con_seguro %}
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Fecha Emisión seguro:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.fecha_emision_seguro|date:"d/m/Y"|default:'N/A' }}
										</div>
									</div>
								</div>
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Aseguradora:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.aseguradora }}
										</div>
									</div>
								</div>
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Número Poliza:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.numero_poliza }}
										</div>
									</div>
								</div>
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Número Aplicación:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.numero_aplicacion }}
										</div>
									</div>
								</div>
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Monto Aseguradora:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.monto_aseguradora }}
										</div>
									</div>
								</div>
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Prima Bruta:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.prima_bruta }}
										</div>
									</div>
								</div>
								<div class="row mb-5">
									<label class="col-md-2 col-sm-4 control-label alpha-slate">Prima Neta:</label>
									<div class="col-md-10 col-sm-8">
										<div class="form-control input-sm">
											{{ envio.prima_neta }}
										</div>
									</div>
								</div>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
			
			<div class="panel">
				<a id="id_etapa_transmision" class="collapsed" data-toggle="collapse" href="#transmision">
					<div class="panel-heading bg-slate-800">
						<h6 class="panel-title">
							<div class="text-white">Transmisión</div>
						</h6>
					</div>
				</a>
				<div id="transmision" class="panel-collapse collapse">
					<div class="panel-body">
						<div class="form-horizontal ">
							{% for f in form %}
								{% if f.field.widget.attrs.etapa == 'TRANSMISION1' %}
									<div class="row mb-5 {{ f.field.widget.attrs.clase_adicional }} ">
										<label class="col-md-2 col-sm-8 control-label alpha-slate">{{ f.field.widget.attrs.label }}:</label>
										<div class="col-md-9 col-sm-9">
											{{ f }}{{ f.errors }}
										</div>
										<label class="col-md-1 col-sm-1 control_campo"><a href="#"><i class="icon-cross2 text-slate-800"></i></a></label>
									</div>
								{% endif %}
							{% endfor %}
						</div>
					</div>
				</div>
			</div>
			
			
			
			<div class="panel">
				<a id="id_etapa_entrega" class="collapsed" data-toggle="collapse" href="#entrega_mercaderia_garantia">
					<div class="panel-heading bg-slate-800">
						<h6 class="panel-title">
							<div class="text-white">Ordenes de Entrega</div>
						</h6>
					</div>
				</a>
				<div id="entrega_mercaderia_garantia" class="panel-collapse collapse">
					<div class="panel-body">
						{% if envio.get_ordenes_entrega %}
								<div class="tab-pane has-padding" id="ordenes">
									<div class="table-responsive">
										<table class="table table-togglable table-hover tabla-menos-padding">
											<thead>
												<tr class="bg-slate">
													<th class="text-center"># Orden Entrega</th>
													<th class="text-center">Gestión</th>
													<th class="text-center">Vehículo</th>
													<th class="text-center">Fechas</th>
													<th class="text-center">Descripción</th>
													<th></th>
												</tr>
											</thead>
											<tbody>
												{% for orden_entrega in envio.get_ordenes_entrega %}
												<tr>
													<td>
														<a target="_blank" href="{% url 'consultar_ordenentrega' orden_entrega.id %}">{{ orden_entrega.codigo }}</a><br>
														<i data-popup="tooltip" title="" data-original-title="Operador" class="icon-user"></i> {{ orden_entrega.operador|default:'N/A' }}<br>
														<i data-popup="tooltip" title="" data-original-title="Auxiliar" class="icon-users2"></i> {{ orden_entrega.auxiliar|default:'N/A' }}
													</td>
													<td>
														<i data-popup="tooltip" title="" data-original-title="Gesti&oacute;n" class="icon-info22"></i> {{ orden_entrega.get_gestion_display|default:'No definido' }}<br>
														<i data-popup="tooltip" title="" data-original-title="Estado" class="icon-info22"></i> <span class="label label-{{ orden_entrega.get_clase_label_estado_sistema }}">{{ orden_entrega.get_estado_display|default:'N/A' }}</span>
													</td>
													<td>
														<i data-popup="tooltip" title="" data-original-title="Veh&iacute;culo" class="icon-truck"></i> {{ orden_entrega.vehiculo|default:'No definido' }} <br>
														<i data-popup="tooltip" title="" data-original-title="Chofer" class="icon-user"></i> {{ orden_entrega.chofer|default:'No definido' }} <br>
														<i data-popup="tooltip" title="" data-original-title="Transportista" class="icon-users4"></i> {{ orden_entrega.vehiculo.transportista|default:'Sin Definir' }}
													</td>
													<td>
														Pago Bod.: {{ orden_entrega.fecha_pago_bodegaje|default:'N/A' }}<br>
														S. Merc.: {{ orden_entrega.fecha_salida_mercaderia|default:'N/A' }}<br>
													</td>
													<td>{{ orden_entrega.descripcion|default:'N/A' }}</td>
													<td class="text-center">
														{% if orden_entrega.estado != orden_entrega.ESTADO_ANULADA %}
															{% if orden_entrega.puede_modicar or request.dusuario.rol == request.dusuario.ADMINISTRADOR %}
																<a class="text-primary" href="{% url 'registrar_ordenentrega' orden_entrega.id %}" data-popup="tooltip" title="" data-original-title="Editar"><i class="icon-pencil7"></i></a>
															{% endif %}
														{% endif %}
														<a class="text-danger" target="_blank" href="{% url 'consultar_ordenentrega' orden_entrega.id %}?pdf=1"><span class="icon-file-pdf"></span></a>
													</td>
												</tr>
												{% endfor %}
											</tbody>
										</table>
									</div>
								</div>
						{% else %}
							A&uacute;n no se han generado las ordenes de entrega.
						{% endif %}
					</div>
				</div>
			</div>
			
			
			
			<div class="panel">
				<a id="id_etapa_transmision2" class="collapsed" data-toggle="collapse" href="#transmision2">
					<div class="panel-heading bg-slate-800">
						<h6 class="panel-title">
							<div class="text-white">Transmisión 2</div>
						</h6>
					</div>
				</a>
				<div id="transmision2" class="panel-collapse collapse">
					<div class="panel-body">
						{% if envio.get_ordenes_entrega %}
							{% if envio.tiene_ordenes_entrega_pendiente == False %} 
								<div class="form-horizontal ">
									{% for f in form %}
										{% if f.field.widget.attrs.etapa == 'TRANSMISION2' %}
											<div class="row mb-5 {{ f.field.widget.attrs.clase_adicional }} ">
												<label class="col-md-2 col-sm-8 control-label alpha-slate">{{ f.field.widget.attrs.label }}:</label>
												<div class="col-md-9 col-sm-9">
													{{ f }}{{ f.errors }}
												</div>
												<label class="col-md-1 col-sm-1 control_campo"><a href="#"><i class="icon-cross2 text-slate-800"></i></a></label>
											</div>
										{% endif %}
									{% endfor %}
								</div>
							{% else %}
								El env&iacute;o posee Ordenes de Entrega pendientes.
							{% endif %}
						{% else %}
							Etapa no disponible.
						{% endif %}
					</div>
				</div>
			</div>
			
			
			
			{% if envio.canal_aforo == envio.AFORO_FISICO_INTRUSIVO %}
				<div class="panel">
					<a id="id_etapa_inspeccion" class="collapsed" data-toggle="collapse" href="#inspeccion">
						<div class="panel-heading bg-slate-800">
							<h6 class="panel-title">
								<div class="text-white">Inspección</div>
							</h6>
						</div>
					</a>
					<div id="inspeccion" class="panel-collapse collapse">
						<div class="panel-body">
							<div>-Inspector: {{ envio.inspector }}-</div>
							{% if envio.get_informes %}
							<div class="tab-pane has-padding" id="informes">
								<div class="table-responsive">
									<table class="table table-togglable table-hover tabla-menos-padding">
										<thead>
											<tr class="bg-slate">
												<th class="text-center"># Informe</th>
												<th class="text-center">Detalle Inspeccionado</th>
												<th class="text-center">Contenido</th>
												<th class="text-center">Estado</th>
												<th></th>
											</tr>
										</thead>
										<tbody>
											{% for informe in envio.get_informes %}
											<tr>
												<td>
													<a href="{% url 'consultar_informe' informe.id %}">{{ informe.codigo }}</a><br>
													<i data-popup="tooltip" title="" data-original-title="Auxiliar" class="icon-users2"></i> {{ informe.inspeccion.envio.inspector }}
												</td>
												<td class="">
													{{ informe.detalle_envio.descripcion }}
													<br>Tipo: {{ informe.detalle_envio.get_tipo_descripcion }}
												</td>
												<td>{{ informe.detalle_envio.descripcion }}</td>
												<td>{{ informe.get_estado_display }}</td>
												<td class="text-center"><a class="text-danger" target="_blank" href="{% url 'consultar_informe' informe.id %}?imprimir=1"><span class="icon-file-pdf"></span></a></td>
											</tr>
											{% endfor %}
										</tbody>
									</table>
								</div>
							</div>
							{% else %}
								No se han registrado informes de inspecci&oacute;n.
							{% endif %}
						</div>
					</div>
				</div>
			{% endif %}
			
			
			<div class="panel">
				<a id="id_etapa_workflow" class="collapsed" data-toggle="collapse" href="#workflow">
					<div class="panel-heading bg-slate-800">
						<h6 class="panel-title">
							<div class="text-white">Workflow</div>
						</h6>
					</div>
				</a>
				<div id="workflow" class="panel-collapse collapse">
					<div class="panel-body">
						{% if envio.canal_aforo %}
							{% if envio.canal_aforo != envio.AFORO_FISICO_INTRUSIVO or  envio.tiene_inspeccion_finalizada == True %}
							<div class="form-horizontal">
								{% for f in form %}
									{% if f.field.widget.attrs.etapa == 'WORKFLOW' %}
										<div class="row mb-5 dd {{ f.field.widget.attrs.clase_adicional }}">
											<label class="col-md-2 col-sm-8 control-label alpha-slate">
												{% if 'espaciado' in f.field.widget.attrs.clase_adicional  %}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% endif %}
												{{ f.field.widget.attrs.label }}:
											</label>
											<div class="col-md-1 col-sm-1 text-right">
												{{ f }}{{ f.errors }}
											</div>
											{% if f.name == "observado" or f.name == "duda" %}
												<label id="id_agregar_{{ f.name }}" class="col-md-1 col-sm-1 control_campo"><a data-toggle="modal" data-target="#modal_detalle_gestion" data-name="Detalle {{ f.name|title }}" data-tipo="{{ f.name }}" data-envio="{{ envio.id }}" data-envio_campo="{{ f.field.widget.attrs.id_envio_campo }}"><i class="text-success-800 icon-add"></i></a></label>
											{% endif %}
										</div>
									{% endif %}
								{% endfor %}
							</div>
							{% else %}
								No se ha finalizado la inspecci&oacute;n.
							{% endif %}
						{% else %}
							No se ha definido el canal de aforo.
						{% endif %}
					</div>
				</div>
			</div>
			
			
			
			

			<!-- etapa envio -->			
			<div class="panel">
				<a id="id_etapa_envio" class="collapsed" data-toggle="collapse" href="#envio" >
					<div class="panel-heading bg-slate-800">
						<h6 class="panel-title">
							<div class="text-white">Env&iacute;o</div>
						</h6>
					</div>
				</a>
				<div id="envio" class="panel-collapse collapse">
					<div class="panel-body">
						{% if envio.tiene_alguna_salida %}
							<div class="form-horizontal">
								{% for f in form %}
									{% if f.field.widget.attrs.etapa == 'ENVIO' %}
										<div class="row mb-5">
											<label class="col-md-2 col-sm-4 control-label alpha-slate">{{ f.field.widget.attrs.label }}:</label>
											<div class="col-md-9 col-sm-8">
												{{ f }}{{ f.errors }}
											</div>
											<label class="col-md-1 col-sm-1 control_campo"><a href="#"><i class="icon-cross2 text-slate-800"></i></a></label>
										</div>
									{% endif %}
								{% endfor %}
							</div>
						{% else %}
							El env&iacute;o no posee alguna salida.
						{% endif %}
					</div>
				</div>
			</div>
			

			<!-- etapa contabilidad -->			
			<div class="panel">
				<a id="id_etapa_contabilidad" class="collapsed" data-toggle="collapse" href="#contabilidad" >
					<div class="panel-heading bg-slate-800">
						<h6 class="panel-title">
							<div class="text-white">Contabilidad</div>
						</h6>
					</div>
				</a>
				<div id="contabilidad" class="panel-collapse collapse">
					<div class="panel-body">
						{% if envio.esta_derivado_a_contabilidad %}
							<div class="form-horizontal">
								{% for f in form %}
									{% if f.field.widget.attrs.etapa == 'CONTABILIDAD' %}
										<div class="row mb-5">
											<label class="col-md-2 col-sm-4 control-label alpha-slate">{{ f.field.widget.attrs.label }}:</label>
											<div class="col-md-9 col-sm-8">
												{{ f }}{{ f.errors }}
											</div>
											<label class="col-md-1 col-sm-1 control_campo"><a href="#"><i class="icon-cross2 text-slate-800"></i></a></label>
										</div>
									{% endif %}
								{% endfor %}
							</div>
						{% else %}
							El env&iacute;o no ha sido enviado a Contabilidad.
						{% endif %}
					</div>
				</div>
			</div>
				
			<div class="panel">
				<div class="panel">
					<a  id="id_etapa_archivo" class="collapsed" data-toggle="collapse" href="#archivo" >
						<div class="panel-heading bg-slate-800">
							<h6 class="panel-title">
								<div class="text-white">Archivo</div>
							</h6>
						</div>
					</a>
					<div id="archivo" class="panel-collapse collapse">
						<div class="panel-body">
							{% if envio.esta_facturado %}
								
								<div class="col-xs-12 table-responsive" align="center">
			                        <table class="table table-striped table-bordered table-hover">
			                            <thead>
			                                <tr>
			                                    <th class="text-center">#Copias</th>
			                                    <th class="text-center">Refrendar</th>
			                                    <th class="text-center">Total Copias</th>
			                                </tr>
			                            </thead>
			                            <tbody>
			                                <tr>
			                                    <td class="text-center">
			                                        {{ form.numero_copias }}{{ form.errors.numero_copias }}
			                                    </td>
			                                    <td class="text-center">
			                                        <a data-target="#modalContenedor" data-toggle="modal" style="width:110px;" class="btn btn-sm btn-warning" href="#" onclick="envioEnviarRefrendo(this);">
			                                            Refrendar
			                                        </a>
			                                        <a style="display: none;" target="_blank" id="btn_generar_refrendo" href="{% url 'generar_pdf_refrendo' %}" rel="tooltip" data-toggle="tooltip" data-placement="top" title="Imprimir">
							                            <span class="glyphicon glyphicon-print"></span>
							                        </a>
			                                    </td>
			                                    <td class="text-center"><span id="id_cantidad_refrendo">{{ envio.total_refrendo|default:'N/A' }}</span></td>
			                                </tr>
			                                <tr>
			                                	<td colspan="3">
			                                		<b>Observaciones:</b><br/><br/>
			                                		{{ form.observaciones_refrendo }}{{ form.errors.observaciones_refrendo }}
			                                	</td>
			                                </tr>
			                            </tbody>
			                        </table>
			                    </div>
							{% else %}
								El env&iacute;o no ha sido facturado.
							{% endif %}
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</form>
<div class="row">
	<div class="col-sm-12">
		<br>
		<button class="btn btn-success btn-sm" onclick="registrarGestion(this);"><span class="icon-floppy-disk text-size-base"></span> Guardar</button>
	</div>
</div>
<div id="modal_detalle_gestion" class="modal fade">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<span id="title_modal_gestion" class="text-semibold modal-title"></span>
			</div>
			<div class="modal-body" style="padding-bottom:0;">
				<iframe class="row" id="id_iframe_modal_gestion" style="margin:0;padding:0;border:none;overflow:hidden;width:100%;height:350px;"></iframe>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-link" data-dismiss="modal">Cerrar</button>
			</div>
		</div>
	</div>
</div>
{% 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='apps/frontend/envio' folder='media' %}js/gestion_envio.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>
		
		$(function() {
			
			$('#modal_detalle_gestion').on('show.bs.modal', function(e){
				var titulo_modal = $(e.relatedTarget).attr('data-name');
				
				var envio = $(e.relatedTarget).attr('data-envio');
				var tipo = $(e.relatedTarget).attr('data-tipo');
				var envio_campo = $(e.relatedTarget).attr('data-envio_campo');
				
				if(tipo == 'observado'){
					tipo = 'OBS';
				}else{
					tipo = 'DUD';
				}
				
				$('#id_iframe_modal_gestion').attr('src', '{% url "detalle_dudaobs" %}'+'?tipo='+tipo+'&envio='+envio+'&envio_campo='+envio_campo);
				$('#title_modal_gestion').html(titulo_modal);
			});
			
			new ObjectField($('#id_funcionario_responsable'));
			new ObjectField($('#id_funcionario_responsable2'));
			new ObjectField($('#id_transportista'));

			$('body').on('keydown', 'input, select, textarea, checkbox', function(e) {
			    var self = $(this)
			      , form = self.parents('form:eq(0)')
			      , focusable
			      , next
			      ;
			    if (e.keyCode == 13 || e.keyCode == 9) {
			    	//console.log(verificarValorEnControl(this));
			    	if( verificarValorEnControl(this) == true){
			    		focusable = form.find('input,select,button,textarea').filter(':visible');
				        next = focusable.eq(focusable.index(this)+1);
				        if (next.length) {
				        	gestionarControl(this);
				        	//$('input[type="checkbox"]:first').focus(); 	
				            next.focus();
				        }else{//ojo
				        	gestionarControl(this);
				        }
				        
				         //else {
				            //form.submit();
				        //}
				        return false;	
			    	}
			    }
			});
			
			$('#id_canal_aforo').bind('change', MostrarCambiarAforoFisico);
			$('#id_salida_ajuste').bind('click', salidaAjuste);
			salidaAjuste();
			$('#id_cambiar_aforo_fisico').bind('click', cambiarAforoFisico);
			$('#id_observado').bind('click', mostrarAgregarObservacionDuda);
			$('#id_duda').bind('click', mostrarAgregarObservacionDuda);
			MostrarCambiarAforoFisico();
			mostrarAgregarObservacionDuda();
			cambiarAforoFisico();
			Inicializar();
			
			//mascaras para inputs
			$("#id_numero_refrendo").mask("999-9999-99-99999999",{autoclear: false});	
			if(rol_usuario_sistema=='ADM'){
            	var year = '9999';
            }else{
            	var year = new Date().getFullYear();
            }
            $("#id_numero_orden").mask("01000003"+year+'0000'+"9999P",{autoclear: false});
		});
		
		function getSiguienteCampoAIngresar(){
			nombre_siguiente_campo_a_ingresar = '{{ envio.get_nombre_siguiente_campo_a_ingresar }}';
			return nombre_siguiente_campo_a_ingresar;
		}
		
		function getUltimoCampoIngresado(){
			nombre_ultimo_campo_ingresado = '{{ envio.get_nombreultimocampo_registrado }}';
			return nombre_ultimo_campo_ingresado;
		}
		
		function getEtapaActual(){
			etapa_actual = '{{ envio.get_etapa_actual }}';
			return etapa_actual;
		}
		
		function Inicializar(){
			bloquearTodos();//bloquedo todos para iniciar
			
			etapa_actual = getEtapaActual();
			desplegarEtapaActual(etapa_actual);
			
			console.log('ETAPA ACTUAL: ' + etapa_actual);
			
			//nombre_campo_a_ingresar = getUltimoCampoIngresado();	
			nombre_campo_a_ingresar  = getSiguienteCampoAIngresar();
			procesarSiguienteCampoAIngresar(nombre_campo_a_ingresar); //obtengo el nombre del ultimo campo ingresado en la gestion
			
			console.log('NOMBRE CAMPO PARA EDITAR: ' + nombre_campo_a_ingresar);
			setearVistoCamposRegistrados();
			
			$('#id_'+nombre_campo_a_ingresar).focus();
		}
		
	</script>
{% endblock %}