@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')

<section>
  @php $cat = isset($category->name) ? $category->name : "produtos" @endphp
  <div class="container mt-4">
    <nav>
      <ol class="breadcrumb transparent">
        <li class="breadcrumb-item ">
          <a href="{{ route('home') }}" class="font-weight-bold font-montserrat fourth-text">
            Home <i class="fas fa-angle-right mx-2"></i>
          </a>
        </li>
        <li class="breadcrumb-item font-weight-bold font-montserrat fourth-text">
          {!! $cat !!}
        </li>
      </ol>
    </nav>
  </div>  
</section>

<section>
  <div class="container">
    
    <div class="d-lg-block d-none">
      <div class="row px-2">
        @include(config('site.domain').'.front.products.product-list', $products)
      </div>
    </div>
    
    <div class="d-block d-lg-none">
      @include(config('site.domain').'.front.products.product-list-mobile', $products)
    </div>
    
    <div class="d-flex justify-content-center my-2">
      @if (isset($search))
      {{ $products->appends(['search' => isset($search) ? $search : ''])->links() }}
      @else
      {{ $products->links() }}
      @endif
    </div>
    
  </div>
</section>

@endsection