@extends('layouts.front.app')
@section('og')
<meta property="og:type" content="home" />
<meta property="og:title" content="{{ config('app.name') }} - Inicial" />
<meta property="og:description" content="{{ config('app.description') }}" />
@endsection

@section('content')
@php
$menu_banner = [
['link' => route('front.category.slug', ['romantico',  15]), 'banner' => 'banner/112.jpg'],
['link' => route('front.category.slug', ['aniversario',  19]), 'banner' => 'banner/113.jpg'],
['link' => route('front.category.slug', ['maternidade',  3]), 'banner' => 'banner/114.jpg'],
['link' => route('front.category.slug', ['presentes',  14]), 'banner' => 'banner/116.jpg'],
['link' => route('front.category.slug', ['decoracao',  20]), 'banner' => 'banner/117.jpg'],
];
@endphp

@include(config('site.domain').'.layouts.front.menu-superior')

@include(config('site.domain').'.layouts.front.menu-banner')

<section>
  <div class="container">
    <nav>
      <ol class="breadcrumb grey lighten-5 mt-5">
        <li>
          <a href="{{ route('home') }}" class="opera-text font-weight-bold"> 
            <i class="fa fa-home"></i> Home
          </a>
          <i class="fas fa-angle-double-right mx-2 opera-text"></i>
        </li>
        @if($category)
        <li class="breadcrumb-item opera-text font-weight-bolder"><i class="fas fa-boxes"></i> {{ $category->name }}</li>
        @endif
      </ol>
    </nav>
  </div>
</section>

<section>
  <div class="container">
    @if($products)
    <div class="row justify-content-center">
      @include(config('site.domain').'.front.products.product-list', ['products' => $products])
    </div>
    @else
    <div class="alert alert-warning font-weight-bolder" role="alert">
      Não existem produtos para esta categoria.
    </div>
    @endif
  </div>
</section>

@endsection