{% extends "layout.html" %}
{% block subtitle %}Administrer les votes{% endblock %}
{% block body %}
<div class="row">
<div class="span6 well">
  <h2>Groupes</h2>
  <hr />
  {% if not groups %}
  <div class="alert">Il n'y a aucun group.</div>
  {% else %}
  <table class="table table-stripped">
    <thead>
    <tr>
      <th>Nom</th>
      <th>Membres</th>
      <th>Votes</th>
      <th>Actions</th>
    </tr>
    </thead>
    <tbody>
    {% for group in groups %}
    <tr>
        <td><strong>{{ group.name }}</strong></td>
        <td>{{ group.nb_users }}</td>
        <td>{{ group.nb_votes }}</td>
        <td>{% if group.system %}<span class="label label-warning">system</span>{% else %}
          <a href="#delete{{ group.id }}" data-toggle="modal" class="btn btn-danger btn-mini">Supprimer</a>{% endif %}</td>
    </tr>
    <div class="modal hide fade" id="delete{{ group.id }}">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3>Suppression d'un groupe</h3>
      </div>
      <div class="modal-body">
        <p>Voulez-vous vraiment supprimer le groupe <strong>{{ group.name }}</strong> ?</p>
      </div>
      <div class="modal-footer">
        <a href="{{ url_for('admin_group_del', idgroup=group.id) }}" class="btn btn-danger">Confirmer</a>
        <a href="#" class="btn" data-dismiss="modal">Annuler</a>
      </div>
    </div>
    {% endfor %}
    </tbody>
  </table>
  <p>
  <small>Les groupes « system » ne sont pas modifiables.</small>
  </p>
  {% endif %}
</div>

<div class="span5 well">
  <form action="{{ url_for('admin_group_add') }}" method="post" class="form-inline">
  <fieldset><legend>Ajouter un groupe</legend>
      <br />
      <input type="text" name="name" id="name" value="Nom" 
        onfocus="if(this.value=='Nom')this.value='';"
        onblur="if(this.value=='')this.value='Nom';" />
      <input type="submit" class="btn btn-primary" value="Ajouter" />
  </fieldset>
  </form>
</div>
</div>
{% endblock %}