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

@php
$cat = isset($category->name)  ? $category->name : "Produtos"
@endphp

@include('layouts.front.shared.breadcrumb')

<section>
  
  <div class="container">
    @if ($category)
    
    <div class="title d-flex justify-content-center mt-5">
      <span class="line"></span>
      <p class="fosco-text font-weight-bolder font-nunito h2 mt-n3">
        {!! strtoupper($cat) !!}
      </p>
      <span class="line"></span>
    </div>
    
    <div class="d-md-block d-none">
      <div class="row px-3">
        @include(config('site.domain').'.front.products.product-list', ['products' => $products])
      </div>
      
      <div class="d-flex justify-content-center my-4">
        {!!$products->links()!!}
      </div>
    </div>
    
    <div class="d-block d-md-none">
      <div class="row ">
        @include(config('site.domain').'.front.products.product-list-mobile', ['products' => $products])
      </div>
      <div class="d-flex justify-content-center my-4">
        {!!$products->links()!!}
      </div>
    </div>
    
    @else
    
    <div class="alert alert-warning" role="alert">
      Não há produtos cadastrados
    </div>
    
    @endif
    
    <hr class="clearfix w-100 d-md-none">
  </div>
</section>

@endsection

@section('js')

<script type="text/javascript">
  
  $(function () {
    $('.pagination').addClass('pg-amber')
  })
</script>
@endsection