{% extends "main.html" %}
{% load static %}

{% block title %}Emploi du temps{% endblock %}
{% block services %}class="highlight"{% endblock %}

{% block head %}
<script src="{% static "js/jquery-ui.min.js" %}"></script>
<script type="text/javascript">
	$(function () {
		$("#liste_ecoles").accordion({
			header: "> fieldset > legend",
			collapsible: true,
			heightStyle: "content",
		});
	});

	//<![CDATA[
	function filter_group_changed(text_input) {
		var filter = text_input.value.toLowerCase();
		var items = text_input.parentElement.getElementsByTagName('div');
		var i;

		for (i = 0; i < items.length; i++) {
			var item = items[i];
			var item_text = item.getElementsByTagName('label')[0].lastChild.textContent;
			var matching = (item_text.toLowerCase().indexOf(filter) >= 0);

			if (filter.length == 0 || matching) {
				item.style.display = "block";
			} else {
				item.style.display = "none";
			}
		}
	}
//]]>
</script>
{% endblock %}

{% block content %}
<div class="default-container">
	<p>
		Vous pouvez ici sélectionner les groupes d’événements que vous souhaitez visualiser dans votre emploi du temps.
	</p>

	<form action="" method="post">
		<fieldset>
			<legend>Événements des clubs</legend>
			<div class="champ{% if error %} avec_erreurs{% endif %}">
				{% if error %}<ul class="errorlist">
					<li>Vous devez spécifier une option.</li>
				</ul>{% endif %}
				<label><input type="radio" name="edt_club_events" {{ edt_club_events_select_0 }} value="0" /> Ne pas
					inclure d’événement de clubs</label><br>
				<label><input type="radio" name="edt_club_events" {{ edt_club_events_select_1 }} value="1" /> Inclure
					seulement les événements des clubs auxquels je suis inscrit</label><br>
				<label><input type="radio" name="edt_club_events" {{ edt_club_events_select_2 }} value="2" /> Inclure
					les événements des clubs auxquels je suis inscrit et les événements publics des autres clubs</label>
			</div>
		</fieldset>

		<div id="liste_ecoles">
			{% for ecole, groups in ecoles %}
			<fieldset>
				<legend>Cours {{ ecole }} ▼</legend>
				<div>
					<label for="affineur">Filtre</label>
					<input type="text" onkeyup="filter_group_changed(this)" />
					{% for group, selected in groups %}
					<div><label><input type="checkbox" name="edt_groups_{{ ecole.ident }}" value="{{group.gid}}"
								id="edt_group_{{group.gid}}" {% if selected %} checked="checked" {% endif %} />
							{{group.name}}</label></div>
					{% endfor %}
				</div>
			</fieldset>
			{% endfor %}

			<input class="btn btn-primary" type="submit" name="settings_submit" value="Enregistrer" />
	</form>
</div>
{% endblock %}