@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') }} - Home"/>
  <meta property="og:site_name" content="{{ config('app.name') }}"/>
  <meta property="og:description" content="{{ config('site.description') }}"/>
@endsection

@section('content')
  @include(config('site.domain').'.layouts.front.menu-superior')
  @include(config('site.domain').'.layouts.front.banner-principal')
  @include(config('site.domain').'.layouts.front.menu-banner')
  
  <section class="container px-0">
    <div class="container-fluid">
      <div class="white text-center">
        @include(config('site.domain').'.layouts.front.banner-parceiros')
      </div>
    </div>
  </section>

  <section>
    <div class="container">
      @php
      $menu = new App\Http\Controllers\Menu\MenuController;
      $subGrupoHome = $menu->getSubGrupoHome();
      @endphp
      @foreach($subGrupoHome as $subGrupo)
        <div class="rounded z-depth-1 pointer barra-link py-2">
          <div class="d-flex justify-content-between">
            <div class="px-lg-5 px-0"></div>
            <div class="my-auto">
              <h3 class="font-weight-bold opera-text link-parcial-cat" data-href="{{ route('front.list.subgrupoweb', [str_slug($subGrupo->grupo_sub_sub_grupo),  $subGrupo->grupo_sub_id] ) }}">{{ $subGrupo->grupo_sub_sub_grupo }}</h3>
            </div>
            <div class="py-3">
              <h6 class="font-weight-bold opera-text float-right">
                <a class="opera-text ver-mais" href="{{ route('front.list.subgrupoweb', [str_slug($subGrupo->grupo_sub_sub_grupo), $subGrupo->grupo_sub_id]) }}">Ver mais <i class="fas fa-plus-circle mx-1"></i></a>
              </h6>
            </div>
          </div>
        </div>
        @php
        $products = $menu->getProductByWebSg($subGrupo->grupo_sub_id);
        @endphp
        <div class="row justify-content-center">

          @if($products)
            @include(config('site.domain').'.front.products.product-list', ['products' => $products->take(config('site.por_pagina'))])
          @endif

        </div>
      @endforeach
    </div>

  </section>

  <section class="text-center mb-4">
    @include(config('site.domain').'.layouts.front.banner-destaque')
  </section>

  @if(env('ATIVA_DEPOIMENTOS'))
    <section class="text-center mb-4">
      @include(config('site.domain').'.layouts.front.comments')
    </section>

  @endif

  @if(env('ATIVA_NEWSLETTER'))
    @include('mailchimp::mailchimp')

  @endif
@endsection

@section('js')
  <script type="text/javascript">
  $(document).ready(function () {
    $('.carousel').carousel()
    $('ul.navbar-nav li.dropdown').hover(function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
    }, function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
    });
    $('.link-parcial-cat').on('click', function(){
      window.location.href = $(this).data('href');
    })
  })
</script>
@endsection