@php
  $banner = [];
  $banners = \App\Banner::where('dh_ini', '<=', now())->where('dh_fim', '>', now())->where('id_banner', 1)->get();
  foreach ($banners as $cadaBanner) {
    $banner[] = ['link' => $cadaBanner['link'], 'banner' => 'banners/' . $cadaBanner['id'] . '.jpg'];
  }
  @endphp
  {{--   
    <section>
      <div class="container mb-5">
        
        <div id="carousel-banner" class="carousel slide carousel-fade pt-4" data-ride="carousel">
          
          <div class="carousel-inner" role="listbox">
            
            @foreach($banner as $key => $banner_link)
            @php
            $link = config('site.url'). "storage/".$banner_link['banner'];
            @endphp
            
            <div class="carousel-item @if($key === 0) active @endif">
              <div class="view">
                <a href="{{ $banner_link['link'] }}">
                  <img src="{{ $link }}" width="100%">
                </a>
              </div>
            </div>
            
            @endforeach
            
          </div>
          
          <a class="carousel-control-prev" href="#carousel-banner" role="button" data-slide="prev">
            <i class="fas fa-chevron-left fosco-text fa-3x"></i>
          </a>
          <a class="carousel-control-next" href="#carousel-banner" role="button" data-slide="next">
            <i class="fas fa-chevron-right fosco-text fa-3x"></i>
          </a>
          
          <ol class="carousel-indicators mb-n5">
            @foreach($banner as $key => $banner_link)
            <li data-target="#carousel-banner" class="black" data-slide-to="{{ intval($key) }}"></li>
            @endforeach
          </ol>
          
        </div>
      </div>
    </section> --}}
    
    <section>
      <div class="container">
        <div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel">
          
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-1z" data-slide-to="0" class="active"></li>
          </ol>
          
          <div class="carousel-inner" role="listbox">
            
            <div class="carousel-item active">
              <img class="d-block w-100" src="https://via.placeholder.com/1200x450" alt="First slide">
            </div>
            
          </div>
          
          <a class="carousel-control-prev" href="#carousel-example-1z" role="button" data-slide="prev">
            <i class="fas fa-chevron-left fa-3x"></i>
          </a>
          <a class="carousel-control-next" href="#carousel-example-1z" role="button" data-slide="next">
            <i class="fas fa-chevron-right fa-3x"></i>
          </a>
          
        </div>
      </div>
    </section>