@extends('layouts.front.app')

@section('og')
<meta property="og:locale"
      content="{{ app()->getLocale() }}" />
<meta property="og:type"
      content="home" />
<meta property="og:title"
      content="{{ config('app.name') }} - Inicial" />
<meta property="og:site_name"
      content="{{ config('app.name') }}" />
<meta property="og:description"
      content="{{ config('site.description') }}" />
@endsection

@section('content')

<section id="modal_cart_vue">

  @include(config('site.domain').'.front.shared.modal-add-cart-vue')

  <div class="container mt-5">

    <h5 class="text-left font-weight-bold">
      <img src="{{ asset('images/lambreta.png') }}"
           height="30"> Recentes:
      <a href="{{ route('itens.recentes') }}"
         class="float-right">
        <small class="primary-text">Ver Mais...</small>
      </a>
    </h5>

    @php $products = []; @endphp

    @foreach ($novos as $key => $prod)
    @php $products[] = $prod; @endphp
    @endforeach
    @if ($products)
    <div class="carousel-secondary">
      @include(config('site.domain').'.front.products.product-carousel', [ 'produtos' => $products ])
    </div>
    @endif

  </div>

  @foreach ($cat as $subGrupo)
  <div class="container my-5 text-center">

    @php $products = $itemWebSg->getProducts($subGrupo->id) @endphp

    @if($subGrupo->category)

    <h5 class="text-left font-weight-bold">

      @if (strpos($subGrupo->sub_grupo, 'CAMISETAS') !== false)
      <i class="fas fa-tshirt"></i>
      @elseif (strpos($subGrupo->sub_grupo, 'CANECAS') !== false)
      <i class="fas fa-beer"></i>
      @elseif (strpos($subGrupo->sub_grupo, 'CAVEIRA') !== false)
      <i class="fas fa-skull"></i>
      @else
      <i class="fas fa-coffee"></i>
      @endif

      {{ $subGrupo->sub_grupo }}:

      <a href="{{ route('front.list.subgrupoweb', [$subGrupo->category->slug, $subGrupo->id]) }}"
         class="float-right">
        <small class="primary-text">Ver Mais...</small>
      </a>
    </h5>
    @endif

    @if ($products)
    <div class="carousel-secondary">
      @include(config('site.domain').'.front.products.product-carousel', [ 'produtos' => $products->sortBy('name') ])
    </div>
    @endif

  </div>
  @endforeach
</section>

<section>
  @if(config('site.ativa_depoimentos'))

  @if($depoimentos->count() > 0)
  @include(config('site.domain').'.layouts.front.comments')
  @endif

  @endif
</section>

@endsection

@section('js')
<script src="{{ asset('js/axios.js') }}"></script>
{{--<script src="{{ asset('js/carrega_menu_sub.min.js') }}"></script>--}}
@include('layouts.front.js.add-cart')
@endsection