@extends('app')

@section('content')
<nav class="navbar navbar-default">
  <div class="container-fluid">
  	<a class="navbar-brand" href="#">Espace Référent</a>
 	<!-- <span class="glyphicon glyphicon-user" aria-hidden="true"></span> -->
 	<p class="navbar-text">Icone</p>
  	<p class="navbar-text">Nom</p>
  	<p class="navbar-text">Prenom</p>
  	<p class="navbar-text">Identifiant</p>
  	<ul class="nav navbar-nav navbar-right">
        <li><a href="#">Se déconnecter</a></li>
     </ul>
  </div>
</nav>

<br>
<div class="col-md-3">

<legend>Créer une session:</legend>
<form class="form-inline">
  <div class="form-group">
    <div class="input-group">
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Ajouter une session">
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Ajouter</button>
</form>

<br><br>
<legend>Mes sessions:</legend>
<table class="table table-hover">
	<tr class="active">
		<td>Falbala</td>
		<td>Supprimer</td>
	</tr>
	<tr>
		<td>biblo</td>
		<td>Supprimer</td>
	</tr>
	<tr>
		<td>Tralala</td>
		<td>Supprimer</td>
	</tr>
	<tr>
		<td>Redmin</td>
		<td>Supprimer</td>
	</tr>
	<tr>
		<td>Vive arch linux</td>
		<td>Supprimer</td>
	</tr>
</table>

</div>


<div class="col-md-9">
<legend>Falbala: (Activer ou Désactiver la session)</legend>

<div class="col-md-9">

<span style="float: right">Sélectionner tout -- Annuler sélection</span><br>
<div class="panel panel-default">
  <div class="panel-body">
    

  <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
  <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
  <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>
    <div class="col-xs-4 col-md-3">
    <a href="#" class="thumbnail">
      <img src="/pictures/holder.jpg">
    </a>
  </div>

  <button style="float: right" class="btn btn-primary">Enregistrer</button>
  </div>
</div>

</div>


<div class="col-md-3">

<legend>Ajouter un filtre:</legend>
<h4>Par critère:</h4>
<select class="form-control">
  <option selected="selected">Selectionner catégorie</option>
  <option>1</option>
  <option>2</option>
</select>

<select class="form-control">
  <option selected="selected">Tous les éléments</option>
  <option>1</option>
  <option>2</option>
</select>
<button style="margin-top: 5px" class="btn btn-primary">Ajouter</button>
<br><br>

<h4>Par mot clé:</h4>
<form class="form-inline">
  <div class="col-sm-8 form-group">
    <div class="input-group">
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Par mot clé">
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Ajouter</button>

<br><br>
<legend>Mes filtres</legend>

<table class="table table-hover">
	<tr>
		<td>Montagne: noire</td>
		<td>Supprimer</td>
	</tr>
	<tr>
		<td>couleur: bleu</td>
		<td>Supprimer</td>
	</tr>
	<tr>
		<td>âge: 10 ans</td>
		<td>Supprimer</td>
	</tr>
</table>
</div>

</div>


@endsection