@extends('app')

@section('content')
<link href="css/referent.css" rel="stylesheet" type="text/css"/>
<br>

<!-- Sidebar left - Gestion des listes d'oeuvre  -->
<div class="col-md-3 ccmd3">
  <legend>Créer une liste oeuvre:</legend>
  <form class="form-inline" method="POST" role="form" action="addListeOeuvre">
    <input type="hidden" name="idUser" value="{{ $me->id }}">
    <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
    <div class="form-group">
      <div class="input-group">
        <input type="text" class="form-control" required="required" name="name" placeholder="Ajouter une liste d'oeuvre">
      </div>
    </div>
    <button type="submit" class="btn btn-primary">Ajouter</button>
  </form>

  <br><br>
  <legend>Mes listes d'oeuvres:</legend>
  <table class="table table-hover">
    @foreach ($listeoeuvres as $listeoeuvre)
    <tr class="active listeoeuvre">
      <form method="POST" role="form" action="deleteListeOeuvre">
        <input type="hidden" name="idUser" value="{{ $me->id }}">
        <input type="hidden" class="idListeOeuvre" name="idListeOeuvre" value="{{ $listeoeuvre->id }}">
        <input type="hidden" name="_token" id="_token" value="{{{ csrf_token() }}}" />
    		<td>{{$listeoeuvre->nom}}</td>
    		<td><button type="submit" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash"></span></a></td>
  	  </form>
    </tr>
    @endforeach
  </table>
</div>


<div class="col-md-8 ccmd9">

  <legend>Falbala: </legend>

  <div class="panel panel-default col-md-9"><br>
    <ul class="nav nav-tabs">
      <li role="presentation" class="active"><a href="#">Ma sélection</a></li>
      <li role="presentation"><a href="#">Ajouter des images</a></li>
    </ul>
    <br><br><br><br><br><br><br><br><br><br><br><br>
  </div>

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

  <legend>Mes jeux associés</legend>

    <div class="checkbox">
      <label>
        <input type="checkbox" value="">
        Puzzle Game
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" value="">
        Assassin's Creed
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" value="">
        Homer Simpson
      </label>
    </div>
  </div>

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

<div class="col-md-8 ccmd9">

    <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" id="oeuvrePic">
      <!-- // TODO -->
        </div>
      </div>
      <button style="float: right" class="btn btn-primary" id="enregistrer">Enregistrer</button>
    </div>
</div>







<div class="col-md-8 ccmd9">

    <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="http://www.augustins.org/documents/10180/156407/1"/>
                </a>
          </div>
          <div class="col-xs-4 col-md-3">
                <a href="#" class="thumbnail">
                <img src="http://www.augustins.org/documents/10180/156407/1"/>
                </a>
          </div>
          <div class="col-xs-4 col-md-3">
                <a href="#" class="thumbnail">
                <img src="http://www.augustins.org/documents/10180/156407/2"/>
                </a>
          </div>
        </div>

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






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

  <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">
    <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>
@endsection