ModuleWeb/SRC/resources/views/home.blade.php

@extends('app')

@section('content')

<br>
<center>
  <img style="height:auto; width:auto; max-width:400px; alt="" src="./pictures/homePic/bienvenue.png">
  <br>
<br>
<form class="form-inline">
  <div class="form-group">
  <img alt="" src="./pictures/homePic/search.png">
    <div class="input-group">
      	<input type="text" class="form-control" placeholder="Rechercher un Référant">
    </div>
  </div>
</form>
<br>
<br>

<div  style="margin-left: 200px, margin-right: 200px" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  
  <!-- indicateur, à incrementé en fonction du nombre d'images -->
  <ol class="carousel-indicators">
    @foreach ($referent as $ref)
     @if ($ref -> idreferent == 1) 
     	<li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> idreferent }}" class='active' ></li>
     @else
    	<li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> idreferent }} "></li>
    @endif
    @endforeach 
  </ol>

  <!-- Parametres des images  -->
  <div class="carousel-inner" role="listbox"> 
	@foreach ($referent as $ref)
		@if ($ref -> idreferent == 1)
    	<div class="item active">
    	@else
    	<div class="item">
    	@endif
     		<a href="/referents/vive.linux/games"><img src="./pictures/referent/{{ $ref-> image }}" width="35%" alt="{{ $ref -> prenom }}-{{ $ref -> nom }}"></a> 	
    		<div class="well well-lg">{{$ref -> prenom}}, {{$ref -> nom}}</div>
    	</div> 
	@endforeach
	</div>
	
  	<!-- Controles -->
  	<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    	<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    	<span class="sr-only">Précédant</span>
  	</a>
  	<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    	<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    	<span class="sr-only">Suivant</span>
  	</a>
</div>

</center>
@endsection