@extends('layout.mainlayout')
@section('estilos')
  <link rel="stylesheet" href="{{asset('css/etiquetabig.css')}}">
@endsection
@section('navbar')
  @include('layout.partials.nav')
@endsection
@section('slider')
  @include('layout.partials.slider')
@endsection
@section('content')
@section('title', '- Home')
{{-- Autos Aleatorios --}}
<div class="container my-5 py-3">
  <div class="row">
    @include('components.miniFicha', ['data' => $data['autos']]);    
  </div>
</div>

<div class="container-fluid px-0 z-depth-1 blue-gradient">
  <div class="container">
      <section class="text-center white-text d-md-flex justify-content-between p-5 lighten-2">
          <h3 class="font-weight-bold mb-md-0 mb-4 mt-2 pt-1">Visita nuestro amplio stock en vehículos seminuevos.</h3>
          <a href="{{route('seminuevos')}}" onclick="javascript:document.getElementById('verstock').disabled=true;document.getElementById('spinner').style.display='inline-block'"><button id="verstock" type="button" class="btn btn-primary"><span id="spinner" style="display:none" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Ver Stock Completo</button></a>
          </button>
      </section>
  </div>
</div>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d426000.965030887!2d-70.91001965610009!3d-33.47189991731077!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662c5410425af2f%3A0x8475d53c400f0931!2sSantiago%2C%20Regi%C3%B3n%20Metropolitana!5e0!3m2!1ses!2scl!4v1588798327102!5m2!1ses!2scl" width="100%" height="200" frameborder="0" style="border:0;margin-bottom:-6px" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

@endsection
@section('footer')
  @include('layout.partials.footer')
@endsection