{{-- banners --}}

	<div class="card-body">
		<div class="container">
			<table class="table">
			  <thead>
			    <tr>
			      <th scope="col">ID</th>
			      <th scope="col">Titulo</th>
			      <th scope="col">Imagem</th>
			      <th scope="col">Ação</th>
			    </tr>
			  </thead>
			  <tbody>
			    @foreach ($banners as $banner)
				    <tr>
				      <td>{{$banner->id}}</td>
				      <td>{{$banner->titulo}}</td>
				      <td>
				      	<img class="img-fluid" src="{{asset($banner->caminho)}}" width="150" height="50" alt="{{$banner->titulo}}">
				      </td>1
				      <td>
				      	<button class="btn btn-sm btn-danger" type="button"  data-bs-toggle="modal" data-bs-target="#modalDel{{$banner->id}}">remover</button>
				      </td>
				    </tr>
				    @include('painel._includes.modalDel')
				  @endforeach
			  </tbody>
			</table>
				  <hr>
			<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalAddBanner">
			  Adicionar novo banner
			</button>
			<br>
		</div>
	</div>

@include('painel._includes.modalAdd')