@php
$banner = [];
$banners = \App\Banner::where('dh_ini', '<=', now())->where('dh_fim', '>', now())->where('id_banner', 3)->get(); /* No caso da StrobEletro, o banner principal é o 3 */
foreach ($banners as $cadaBanner) {
	$banner[] = ['link' => $cadaBanner['link'], 'banner' => 'banners/' . $cadaBanner['id'] . '.jpg'];
}
@endphp
<section>
	<div class="container-fluid px-0">
		<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">

			<ol class="carousel-indicators">
				@for ($ord = 0 ; $ord < count($banner) ; $ord++)
				<li data-target="#carousel" data-slide-to="{{$ord}}" @if($ord === 0) class="active" @endif></li>
				@endfor
			</ol>

			<div class="carousel-inner" role="listbox">

				<div class="carousel-item active">
					{{-- <div class="view" style="background-image: url('imagem/banner-4.jpg'); background-repeat: no-repeat; background-size: contain;
					background-position: center;"> --}}
					<div class="mask rgba-black-strong d-flex justify-content-center align-items-center">

						<div class="text-center white-text mx-5 wow fadeIn">
							<h1 class="mb-4 font-h1">
								<strong>Strob<span class="red-strob-text font-weight-bold">eletro</span></strong>
							</h1>

							<p class="mb-4 d-none d-md-block">
								<strong>The most comprehensive tutorial for the Bootstrap 4. Loved by over 500 000 users. Video and
									written versions
									available. Create your own, stunning website.</strong>
								</p>
								<a href="" class="btn red-strob-1 btn-lg">VISITAR

								</a>
							</div>

						</div>

					</div>
				</div>

				<div class="carousel-item">
					<div class="view" style="background-image: url('https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/8-col/img%283%29.jpg'); background-repeat: no-repeat; background-size: cover;">

						<div class="mask rgba-black-strong d-flex justify-content-center align-items-center">

							<div class="text-center white-text mx-5 wow fadeIn">
								<h1 class="mb-4 font-h1">
									<strong>Strob<span class="red-strob-text font-weight-bold">eletro</span></strong>
								</h1>

								<p class="mb-4 d-none d-md-block">
									<strong>The most comprehensive tutorial for the Bootstrap 4. Loved by over 500 000 users. Video and
										written versions
										available. Create your own, stunning website.</strong>
									</p>
									<a href="" class="btn red-strob-1 btn-lg">VISITAR

									</a>
								</div>

							</div>

						</div>
					</div>

					<div class="carousel-item">
						<div class="view" style="background-image: url('https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/8-col/img%285%29.jpg'); background-repeat: no-repeat; background-size: cover;">

							<div class="mask rgba-black-strong d-flex justify-content-center align-items-center">

								<div class="text-center white-text mx-5 wow fadeIn">
									<h1 class="mb-4">
										<strong>Strob<span class="red-strob-text font-weight-bold">eletro</span></strong>
									</h1>

									<p class="mb-4 d-none d-md-block">
										<strong>The most comprehensive tutorial for the Bootstrap 4. Loved by over 500 000 users. Video and
											written versions available. Create your own, stunning website.
										</strong>
									</p>
									<a href="" class="btn red-strob-1 btn-lg">Visitar</a>
								</div>

							</div>

						</div>
					</div>

				</div>

				<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
					<span class="carousel-control-next-icon" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>

			</div>

		</div>
	</section>