@extends('template')

@section('title', 'Nuestros Vehiculos')

@section('content')

<div class="container redux">
    <div class="col-xs-12 text-center mt60 mb60">     
        <h1>Nuestros Vehiculos</h1>               
    </div>
</div>

<div class="container redux home-section-images-autos">
	<div class="col-xs-12">
		@foreach($autos as $key => $auto)
			<div class="col-xs-12 col-sm-6 col-md-3 mb30">
				<div id="auto{{ $auto -> id }}">
				<a href="{{ asset($auto -> image) }}">
				    <div class="imagen-auto gallery-vehiculo" style="background-image:url('{{ $auto -> image }}');">
				        
				    </div>
				</a> 
				@foreach ($auto->imagenes  as $element)
					<a href="{{asset($element->image)}}"></a>  
				@endforeach	
				</div>			  
			    <div class="text-center pt15">
			    	<b>{{ $auto -> name }}</b>
			    </div>
		    </div>   

		    <script type="text/javascript">
		        $(document).ready(function() {
		            $("#auto{{ $auto -> id }}").lightGallery(); 
		        });
		    </script>             
		@endforeach
	</div>
</div>

@stop