@extends('templates.adweb')

@section('styles')
	<style media="screen">
		.carousel-indicators{
		    top: 0px;
		    bottom: auto;
		    right: auto;
		    left: 0;
		    width: 100%;
		    margin: 0;
		}
		.carousel-indicators [data-bs-target]{
			background-color: #DDE2E5;

		}
		.carousel-indicators .active{
			background-color: #000000;
		}
	</style>
@endsection

@section('conteudo')
	<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  		<div class="carousel-indicators">
			@for ($i=0; $i < $paginas->count(); $i++)
				@if($i==0)
    				<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="{{$i}}" class="active" aria-current="true" aria-label="Página {{$i}}"></button>
				@else
					<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="{{$i}}" aria-label="Página {{$i}}"></button>
				@endif
			@endfor
  		</div>
  		<div class="carousel-inner">
			@foreach ($paginas as $key => $pagina)
				<div class="carousel-item {{$key == 0 ? 'active' : ''}}" data-bs-interval="4000">
					@include('adweb.'.$pagina->tema.'.show',[
						'pagina' => $pagina
					])
				</div>
			@endforeach
  		</div>
	</div>
@endsection
@section('scripts')
@endsection