@extends('templates.default')

@section('css')
{{ HTML::style('css/select2.css') }}
{{ HTML::style('css/select2-bootstrap.css') }}
{{ HTML::style('css/bootstrap-datetimepicker.min.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;
	       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 Entrega</a></li>
<li>Registrar</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" action="" method="POST" enctype="multipart/form-data">
    {{ Form::token() }}
    {{ $form->id }}
    
    <div class="col-md-10 col-sm-10">
    	@if( $orden && $orden->gestion != 'ALQ')
    	<div class="form-group">
			<div class="col-sm-12">
				<label for="cliente">Sólo pase de puerta:</label>
				{{ $form->solo_pase_puerta }}
			</div>
	    </div>
	    @endif
    	
    	@if( $orden && $orden->gestion )
    	<div class="form-group">
			<div class="col-sm-12">
				<label for="cliente">Gestión:</label>
				{{ $orden->getGestionDisplay() }}
			</div>
	    </div>
	    @endif
    	
    	@if( $orden == null || $orden->gestion == 'ALQ' )
	    	@if(  Usuario::getLogueado()->rol == 'transporte' || Usuario::getLogueado()->rol == 'administrador' )
			    <div class="form-group gestion-alquiler solo_pase_puerta" style="display: none;">
					<div class="col-sm-5">
						<label for="cliente">Cliente</label>
						{{ $form->cliente }}
					</div>
			    </div>
		    @else
		    	<div class="form-group gestion-alquiler solo_pase_puerta" style="display: none;">
					<div class="col-sm-5">
						<label for="cliente">Cliente</label>
						{{ $orden->cliente }}
					</div>
			    </div>
		    @endif
		@endif
	    
	    <div class="form-group solo_pase_puerta">
			<div class="col-sm-5">
				<label for="vehiculo">Vehículo</label>
				{{ $form->vehiculo }}
			</div>
	    </div>
	    
	    <div class="form-group solo_pase_puerta">
			<div class="col-sm-5">
				<label for="chofer">Chofer</label>
				{{ $form->chofer }}
			</div>
	    </div>

	</div>
	
	
	<!-- Informacion del Auxiliar -->
	@if( Usuario::getLogueado()->rol == 'administrador' || Usuario::getLogueado()->rol == 'operaciones')  
	<div class="col-md-12 col-sm-12 col-xs-12 ">
        <hr class="divider-title">
    </div>
	<div class="col-md-10 col-sm-10">
		<div class="form-group">
			<div class="col-sm-1">
				<label for="pase_puerta">Pase de Puerta:</label>
			</div>
			<div class="col-sm-4">
				<div class="fileUpload">
					<a class="btn btn-default btn-sm pull-left" href="javascript:;">
						{{ $form->pase_puerta }}
						<span class="fa fa-upload" aria-hidden="true"></span>&nbsp;Subir archivo
					</a>
					@if( $form->pase_puerta_txt )
						<a target="_blank" class="btn btn-link btn-sm text-success padding-left-0" href="{{ URL::asset('/archivos_subidos/transportista/pases_puerta/'.$form->pase_puerta_txt) }}">
							<span class="fa fa-arrow-circle-o-down"></span>&nbsp;Descargar archivo
						</a>
					@endif
				</div> 
			</div>
		</div>
			
		<div class="form-group">
			<div class="col-sm-1">
				<label for="pago_factura">Factura:</label>
			</div>
			<div class="col-sm-4">
				<div class="fileUpload">
					<a class="btn btn-default btn-sm pull-left" href="javascript:;">
						{{ $form->pago_factura }}
						<span class="fa fa-upload" aria-hidden="true"></span>&nbsp;Subir archivo
					</a>
					@if( $form->pago_factura_txt )
						<a target="_blank" class="btn btn-link btn-sm text-success padding-left-0" href="{{ URL::asset('/archivos_subidos/transportista/pago_facturas/'.$form->pago_factura_txt) }}">
							<span class="fa fa-arrow-circle-o-down"></span>&nbsp;Descargar archivo
						</a>
					@endif
				</div> 
			</div>
		</div>
	</div>
	
	<div class="col-md-10 col-sm-10">
		<div class="form-group">
			<div class="col-sm-3">
				<label for="estado">Horario de Entrada:</label>
				{{ $form->horario_entrada }}
			</div>
	
			<div class="col-sm-3">
				<label for="estado">Horario de Salida:</label>
				{{ $form->horario_salida }}
			</div>
		</div>
	</div>
	@endif
	<!-- Fin de Informacion del Auxiliar -->
	
	
	
	<div class="col-md-12 col-sm-12 col-xs-12 solo_pase_puerta">
        <hr class="divider-title">
    </div>


	
	<div class="col-sm-12 solo_pase_puerta" role="tabpanel">
    	<ul class="nav nav-tabs" style="background-color: #fafafa;" role="tablist">
			<li role="presentation" class="active"><a class="@if(Session::has('destinos_errors')) text-danger @endif" href="#destino" aria-controls="destino" role="tab" data-toggle="tab">@if(Session::has('destinos_errors'))* @endif Destinos </a></li>
			
		</ul>
		<div class="tab-content">
		   <div role="tabpanel" class="tab-pane active" id="destino">
		   		<div class="col-md-14 col-sm-14">
			    	<table class="table table-bordered table-condensed">
			    		<thead>
			    			<tr>
			    				<th></th>
			    				<th>Orden</th>
			    				<th>Destino</th>
			    				<th>Celular</th>
			    				<th>Email</th>
			    				<th>Dirección</th>
			    		</tr>
			    		</thead>
			    		<tbody id="contenedor-tr">
			    						    			@foreach($form->destinos as $destino)
			    			<tr>
			    				<td style="vertical-align: middle; text-align: center;">
			    					<a class="btn btn-link btn-xs eliminar-destino" href="#"><span class="glyphicon glyphicon-trash"></span></a>
			    				</td>
			    				<td style="vertical-align: middle; text-align: center;">
			    					{{ $it+1 }}
			    				</td>
			    				<td style="text-align: center; vertical-align: middle;" width="300">
			    					{{ $destino->destino }}
			    					{{ $errors->{'destino_'.$it}->first('destino', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td>
			    					{{ $destino->celular }}
			    					{{ $errors->{'destino_'.$it}->first('celular', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td>
			    					{{ $destino->email }}
			    					{{ $errors->{'destino_'.$it}->first('email', '<span class="text-danger">:message</span>') }}
			    				</td>
			    				<td >
			    					{{ $destino->direccion }}
			    					{{ $errors->{'destino_'.$it}->first('direccion', '<span class="text-danger">:message</span>') }}
			    				</td>
			    			</tr>
			    						    			@endforeach
			    		</tbody>
			    		<tfoot>
			    			<tr>
			    				<td colspan="10">
			    					<a id="agregar-destino" class="btn btn-link btn-sm" href="#"><i class="glyphicon glyphicon-plus"></i>&nbsp;Agregar Destino</a>
			    				</td>
			    			</tr>
			    		</tfoot>
			    	</table>
			    </div>
		    </div>
		</div><!--tab content -->
	</div>
   
	<div class="col-md-12 col-sm-12 col-xs-12 solo_pase_puerta">
        <hr class="divider-title">
    </div>	
	<div class="col-md-10 col-sm-10">
	 	<div class="form-group">
			<div class="col-sm-5">
				<label for="direccion">Descripción</label>
				{{ $form->descripcion }}
			</div>
	    </div>
	 
	</div>
	   
    <div class="col-sm-12">
        <button type="submit" class="btn btn-success">
            <span class="glyphicon glyphicon-floppy-disk"></span>
            Guardar
        </button>
    </div>
    
    <div class="clearfix"></div>    
	<div class="col-md-12"><hr/></div>
  </form>
@endsection

@section('js-footer')
{{ HTML::script('js/jquery.maskedinput.min.js') }}
{{ HTML::script('js/detalleordenentrega.js') }}
{{ HTML::script('js/moment.js') }}
{{ HTML::script('js/bootstrap-datetimepicker.js') }}

<script type="text/javascript">
    $(function(){
        
       @if( $orden == null || $orden->gestion == 'ALQ' )
       		es_alquiler = true;
       @else
       		es_alquiler = false;
       @endif
    	
	   var fieldCliente = new ObjectField($("#id_cliente"));
	   fieldCliente.agregarParametro('cliente',1);
       var fieldChofer = new ObjectField($("#id_chofer"));
       var fieldVehiculo = new ObjectField($("#id_vehiculo"));
       fieldVehiculo.agregarParametro('estado','A');
       fieldVehiculo.agregarParametro('estado_sistema','D');
       @if($orden)
       		var fieldD = new ObjectField($("input[name^='destino']"));
    		console.log(fieldD);
        	fieldD.selectObj = function(id,descripcion) {
				this.setValores(id,descripcion);
				$('#dlgSelectObj').modal('hide');
			};
       @endif
      
       
       var it = 0;
	   @if($it > 0)
			it = '{{ $it }}';
	   @endif
	   
       $('#agregar-destino').click(function(e){
        	e.preventDefault();
        	var tr = crearDetalleOrdenEntregaForm(it);
        	it++;
        	$('#contenedor-tr').append(tr);
        	var fieldDestino = new ObjectField($(tr).find("input[name^='destino']"));
        	fieldDestino.agregarParametro('modal', '1');
        	fieldDestino.selectObj = function(id,descripcion) {
				this.setValores(id,descripcion);
				var inn = $(tr).find('input[name="celular_destino['+it+']"]');
				$('#dlgSelectObj').modal('hide');
			};
        });

		//eliminar destino
		$('.eliminar-destino').click(function(){
			var det = $(this).closest('tr');
			bootbox.confirm("Está seguro de eliminar el destino?", function(result) {
                if(result){
                    det.remove();
                }
            });
		});
		//mostrarGestion(tiene_id);
       	$('#id_solo_pase_puerta').bind('click', mostrarInfoPasePuerta);
		mostrarInfoPasePuerta();
		
		
		var horario_entrada = $('.fecha').datetimepicker({  pick12HourFormat: false, useCurrent: false, autoClose: true });
		var horario_salida = $('.fecha').datetimepicker({  pick12HourFormat: false, useCurrent: false, autoClose: true });

     }); 
     
     function mostrarInfoPasePuerta(){
        if($('#id_solo_pase_puerta').is(':checked')){
            $('.solo_pase_puerta').hide();
            $('.gestion').show();
            mostrarGestion(es_alquiler);
        }else{
            $('.solo_pase_puerta').show();
            mostrarGestion(es_alquiler);
        }
     }
     
     function mostrarGestion(es_alquiler){
     	if(es_alquiler == true){
     		$('.gestion-alquiler').show();
     	}else{
     		$('.gestion-alquiler').hide();
     	}
     }
</script>
@endsection