@extends('templates.default') @section('css') {{
HTML::style('css/datepicker.css') }} {{ HTML::style('css/select2.css')
}} {{ HTML::style('css/select2-bootstrap.css') }}
<style type="text/css">
.has-feedback .form-control-feedback {
	top: 23px !important;
}
</style>

<style type="text/css">
.fileUpload {
	position: relative;
	overflow: hidden;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}
</style>
@endsection @section('nav')
<li><a href="{{ URL::to('/') }}">Home</a></li>
<li><a href="{{ URL::to('ordenentrega') }}">Orden de Entrega</a></li>
<li>Consultar</li>
@endsection @section('content')

@if($errors->count() > 0)
<div class="col-md-12">
	<div class="alert alert-danger">
		<button type="button" class="close" data-dismiss="alert"
			aria-hidden="true">&times;</button>
		<ul class="list-unstyled">
			@foreach($errors->all('
			<li>:message</li>') as $message) {{ $message }} @endforeach
		</ul>
	</div>
</div>
@endif
<form class="form-horizontal" role="form" method="GET" action="{{ URL::route('consultar_detalleordenentrega') }}">
	<div class="col-md-10 col-sm-10">
		<div class="form-group">
			<div class="col-sm-5">
				<label for="cliente">Orden de Entrega:</label>
				{{EntregaField::entrega(array('name' => 'entrega', 'valor_id' => (isset($orden_entrega)?$orden_entrega->id:null)))}}
			</div>
			<div class="col-sm-5">
				<label for="cliente">&nbsp;</label><br />
				<button type="submit" class="btn btn-primary btn-sm">
					<span class="glyphicon glyphicon-search"></span> Consultar
				</button>
			</div>
		</div>
	</div>

	<div class="col-md-6 col-sm-10">
		<hr class="divider-title">
	</div>
</form>
@if(isset($orden_entrega))
<form class="form-horizontal" name="form_notificar" role="form" method="POST" action="{{ URL::route('registrar_notificacionordenentrega') }}" onsubmit="btn_notificar.disabled = true; return true;">
	{{ Form::token() }} {{ $form->id }} <input type="hidden" name="entrega"
		value="{{ $orden_entrega->id }}" />
	<div class="col-md-10 col-sm-10">
		<div class="form-group">
			<div class="col-sm-5">
				<label for="direccion">Agregar nueva Notificaci&oacute;n:</label> {{
				Form::textarea('descripcion', '',array('placeholder' =>
				'Descripci&oacute;n la notificación.','class' => 'form-control',
				'size' => '10x3')); }}
			</div>
		</div>

	</div>

	<div class="col-md-10 col-sm-10">
		<div class="form-group">
			<div class="col-sm-2">
				<a class="btn btn-success" name="btn_notificar" href="javascript:enviarNotificacion(this);">
					<span class="fa fa-bullhorn"></span> Notificar
				</a>
			</div>
		</div>
	</div>	
		
	@if(isset($detalles_entrega) && sizeof($detalles_entrega) > 0)
	<div class="clearfix"></div>
	<div class="col-md-12">
		<hr />
	</div>
	<div class="col-sm-12">
		<div class="form-group">
			<div class="col-sm-12">
				<label for="direccion">Notificaciones Enviadas:</label>
				<div class="table-responsive">
					<table class="table table-bordered table-condensed table-striped">
						<thead>
							<tr>
								<th>Secuencia</th>
								<th>Fecha</th>
								<th>Descripcion</th>
							</tr>
						</thead>
						<tbody>
							@foreach($detalles_entrega as $d)
							<tr>
								<td>{{ $d->secuencia }}</td>
								<td>{{ $d->fecha_notificacion }}</td>
								<td>{{ $d->descripcion }}</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-12">
				<a class="btn btn-success" name="btn_notificar" href="{{ URL::route('finalizar_ordenentrega', $orden_entrega->id) }}">
					<span class="glyphicon glyphicon-ok"></span> Finalizar Entrega
				</a>
			</div>
		</div>
	</div>
	@elseif(isset($detalles_entrega) && sizeof($detalles_entrega) == 0)
	<div class="clearfix"></div>
	<div class="col-md-12">
		<hr />
	</div>
	<div class="col-sm-12">
		<div class="">
			<label><span class="fa fa-bullhorn"></span>&nbsp;Aun no hay alertas
				para la entrega seleccionada</label>
		</div>
	</div>
	@endif
	<div class="clearfix"></div>
	<div class="col-md-12">
		<hr />
	</div>

</form>
@else
<div class="clearfix"></div>
<div class="col-md-12">
	<h4>
		<small><span class="fa fa-bullhorn"></span>&nbsp;Para Notificar
			primero seleccione una orden de entrega</small>
	</h4>
	<hr />
</div>
@endif @endsection @section('js-footer') {{
HTML::script('js/contacto.js') }} {{
HTML::script('js/bootstrap-datepicker.js') }} {{
HTML::script('js/jquery.maskedinput.min.js') }} {{
HTML::script('js/select2.min.js') }}

<script type="text/javascript">
	function enviarNotificacion(el){
		$(el).attr('href', '#');
		document.forms.form_notificar.submit();
	}

    $(function(){
	   var fieldOrdenEntrega = new ObjectField($("#id_entrega"));
	   //fieldOrdenEntrega.agregarParametro('entrega',1);
	   fieldOrdenEntrega.agregarParametro('modal','1');
       
       $('select.destino').select2({
			minimumInputLength : 2,
			allowClear : true,
		});
		//seleccion de destino
		$('#btn-agregar-destino').click(function(e){
			e.preventDefault();
			var tr_new = $('#template-destino').clone();
			tr_new.removeClass('hide');
			tr_new.find('input.destino').attr('name', 'destino[]');
			
			tr_new.find('input.destino').select2({
				minimumInputLength : 2,
				allowClear : true,
				ajax : {
					url : "{{ URL::route('listado_destinos') }}",
					dataType : 'json',
					type : "GET",
					quietMillis : 50,
					data : function(term) {
						return {
							term : term
						};
					},
					results : function(data) {
						return {
							results : $.map(data, function(item) {
								return {
									text : item.Nombre,
									id : item.id
								}
							})
						};
					},
					cache : true
				}
			});
			
			$('#container-destinos').append(tr_new);
		});
		
		//eliminar destino
		$('.eliminar-detalle').click(function(){
			var det = $(this).closest('tr');
			bootbox.confirm("Está seguro de eliminar el destino?", function(result) {
                if(result){
                    det.remove();
                }
            });
		});
       
     }); 
</script>
@endsection