@extends('templates.default')

@section('css')
<link href="{{ URL::to('/css/bootstrap.vertical-tabs.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<style type="text/css">
    .controlInfo{
        background-color: #F5F5FF;
    }
    .colorA{border-left: 3px solid yellow !important;}
    .colorR{border-left: 3px solid red !important;}
	.activa{background-color: white !important;}
	
	.tamanio_pequeno{
		font-size: 11.5px;
		font-family: Helvetica;
	}
	.tamanio_pequeno strong{
		font-size: 11px;
		font-family: Helvetica;
	}

	
	.row-even {
	    background-color:#ddd;
	}
        .plantilla{
            display:none;
        }
    .icon-order{
    	font-size: 10px;
		background-color: #fafafa;
		color: #888;
    }
   	.thead-orden{
   		cursor: pointer;
   	}
</style>
{{ HTML::style('css/bootstrap-datetimepicker.min.css') }}
@endsection

@section('nav')
<li><a href="{{ URL::to('/') }}">Home</a></li>
<li>Informes</li>
@endsection

@section('title_right')
<a id="accion-busqueda" class="btn @if($inputs['filtros']=='1') btn-primary @else btn-default @endif" href="javascript:;" rel="tooltip" data-toggle="tooltip" data-placement="top" title="Busqueda"><span class="glyphicon glyphicon-search"></span></a>
<!--
<a href="javascript:exportar_excel();" class="btn btn-default" rel="tooltip" data-toggle="tooltip" data-placement="top" title="Exportar"><span class="glyphicon glyphicon-export"></span></a>
<a target="_blank" href="javascript:exportar_pdf();" class="btn btn-default" rel="tooltip" data-toggle="tooltip" data-placement="top" title="Imprimir"><span class="glyphicon glyphicon-print"></span></a>
-->
@endsection

@section('content')
<div class="clearfix"></div>
<div class="col-md-12 busqueda hide">
	<form class="well form-horizontal" name="form_informes" style="padding-bottom:0;" action="{{ URL::route('consultar_informes') }}" method="get">
		<input type="hidden" name="filtros" value="1" />
		<input type="hidden" id="filtro_tabla" name="filtro_tabla" value="@if(isset($inputs['filtro_tabla'])){{ $inputs['filtro_tabla'] }}@endif" />
		<input type="hidden" id="filtro_campo" name="filtro_campo" value="@if(isset($inputs['filtro_campo'])){{ $inputs['filtro_campo'] }}@endif" />
		<input type="hidden" id="filtro_orden" name="filtro_orden" value="@if(isset($inputs['filtro_orden'])){{ $inputs['filtro_orden'] }}@endif" />
		<input type="hidden" id="id_excel" name="excel" value="" />
		<input type="hidden" id="id_pdf" name="pdf" value="" />
		<input type="hidden" id="id_pdf_envio" name="pdf_envio" value="" />
		<div class="form-group">
			<div class="col-md-5 col-sm-7">
				<label>Cliente:</label>
            	{{PersonaField::persona(array('name' => 'cliente','valor_id' => (isset($inputs['cliente'])?$inputs['cliente']:null)))}}
			</div>
            <div class="col-md-2 col-sm-1"></div>
            <div class="col-sm-2">
				<label>Fecha Inicio (Desde):</label>
				<input type="text" class="form-control" data-date-format="DD/MM/YYYY HH:mm" name="fecha_inicio_desde" value="@if(isset($inputs['fecha_inicio_desde'])){{ $inputs['fecha_inicio_desde'] }}@endif" />
            </div>
            
            <div class="col-md-2 col-sm-1"></div>
            <div class="col-sm-2">
				<label>Fecha Inicio (Hasta):</label>
				<input type="text" class="form-control" data-date-format="DD/MM/YYYY HH:mm" name="fecha_inicio_hasta" value="@if(isset($inputs['fecha_inicio_hasta'])){{ $inputs['fecha_inicio_hasta'] }}@endif" />
            </div>
		</div>
		
		<div class="form-group">
             <div class="col-md-5 col-sm-7">
                <label>Ejecutivo:</label>
                {{UsuarioField::ejecutivo(array('name' => 'ejecutivo','valor_id' => (isset($inputs['ejecutivo'])?$inputs['ejecutivo']:null), array('class' => 'form-control'))) }}
            </div>
			<div class="col-md-2 col-sm-1"></div>
			<div class="col-sm-2">
				<label>Fecha Fin (Desde):</label>
				<input type="text" class="form-control" data-date-format="DD/MM/YYYY HH:mm" name="fecha_fin_desde" value="@if(isset($inputs['fecha_fin_desde'])){{ $inputs['fecha_fin_desde'] }}@endif" />
            </div>
            
            <div class="col-md-2 col-sm-1"></div>
            <div class="col-sm-2">
				<label>Fecha Fin (Hasta):</label>
				<input type="text" class="form-control" data-date-format="DD/MM/YYYY HH:mm" name="fecha_fin_hasta" value="@if(isset($inputs['fecha_fin_hasta'])){{ $inputs['fecha_fin_hasta'] }}@endif" />
            </div>
		</div>                
        <div class="form-group">
           <div class="col-md-5 col-sm-7">
                <label>Inspector:</label>
                {{UsuarioField::inspector(array('name' => 'inspector','valor_id' => (isset($inputs['inspector'])?$inputs['inspector']:null), array('class' => 'form-control'))) }}
            </div>
            <div class="col-md-2 col-sm-1"></div>
            <div class="col-sm-4">
                <label for="estado_inspeccion" class="">Estado:</label>
                {{ Form::select('estado_informe', array('T' => 'Todos','T' => 'Todos', 'P' => 'Pendiente', 'E' => 'En curso', 'F' => 'Finalizado'), (isset($inputs['estado_informe'])?$inputs['estado_informe']:null), array('class' => 'form-control')) }}
            </div>
        </div>
        
        <div class="form-group">
            <div class="col-md-5 col-sm-6">
				<label class="">Filtro:</label>
                <input type="text" class="form-control" placeholder="# manifiesto, refrendo, # de orden, descripción" name="filtro" value="@if(isset($inputs['filtro'])){{ $inputs['filtro'] }}@endif" />
			</div>
			<div class="col-md-2 col-sm-1"></div>
            <div class="col-sm-4">
				<label>OCE:</label>
                {{ Form::select('oce', array('T' => 'Todos','IMP' => 'Importación', 'EXP' => 'Exportación'), (isset($inputs['oce'])?$inputs['oce']:null), array('class' => 'form-control')) }}
            </div>
		</div>
        
        
		<div class="form-group">
			<div class="col-md-12">
				<button type="submit" class="btn btn-primary btn-sm">
					<span class="glyphicon glyphicon-search"></span>
					Buscar
				</button>
			</div>
		</div>
	<div class="clearfix"></div>
	</form>
</div>
<div class="clearfix"></div>
<div class="col-md-12">
    <div class="table-responsive">
        <table class="table table-bordered table-condensed table-striped research">
            <thead>
                <tr>
                	<th class="thead-orden text-center" data-campo="oce" data-orden="ASC"><span class="icon-order glyphicon glyphicon-chevron-up hide"></span>OCE</th>
                    <th class="thead-orden text-center" data-campo="codigo" data-orden="ASC"><span class="icon-order glyphicon glyphicon-chevron-up hide"></span>Env&iacute;o</th>
                    <th class="thead-orden text-center" data-campo="fechas" data-orden="ASC"><span class="icon-order glyphicon glyphicon-chevron-up hide"></span>Fechas</th>
                    <th class="thead-orden text-center" data-campo="envio_id" data-orden="ASC"><span class="icon-order glyphicon glyphicon-chevron-up hide"></span>Cliente</th>
                    <th class="thead-orden text-center" data-campo="estado" data-orden="ASC"><span class="icon-order glyphicon glyphicon-chevron-up hide"></span>Estado de Informe</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach($informes as $i)
                <tr>
	                <td width="115" class="tamanio_pequeno">
                    	{{ $i->inspeccion->envio->oce_get_display() }}<br/>
                    	<strong>Ej.:</strong> {{ $i->inspeccion->envio->usuario->usuario }}
                    	<br/>
                    	<strong>Insp.:</strong> @if ($i->inspeccion->envio->inspector) {{ $i->inspeccion->envio->inspector->usuario }} @else N/A @endif
                    </td>
	                <td width="245" class="tamanio_pequeno">
                    	<strong>manifiesto:</strong><a href="{{ URL::route('consultar_envio', $i->inspeccion->envio->id) }}" >@if ($i->inspeccion->envio->numero_manifiesto) {{ $i->inspeccion->envio->numero_manifiesto }} @else N/A @endif</a><br />
                    	<strong>refrendo: </strong> @if ($i->inspeccion->envio->numero_refrendo) {{ $i->inspeccion->envio->numero_refrendo }} @else N/A @endif<br />
                    	<strong>orden: </strong>@if ($i->inspeccion->envio->numero_orden) {{ $i->inspeccion->envio->numero_orden }} @else N/A @endif
                    </td>
                    <td width="160" class="tamanio_pequeno">
                        <strong>Ini.:</strong>
                        {{ ($i->fecha_inicio)?date("d/m/Y g:i:s a",strtotime($i->fecha_inicio)):"N/A" }}
                        <br />
                        <strong>Fin:</strong>
                        {{ ($i->fecha_fin)?date("d/m/Y g:i:s a",strtotime($i->fecha_fin)):"N/A" }}
                    </td>
                    <td class="tamanio_pequeno">
                    	<a href="{{ URL::route('consultar_persona', $i->inspeccion->envio->cliente->id) }}" >{{ $i->inspeccion->envio->cliente->razon_social }}</a>
                    </td>
	                <td class="tamanio_pequeno">
	                	{{ $i->get_estado_display() }}<br/>
	                	<strong>código: </strong> <a href="{{ URL::route('consultar_informe', $i->id) }}" >{{ $i->codigo }}</a>
	                </td>
	                <td style="text-align: center;">
	                	<a target="_blank" href="{{ URL::route('consultar_informe', $i->id) }}?exportar_pdf=1" rel="tooltip" data-toggle="tooltip" data-placement="top" title="Imprimir">
                            <span class="glyphicon glyphicon-print"></span>
                        </a>
	                </td>
	                
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $informes->appends(Input::except('page'))->links() }}
  
	<div id="modalControlEnvio" class="modal fade">
	    <div class="modal-dialog modal-lg">
	        <form class="modal-content" id="formEnvio" action="/" method="post">
	            <div class="modal-header">
	                <div class="cell text-center">
	                    <button type="button" class="close" data-dismiss="modal">×</button>
	                    <h4 class="semibold text-primary">Gestionar Envio</h4>
	                </div>
	            </div>
	            <div class="modal-body" style="padding-top: 0px;">
	                <div class="row" id="div_controlEnvio">
	    
	                </div>
	            </div>
	            <div class="modal-footer">
	            	<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
	                <button type="button" class="btn btn-success" onclick="envioEnviarCampos();">Aceptar</button>
	            </div>
	        </form><!-- /.modal-content -->
	    </div><!-- /.modal-dialog -->
	</div>
</div>
@endsection

@section('js-footer')
<!-- para los filtros -->
<script type="text/javascript">
	$(function(){
		var fieldCliente = new ObjectField($("#id_cliente"));
        fieldCliente.agregarParametro('cliente',1);
		/*var fieldAgencia = new ObjectField($("#id_agencia"));
        fieldAgencia.agregarParametro('agencia',1);
        var fieldAgenciaCarga = new ObjectField($("#id_agencia_carga"));
        fieldAgenciaCarga.agregarParametro('agencia_carga',1);*/
		var fieldEjecutivo = new ObjectField($("#id_ejecutivo"));
        
        var fieldInspector = new ObjectField($("#id_inspector"));
        
        var fecha_inicio_desde = $('input[name="fecha_inicio_desde"]').datetimepicker({  pick12HourFormat: false, autoclose: true });
        var fecha_inicio_hasta = $('input[name="fecha_inicio_hasta"]').datetimepicker({  pick12HourFormat: false, autoclose: true });
        
        var fecha_fin_desde = $('input[name="fecha_fin_desde"]').datetimepicker({  pick12HourFormat: false, autoclose: true });
        var fecha_fin_hasta = $('input[name="fecha_fin_hasta"]').datetimepicker({  pick12HourFormat: false, autoclose: true });
         
        
        /*$('.btn-desde').on('click', function(){
            desde.show();
        });
        $('.btn-hasta').on('click', function(){
            hasta.show();
        });*/
        
        $('#accion-busqueda').click(function(){
        	if($('.busqueda').hasClass('hide')){
        		$('.busqueda').removeClass('hide');
        	}else{
        		$('.busqueda').addClass('hide');
        	}
        });
        @if(isset($inputs['filtros']))
        	@if($inputs['filtros']=='1')
        		$('.busqueda').removeClass('hide');
        	@endif
        @endif
	});
</script>
<script type="text/javascript">
    $(function(){
       
		//para los filtros de orden en la tabla
		$('.thead-orden').click(function(e){
			e.preventDefault();
			//verificar si esta ASC o DESC
			$('#filtro_tabla').val('1');
			$('#filtro_campo').val($(this).attr('data-campo'));
			if($('#filtro_orden').val()=='ASC')
				$('#filtro_orden').val('DESC');
			else
				$('#filtro_orden').val('ASC');
			
			document.form_envios.submit();
		});
		
		//verifica en la carga de la pagina
		if($('#filtro_orden').val() == 'DESC'){
			$('th[data-campo='+$('#filtro_campo').val()+']')
				.find('span.glyphicon')
				.removeClass('glyphicon-chevron-up')
				.addClass('glyphicon-chevron-down')
				.removeClass('hide');
		}else{
			$('th[data-campo='+$('#filtro_campo').val()+']')
				.find('span.glyphicon')
				.removeClass('glyphicon-chevron-down')
				.addClass('glyphicon-chevron-up')
				.removeClass('hide');
		}

    });
    
    function exportar_pdf(){
    	$('#id_pdf').attr('value','1');
    	document.forms.form_envios.target = '_blank';
    	document.forms.form_envios.submit();
    	$('#id_pdf').attr('value','0');
    	document.forms.form_envios.target = '';
    }
    
    function exportar_excel(){
    	$('#id_excel').attr('value','1');
    	document.forms.form_envios.submit();
    	$('#id_excel').attr('value','0');
    }
    
    function generarPdfEnvio(id_envio){
    	$('#id_pdf_envio').attr('value','1');
    	document.forms.form_envios.submit();
    	window.location.href = 'aa';
    	$('#id_pdf_envio').attr('value','0');
    }
</script>
{{ HTML::script('js/moment.js') }}
{{ HTML::script('js/bootstrap-datetimepicker.js') }}
<script type="application/javascript" src="{{ URL::to('/js/envio/validar.js') }}"></script>
<script type="application/javascript" src="{{ URL::to('/js/envio/campo_detalle.js') }}"></script>
{{ HTML::script('js/jquery.maskedinput.min.js') }}
@endsection