{% extends 'kfet/base.html' %}
{% load staticfiles %}

{% block extra_head %}
<link rel="stylesheet" text="text/css" href="{% static 'kfet/css/multiple-select.css' %}">
<script src="{% static 'kfet/js/multiple-select.js' %}"></script>
{% endblock %}

{% block content %}

<form action="" method="post">
  {% csrf_token %}
  <div>
    {{ form.name.errors }}
    {{ form.name.label_tag }}
    <div class="input-group">
      <span class="input-group-addon">K-Fêt</span>
      {{ form.name }}
    </div>
  </div>
  <div>
    {{ form.permissions.errors }}
    {{ form.permissions.label_tag }}
    {{ form.permissions }}
  </div>
  <input type="submit" value="Enregistrer">
</form>

<script type="text/javascript">
$(document).ready(function() {
    $("select").multipleSelect({
        width: 500,
        filter: true,
    });
});
</script>

{% endblock %}
