<div class="row" style="height: 100%;">
	<div class="col-md-12" style="height: 100%;">
		<div @if (isset($id_name)) id="{{ $id_name }}" @endif class="carousel slide" data-ride="carousel" style="height: 100%;" data-id="@if (isset($id)){{ $id }}@endif">
			<div class="carousel-inner" role="listbox" style="height: 100%;">
				@foreach ($slides as $slide)
					<div data-index="{{ $loop->index }}" class="item @if ($loop->first) active @endif" style="height: 100%; background-image: url({{ App\Repositories\Core\Upload::getSrc($slide) }}); background-size: contain; background-position: center; background-repeat: no-repeat;">
					</div>
				<!--
					<div class="item @if ($loop->first) active @endif">
						<img src="{{ App\Repositories\Core\Upload::getSrc($slide) }}" class="img-responsive" alt="...">
					</div>
				-->
				@endforeach
			</div>
					
			<a class="left carousel-control" href="#@if (isset($id_name)){{ $id_name }}@endif" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Précédent</span>
			</a>
			<a class="right carousel-control" href="#@if (isset($id_name)){{ $id_name }}@endif" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Suivant</span>
			</a>

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

@if (isset($with_modal) && $with_modal)
	<script>
		var id = $('#{{ $id_name }}').data('id');
		$('#modal-gallery .modal-body').load(laroute.route('Hestimmo.Lots.getGallery', {id : id}), function() {
			handle_gallery('#modal-gallery','#modal-carousel','#{{ $id_name }}');
		});
	</script>
@endif

<script>
	@if (isset($id_name))
		$('#{{ $id_name  }}.carousel').carousel();
	@else
		$('.carousel').carousel();
	@endif

</script>
