@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>
  <nav>
    <div class="container my-4">
      <ol class="breadcrumb grey lighten-3">
        <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 black-text font-weight-bolder">{!! ucfirst($titleGrupo) !!}</li>
        <li class="breadcrumb-item active black-text font-weight-bolder">@if($category){!! ucwords((string) $category->name) !!} @endif</li>
      </ol>
    </div>
  </nav>
</section>

<section id="modal_cart_vue">
  {{--@include(config('site.domain').'.front.shared.modal-add-cart-vue-edit')--}}
  <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

@section('js')
<script type="text/javascript" src="{{ asset('js/axios.js') }}"></script>

{{-- Arquivo JS do modal add cart --}}
@include(config('site.domain').'.front.shared.js.add-cart')
{{-- Arquivo JS do modal add cart --}}

@endsection