{% extends user.colleur|yesno:'colleur/action.html,secretariat/action.html' %}
{% load static %}
{% load customfilter %}
{% block body %}
<table class="accueil">
	<tr>
		<td>Colloscope de la classe de {{classe}}</td>
		<td><a href="{% url user.colleur|yesno:'colloscope_colleur,colloscope_secret' 0 classe.pk %}">Arrêter les modifications</a></td>
	</tr>
</table>
<form method="POST">
{% csrf_token %}
<table class="tableausimple">
<tr>
	<td>Semaine</td>
	<td>{{form1.semin.erros}}{{form1.semin}}</td>
	<td>à</td>
	<td>{{form1.semax.erros}}{{form1.semax}}</td>
	<td><input type="submit"/></td>
</tr>
</table>
</form>
<table class="accueil">
	<tr>
		<td><a id="compat" href="{% url user.colleur|yesno:'ajaxcompat_colleur,ajaxcompat_secret' classe.pk %}">Vérifier compatibilité</a></td>
		<td><a href="{% url user.colleur|yesno:'importcolloscope_colleur,importcolloscope_secret' classe.pk %}">Importer colloscope en csv</a></td>
	</tr>
</table>
<form method="POST">
{% csrf_token %}
	<table class="tableausimple">
		<tr>
			<td class="entete">{% if creneau %}Modifier creneau{% else %}Nouveau créneau{% endif %}</td>
			{% for field in form %}
			<td>{{field.label_tag}}{{field}}</td>
			{% endfor %}
			<td><input type="submit" name="submit" value="{% if creneau %}Modifier{% else %}Valider{% endif %}"/></td>
			{% if creneau %}
			<td><a href="{% url user.colleur|yesno:'colloscopemodif_colleur,colloscopemodif_secret' classe.pk semin.pk semax.pk %}">Annuler</a></td>
			{% endif %}
		</tr>
	</table>
</form>
<table class="tableausimple" id="colloscope">
	<tr class="entete">
		<td>Jour</td>
		{% for jour in jours %}
		<td colspan="{{jour.nb}}">{{listejours|lookup:jour.jour}}</td>
		{% endfor %}
	</tr>
	<tr class="plusclair" id="suppr">
		<td>Supprimer</td>
		{% for creneau in creneaux %}
		<td><a href="{% url user.colleur|yesno:'creneausuppr_colleur,creneausuppr_secret' creneau.pk semin.pk semax.pk %}">S</a></td>
		{% endfor %}
	</tr>
	<tr class="plusclair">
		<td>Dupliquer</td>
		{% for creneau in creneaux %}
		<td><a href="{% url user.colleur|yesno:'creneaudupli_colleur,creneaudupli_secret' creneau.pk semin.pk semax.pk %}">D</a></td>
		{% endfor %}
	</tr>
	<tr class="plusclair">
		<td>Modifier</td>
		{% for creneau in creneaux %}
		<td><a href="{% url user.colleur|yesno:'creneaumodif_colleur,creneaumodif_secret' creneau.pk semin.pk semax.pk %}">M</a></td>
		{% endfor %}
	</tr>
	<tr class="plusclair">
		<td>Heure</td>
		{% for creneau in creneaux %}
		<td>{{creneau.heure|heure}}</td>
		{% endfor %}
	</tr>
	<tr class="plusclair">
		<td>Salle</td>
		{% for creneau in creneaux %}
		<td>{% if creneau.salle %}{{creneau.salle|truncatechars:5}}{% endif %}</td>
		{% endfor %}
	</tr>
	{% for semaine, colles in collesemaine %}
	<tr>
		<td style="min-width:100px;">S{{semaine}}</td>
		{% for colle in colles %}
		<td class="matiere">
			<ul>{% if colle.ferie %}
				<li class="niveau1" style="background-color:rgba(0,0,0,.4);"{% if colle.nbcolles %}>{{dictColleurs|lookup:colle.id_colleur}}:{% if colle.groupe != '0' %}{{colle.groupe}}{% elif colle.id_eleve %}{% with colle.id_eleve as key %}{{classe.dictEleves|lookup:key}}{% endwith %}{% else %}{{classe}}{% endif %}{% else %}>:{% endif %}<div class="popup">{{colle.ferie}}</div></li>
				{% else %}
				<li class="niveau1" {% if colle.nbcolles %}style="background-color:{{colle.couleur}};">{{dictColleurs|lookup:colle.id_colleur}}:{% if colle.groupe != '0' %}{{colle.groupe}}{% elif colle.id_eleve%}{% with colle.id_eleve as key %}{{classe.dictEleves|lookup:key}}{% endwith %}{% else %}{{classe}}{% endif %}{% else %}>:{% endif %}</li>
								{% endif %}
						 		<li class="niveau1bis" id="{{semaine.numero}}_{{colle.id_cr}}"></li>
						 	</ul>
						</td>
						{% endfor %}
					</tr>
					{% endfor %}
				</table>'
<ul id="niveau2">
<li><a id="creneaux" href="false" style="background-color:#888888">creneaux multiples</a></li>
	<li><a href="{% url user.colleur|yesno:'ajaxeffacer_colleur,ajaxeffacer_secret' 'semaine' 'creneau' %}">Effacer</a></li>
	{% for matiere,colleurs,groupes in matieres %}
	<li style="background-color:{{matiere.2}}">{{matiere.1|title}} {% if matiere.4 != 0 %}(LV{{matiere.4}}) {% endif %}
		<ul class="niveau3">
			{% for colleur in colleurs %}
			<li style="background-color:{{matiere.2}}">{{colleur.1|title}} {{colleur.2|upper}} ({{classe.dictColleurs|lookup:colleur.0}})
				<ul class="niveau4">
					{% for groupe in groupes %}
					<li><a href="{% url user.colleur|yesno:'ajax_colleur,ajax_secret' matiere.0 colleur.0 groupe.pk 'semaine' 'creneau' %}">G{{groupe}}</a></li>
					{% endfor %}
					{% for eleve,login in classe.loginsEleves %}
					<li ><a style="background-color: gray;" href="{% url user.colleur|yesno:'ajax_colleur_eleve,ajax_secret_eleve' matiere.0 colleur.0 eleve.pk 'semaine' 'creneau' 	login %}">{{eleve}} ({{login}})</a></li>
					{% endfor %}
					<li><a href="{% url user.colleur|yesno:'ajax_colleur_eleve,ajax_secret_eleve' matiere.0 colleur.0 0 'semaine' 'creneau' 'no' %}">{{classe}}</a>
					</li>
				</ul>
			</li>
			{% endfor %}
		</ul>
	</li>
	{% endfor %}
</ul>
{% if semestre2 != -1 %}
<ul id="niveau2bis">
	<li><a id="creneaux" href="false" style="background-color:#888888">creneaux multiples</a></li>
	<li><a href="{% url user.colleur|yesno:'ajaxeffacer_colleur,ajaxeffacer_secret' 'semaine' 'creneau' %}">Effacer</a></li>
	{% for matiere,colleurs,groupes in matieres2 %}
	<li style="background-color:{{matiere.2}}">{{matiere.1|title}} {% if matiere.4 != 0 %}(LV{{matiere.4}}) {% endif %}
		{% if classe.option1.pk == matiere.0 or classe.option2.pk == matiere.0 %}(Option){% endif %}
		<ul class="niveau3">
			{% for colleur in colleurs %}
			<li style="background-color:{{matiere.2}}">{{colleur.1|title}} {{colleur.2|upper}} ({{classe.dictColleurs|lookup:colleur.0}})
				<ul class="niveau4">
					{% for groupe in groupes %}
					<li><a href="{% url user.colleur|yesno:'ajax_colleur,ajax_secret' matiere.0 colleur.0 groupe.pk 'semaine' 'creneau' %}">G{{groupe}}</a></li>
					{% endfor %}
					{% for eleve,login in classe.loginsEleves %}
					<li ><a style="background-color: gray;" href="{% url user.colleur|yesno:'ajax_colleur_eleve,ajax_secret_eleve' matiere.0 colleur.0 eleve.pk 'semaine' 'creneau' 	login %}">{{eleve}} ({{login}})</a></li>
					{% endfor %}
					<li><a href="{% url user.colleur|yesno:'ajax_colleur_eleve,ajax_secret_eleve' matiere.0 colleur.0 0 'semaine' 'creneau' 'no' %}">{{classe}}</a>
					</li>
				</ul>
			</li>
			{% endfor %}
		</ul>
	</li>
	{% endfor %}
</ul>

{% endif %}
<div style="width:{{largeur}};height:{{hauteur}}"></div>
<div id="grise">
	<form method="POST" action="{% url user.colleur|yesno:'ajaxmulti_colleur,ajaxmulti_secret' 'matiere' 'kolleur' 'groupe' 'eleve' 'semaine' 'creneau' 'duree' 'frequence' 'permu' %}">
	<input type="hidden" id="dictgroupes" value="{{dictGroupes}}"></input>
	<input type="hidden" id="dictgroupes2" value="{{dictGroupes2}}"></input>
	<input type="hidden" id="dicteleves" value="{{dictEleves}}"></input>
	<table class="reservation">
		{{form2.as_table}}
		<tr><td colspan="2"><input type="submit" name="submit" value="Valider"/></td></tr>
		<tr><td colspan="2"><a href="" id="annul">Annuler</a></td></tr>
	</table>
	<input id="ajaxcolleur" type="hidden" value="{% url user.colleur|yesno:'ajaxmaj_colleur,ajaxmaj_secret' 'matiere' classe.pk %}"/>
	<input id="semestre2" type="hidden" value="{{semestre2}}"/>
</form>
</div>
{% endblock %}
{% block javascript %}
<script type="text/javascript" src="{% static 'javascript/colloscope.js' %}"></script>
<script type="text/javascript" src="{% static 'javascript/suppression.js' %}"></script>
{% endblock %}