@if ($bannerCategorias->count() > 0)

<section>
  <div class="container">
    <div class="my-4 title d-flex justify-content-center font-weight-bold fosco-text">
      <span class="line"></span>
      <h3 class="font-montserrat text-dark mt-n3">NAVEGUE PELAS CATEGORIAS</h3>
      <span class="line"></span>
    </div>

    <div class="row justify-content-between controls-top">
      <div class="col-4">
        <a class="carousel-control-prev" href="#carousel-categorias" role="button" data-slide="prev">
          <i class="fas fa-chevron-left fa-2x text-dark"></i>
        </a>
      </div>
      <div class="col-4">
        <a class="carousel-control-next" href="#carousel-categorias" role="button" data-slide="next">
          <i class="fas fa-chevron-right fa-2x text-dark"></i>
        </a>
      </div>
    </div>

    <div id="carousel-categorias" class="carousel slide carousel-multi-item row" data-ride="carousel">

      {{-- <div class="text-center controls-top">
        <a class="carousel-control-prev" href="#carousel-banner-header" role="button" data-slide="prev">
          <i class="fas fa-chevron-left d-none fa-3x text-dark"></i>
        </a>
        <a class="carousel-control-next" href="#carousel-banner-header" role="button" data-slide="next">
          <i class="fas fa-chevron-right d-none fa-3x text-dark"></i>
        </a>
      </div> --}}

      <div class="px-3 py-2 carousel-inner" role="listbox">
        @foreach ($bannerCategorias->chunk(5) as $key => $bannerCategoria)
        <div class="carousel-item @if ($key===0) active @endif">
          <div class="row">
            @foreach ($bannerCategoria as $key => $banner)
            @php
            $link = config('site.url') . 'storage/banners/' . $banner->file_web_banner_id . '.jpg';
            @endphp
            <div class="col-lg text-center">
              {{-- <div class="p-3 bg-white rounded centro shadow-1"> --}}

                @if ($banner->file_web_banner_link)
                <a href="{{ $banner->file_web_banner_link }}">
                  @endif
                  <img src="{{ $link }}" class="img-thumbnail" alt="{{ config('app.name') }}">
                  @if ($banner->file_web_banner_link)
                </a>
                <a href="{{ $banner->file_web_banner_link }}" class="fosco-text font-weight-bold">
                  @endif
                  @php
                  $name_categoria = '';
                  if ($banner->file_web_banner_link){
                    $link = explode("//", $banner->file_web_banner_link);
                    $link_array = explode("/", $link[1]);

                    if(str_contains($link_array[1], 'busca')) {
                      $categoria = explode("=", $link_array[1]);
                      $name_categoria = str_replace("+", " ", $categoria[1]);
                    } else {
                      $metodo = $link_array[1];
                      $categoria = str_replace("-", " ", $link_array[2]);
                      $id_categoria = $link_array[3];
                      $id_subcategoria = ($link_array[4]) ?? null;
                      $name_categoria = $getProduct->getCategoryName($id_categoria, $metodo);
                    }
                  }
                  @endphp
                  <p class="text-uppercase fosco-text font-weight-bold">{{ trim($name_categoria) }}</p>
                  @if ($banner->file_web_banner_link)
                </a>
                @endif
                {{-- </div> --}}
              </div>
              @endforeach
            </div>
          </div>
          @endforeach
        </div>

      </div>
    </div>
  </section>

  @endif