@extends('templates.default')

@section('css')
<link href="{{ URL::to('/css/lightbox.css') }}" media="all" rel="stylesheet" type="text/css" />
@endsection

@section('nav')
<li><a href="{{ URL::to('/') }}">Home</a></li>
<li>Vehículos</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 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" style="padding-bottom:0;" action="{{ URL::route('consultar_vehiculos') }}" method="get" name="form_vehiculos">
            <input type="hidden" name="filtros" value="1" />
			<input type="hidden" id="id_excel" name="excel" value="" />
			<input type="hidden" id="id_pdf" name="pdf" value="" />
            <div class="form-group">
                <div class="col-md-4">
                    <label class="control-label">Filtro:</label>
                    <input type="text" class="form-control" name="filtro" value="@if(isset($inputs['filtro'])){{ $inputs['filtro'] }}@endif" />
                </div>
                <div class="col-sm-4">
                    <label for="estado" class="">Estado:</label>
                    {{ Form::select('estado', array('T' => 'Todos','A' => 'Activo', 'I' => 'Inactivo'), (isset($inputs['estado'])?$inputs['estado']:null), array('class' => 'form-control')) }}
                </div>
                <div class="col-sm-4">
                    <label for="estado_sistema" class="">Disponibilidad:</label>
                    {{ Form::select('estado_sistema', array('T' => 'Todos','D' => 'Disponible', 'O' => 'Ocupado'), (isset($inputs['estado_sistema'])?$inputs['estado_sistema']: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">
            <thead>
                <tr>
                    <th></th>
                    <th style="text-align: center;">Estado</th>
                    <th style="text-align: center;">Placa</th>
                    <th style="text-align: center;">Marca</th>
                    <th style="text-align: center;">Modelo</th>
                    <th style="text-align: center;">Año</th>
                    <th style="text-align: center;">Color</th>
                    <th style="text-align: center;">Fecha Vencimiento Matricula</th>
                    <th style="text-align: center;"></th>
                </tr>
            </thead>
            <tbody>
                @foreach($vehiculos as $v)
                <tr>
                    <td width="60">
                        <a href="{{ URL::route('modificar_vehiculo', $v->id) }}" class="modificar-object" rel="tooltip" data-toggle="tooltip" data-placement="top" title="Modificar">
                            <span class="glyphicon glyphicon-edit"></span>
                        </a>&nbsp;
                        <a href="{{ URL::route('eliminar_vehiculo', $v->id) }}" data-vehiculo="{{ $v->codigo }}" class="text-danger eliminar-object" rel="tooltip" data-toggle="tooltip" data-placement="top" title="Eliminar">
                            <span class="glyphicon glyphicon-trash"></span>
                        </a>
                    </td>
                    <td>{{ $v->getEstadoDisplay() }}</td>
                    <td>
                    	<a href="{{ URL::route('consultar_vehiculo', $v->id) }}">{{ $v->placa }}</a><br />
                    	Disponibilidad : {{ $v->getEstadoDisponibilidadDisplay() }}
                    </td>
                    <td>{{ $v->marca }}</td>
                    <td>{{ $v->modelo }}</td>
                    <td>{{ $v->anio }}</td>
                    <td>{{ $v->color }}</td>
                    <td>{{ date("d/m/Y",strtotime($v->fecha_vencimiento_matricula)) }}</td>
                    <td class="text-center">
                    	
                    	<a style="color:black;" href="{{ URL::asset('/images/vehiculos/'.$v->path_imagen_frente ) }}" data-lightbox="image-{{ $v->id }}" data-title="Imagen de Frente"><span class="glyphicon glyphicon-picture"></span></a>
                    	<a href="{{ URL::asset('/images/vehiculos/'.$v->path_imagen_lateral_1 ) }}" data-lightbox="image-{{ $v->id }}" data-title="Imagen Lateral 1"></a>
                    	<a href="{{ URL::asset('/images/vehiculos/'.$v->path_imagen_lateral_2 ) }}" data-lightbox="image-{{ $v->id }}" data-title="Imagen Lateral 2"></a>
                    	<a href="{{ URL::asset('/images/vehiculos/'.$v->path_imagen_matricula ) }}" data-lightbox="image-{{ $v->id }}" data-title="Imagen Matrícula"></a>
                    	&nbsp;
                    	@if($v->path_certificado_peso_dimension!='')
				      		<a href="{{ URL::route('servir_certificado', $v->id) }}" style="color:black;"><span class="glyphicon glyphicon-download"></span></a>
				      	@endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $vehiculos->appends(Input::except('page'))->links() }}
</div>
@endsection

@section('js-footer')
{{ HTML::script('js/lightbox.js') }}
<script type="text/javascript">
    $(function(){
        $('.eliminar-object').click(function($e){
            $e.preventDefault();
            var $url = $(this).attr('href');
            var $vehiculo = $(this).attr('data-vehiculo');
            bootbox.confirm("Está seguro de eliminar el vehiculo: "+$vehiculo+"?", function(result) {
                if(result){
                    location.href = $url;
                }
            });
        });
    });
</script>
<!-- para los filtros -->
<script type="text/javascript">
	$(function(){        
        $('#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
	});
	
	function exportar_pdf(){
    	$('#id_pdf').attr('value','1');
    	document.forms.form_vehiculos.target = '_blank';
    	document.forms.form_vehiculos.submit();
    	$('#id_pdf').attr('value','0');
    	document.forms.form_vehiculos.target = '';
    }
    
    function exportar_excel(){
    	$('#id_excel').attr('value','1');
    	document.forms.form_vehiculos.submit();
    	$('#id_excel').attr('value','0');
    }
    
    function consultar_imagenes($id_vehiculo){
    	//console.log("consultar imagagenes ajax");
    }
    
    function consultar_archivo($id_vehiculo){
    	//console.log("consultar archivo");
    }
</script>
@endsection