{% extends "base_title_petitscours.html" %}
{% load staticfiles %}

{% block realcontent %}
    <h2>Traitement de la demande de petits cours {{ demande.id }}</h2>
    {% include "details_demande_petit_cours_infos.html" %}
    <hr />
    <div class="error">
        Attention: demande de petits cours spécifiant le niveau "Autre niveau": choisissez les candidats correspondant aux remarques de la demande. S'il y a moins de 3 candidats adaptés, ne mettre que ceux qui conviennent, pas besoin de faire du bourrage :)
    </div>
    {% if unsatisfied %}
    <div class="error">
        Attention: Impossible de trouver des propositions pour les matières suivantes:
        <ul>
            {% for matiere in unsatisfied %}<li>{{ matiere }}</li>{% endfor %}
        </ul>
    </div>
    {% endif %}
    <script src="{% static "js/jquery.min.js" %}" type="text/javascript"></script>
    {% if proposals %}
    <form method="post">
    {% csrf_token %}
    {% for matiere, users in proposals %}
    <h4>{{ matiere }}</h4>
    {% for i in "012"|make_list %}{% if i|add:"0" < users|length %}
    <div style="float: left; width: 340px;">
        Proposition {{ i|add:"1" }}:
        <select id="proposal-{{ matiere.id }}-{{ i }}" name="proposal-{{ matiere.id }}-{{ i }}">
            <option value="-1" data-description="">-------</option>
        {% for user in users %}
            <option value="{{ user.id }}" data-description="{{ user.profile.petits_cours_remarques }}">{{ user }}</option>
        {% endfor %}
        </select>
    </div>
    <div style="float: right; width: 580px;"><p id="proposal-description-{{ matiere.id }}-{{ i }}"></p></div>
    <div class="spacer"></div>
    <script type="text/javascript">
    $('#proposal-{{ matiere.id }}-{{ i }}').change(function(){
        var selected = $(this).find(':selected');
        var content = "";
        if (selected.val() != "-1")
            content = (selected.data('description')) ? selected.data('description'): "Pas de remarques";

        $('#proposal-description-{{ matiere.id }}-{{ i }}').html(content);
    }).trigger('change');
    </script>
        <hr />
    {% endif %}
    {% endfor %}
    {% endfor %}
    <input type="hidden" name="preparing" value="1" />
    {% if redo %}<input type="hidden" name="redo" value="1" />{% endif %}
    <input type="submit" value="Préparer le {% if redo %}re{% endif %}traitement de la demande" />
    </form>
    {% else %}
    <h3>Impossible de trouver des propositions pour cette demande</h3>
    <div class="error" style="font-size: 1.6em; margin-top: 10px;">Traitement manuel obligatoire !</div>
    {% endif %}
{% endblock %}