@if ($bannerMarcas->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 id="carousel-marcas" class="carousel slide carousel-multi-item" data-ride="carousel">

      <div class="text-center controls-top">
        <a class="btn-floating-left"  href="#carousel-marcas"  data-slide="prev">
          <i class="mx-2 fas fa-angle-left fa-2x text-dark"></i>
        </a>
        <a class="btn-floating-right" href="#carousel-marcas" data-slide="next">
          <i class="mx-2 fas fa-angle-right fa-2x text-dark"></i>
        </a>
      </div>

      <div class="px-3 py-2 carousel-inner" role="listbox">
        @foreach ($bannerMarcas->chunk(3) as $key => $bannerMarca)
        <div class="carousel-item @if($key === 0) active @endif">
          <div class="row">
            @foreach ($bannerMarca as $key => $banner)
            @php
            $link = config('site.url'). "storage/banners/".$banner->file_web_banner_id.".jpg";
            @endphp
            <div class="col-lg">

                @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

                </div>
                @endforeach
              </div>
            </div>
            @endforeach
          </div>

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

    @endif