@extends('layouts.front.app')

@section('og')
  <meta property="og:locale" content="{{ app()->getLocale() }}"/>
  <meta property="og:type" content="home"/>
  <meta property="og:title" content="{{ config('app.name') }} - Home"/>
  <meta property="og:site_name" content="{{ config('app.name') }}"/>
  <meta property="og:description" content="{{ config('site.description') }}"/>
@endsection

@section('content')

<div class="container-fluid p-3 area-central">
  <div class="row justify-content-center">

    <div class="col-lg-2">
      @include(config('site.domain').'.front.shared.sidebar')
    </div>

    <div class="col-lg">
      @include(config('site.domain').'.front.products.product-list', $products)
    </div>

    <div class="col-lg-2">
      @include(config('site.domain').'.layouts.front.sidebar-ads')
    </div>
    
  </div>
</div>

@if(env('ATIVA_DEPOIMENTOS'))

<section class="text-center mb-4">
  @include(config('site.domain').'.layouts.front.comments')
</section>

@endif

@if(env('ATIVA_NEWSLETTER'))

@include('mailchimp::mailchimp')

@endif

@endsection

@section('js')
<script type="text/javascript">
  $(document).ready(function () {
    $('.carousel').carousel()
    $('ul.navbar-nav li.dropdown').hover(function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
    }, function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
    });
    $('.link-categoria').on('click', function(){
      window.location.href = $(this).data('href');
    })
  })
</script>
@endsection