@extends('layouts.front.app')

@section('og')
<meta property="og:locale" content="{{ app()->getLocale() }}"/>
<meta property="og:type" content="categoria"/>
<meta property="og:title" content="{{ config('app.name') }} - Categoria"/>
<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">
      @if($products->count() > 0)
      @include(config('site.domain').'.front.products.product-list', $products)
      @else 
      <div class="alert alert-warning font-weight-bolder">Não há produtos disponíveis</div>
      @endif
    </div>

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

@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