@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 class="breadcrumb-item opera-text"><a href="{{ route('home') }}" class="fosco-text font-weight-bold opera-text"><i class="fas fa-home mr-1"></i> Home</a></li>
        <li class="breadcrumb-item opera-text font-weight-bolder">{!! ucfirst($titleGrupo) !!}</li>
        <li class="breadcrumb-item active opera-text font-weight-bolder">
          @if($category)
            {!! ucwords((string) $category->name) !!}
          @endif
        </li>
      </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>
      <div class="d-flex justify-content-center grey lighten-4 rounded pt-2 my-2">
        @if (isset($search))
          {{ $products->appends(['search' => isset($search) ? $search : ''])->links() }}
        @else
          {{ $products->links() }}
        @endif
      </div>
    @else
      <div class="alert alert-warning font-weight-bolder" role="alert">
        Não existem produtos para esta categoria.
      </div>
    @endif
  </div>
</section>

@endsection