@extends('layouts.front.app')

@section('og')
<meta property="og:title" content="{{ config('app.name') }}-{{ $title }}" />
<meta property="og:description" content="{{ config('app.description') }}-{{ $title }}" />
@endsection

@section('content')

<section>
  <div class="container my-4 px-1">
    <nav>
      <ol class="breadcrumb white z-depth-1">
        <li class="breadcrumb-item ">
          <a href="{{ route('home') }}" class="fosco-text font-weight-bold">
            <i class="fas fa-home mr-1"></i> Home
          </a>
        </li>
        <li class="breadcrumb-item font-weight-bolder black-text">Categoria</li>
        <li class="breadcrumb-item font-weight-bolder black-text">Lançamentos</li>  
      </ol>
    </nav>
  </div>
</section>

<section>
  <div class="container">
    <div class="row">
      @include(config('site.domain').'.front.products.product-list', ["products" => $products->paginate(config('site.por_pagina'))])
    </div>
    <div class="d-flex justify-content-center mt-5">
      {{ $products->paginate(config('site.por_pagina'))->links() }}
    </div>
  </div>  
</section>

@endsection