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

{% block title %}Liste des inscriptions{% endblock %}

{% block head %}<link rel="stylesheet" href="{% static "inscriptions/style.css" %}" type="text/css" media="screen" />
<script type="text/javascript">
var aucune_photo;

registerOnload(function() {
	document.getElementById('id_nom').focus();
	aucune_photo = document.getElementById('aucune_photo');
})

function clic_photo(event, id_photo) {
	if (event.ok)
		return;

	photo_choisie = document.getElementById('photo_choisie_' + id_photo);
	photo_supplem = document.getElementById('photo_supplem_' + id_photo);

	if (aucune_photo.checked) {
		photo_choisie.checked = 1;
	}

	if (photo_choisie.checked) {
		photo_supplem.checked = 1;
	} else {
		photo_supplem.checked ^= 1;
	}

	event.ok = true;
}
</script>
{% endblock %}

{% block content %}{% load gest_inscriptions_tags %}
<div class="default-container">
	<a href="{% url 'gestion:inscriptions:liste' %}">« Retour à la liste</a>

	<h1 id="debut">Édition d’une inscription</h1>
	{% if inscr_nom %}
	<div class="boite_ok">
		L’inscription de <strong>{{ inscr_nom }}</strong> a été correctement {% if inscr_edit %}modifiée{% else %}prise
		en compte{% endif %}.<br />
		Vous pouvez maintenant effectuer une nouvelle inscription.
	</div>
	{% endif %}
	{% if err_photo %}
	<div class="boite_err">
		Une des photos sélectionnées semble avoir été sélectionnée par une autre inscription. Veuillez réessayer.
	</div>
	{% endif %}
	{% if form.errors %}
	<div class="boite_err">
		Des erreurs sont survenues lors de la validation du formulaire. Veuillez vérifier les informations
		entrées.
	</div>
	{% endif %}
	<form name="inscriptions" method="post" action="">
		{% csrf_token %}
		<fieldset>
			<legend>{% if inscription %}Modification de la fiche de « {{ inscription.prenom }}
				{{ inscription.nom }} »{% else %}Nouvelle inscription{% endif %}</legend>
			{% bootstrap_form form %}
			<hr />
			Photos :<br />
			{% if photos %}
			<label><input type="radio" id="aucune_photo" name="photo_choisie" value=""
					checked="checked" />Aucune</label><br />
			{% else %}
			Aucune photo trouvée !
			{% endif %}
			{% for photo in photos %}
			<div class="photo" onclick="clic_photo(event, '{{ photo.0 }}')">
				<div><img src="{% url 'gestion:inscriptions:photo_src' photo.0 %}" /></div>
<p>{{ photo.0|url_decode|escape }}</p>
<label><input type="checkbox" name="photo_supplem_{{ photo.0 }}" id="photo_supplem_{{ photo.0 }}" onclick="event.ok = true" value="1" {% if photo.1 %}checked="checked" {% endif %} /> Sélectionner</label><br />
<label><input type="radio" name="photo_choisie" id="photo_choisie_{{ photo.0 }}" value="{{ photo.0 }}" onclick="event.ok = true" {% if photo.2 %}checked="checked" {% endif %} /> Défaut</label>
			</div>
			{% endfor %}
			<section class="barre_boutons">
				<input type="submit" value="Rafraîchir" />
				<input type="submit" name="envoyer" class="btn btn-primary" value="Envoyer" />
			</section>
		</fieldset>
	</form>

{% endblock %}