{% extends "main.html" %}


{% block title %}Gestion des étudiant{% endblock %}

{% block content %}
{% load static %}
<div class="default-container">
    <h1>Gestion des étudiants</h1>

    <form method="get" action="recherche">
        <div>
            &nbsp;<input type="text" name="q" value="" size="40" />
            <input type="submit" value="Rechercher" class="btn btn-primary" />
        </div>
    </form>

    <br>

    <h2>Demande de changement de photo</h2>

    {% for message in messages %}
    <div {% if message.tags %} class="alert {{ message.tags }}" {% endif %}>{{ message }}
    </div>
    <br />
    {% endfor %}


    <form action="{% url 'gestion:eleves:mod_masse' %}" method="post">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th></th>
                    <th>Nom</th>
                    <th>Ancienne photo</th>
                    <th>Nouvelle photo</th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for photo in photos %}
                <tr>
                    <th><input type="checkbox" name="mod" value="{{ photo.pk }}" /></td>
                    <th>{{ photo.user.get_link }}</th>
                    <th><img class="photo" src="{% url 'annuaire:photo' photo.user.username %}"
                            alt="Photo de {{ photo.user.get_full_name }}" /></th>
                    <th><img class="photo" src="data:image/jpg;base64,{{ photo.new_photo }}" /></th>
                    <th><a href="{% url 'gestion:eleves:accept_dem_photo' photo.pk %}">
                            <img class="alignTextBottom" src="{% static "assets/icons/confirm.png" %}" alt="Accepter"
                                title="Accepter" />
                        </a>
                    </th>
                    <th><a href="{% url 'gestion:eleves:sup_dem_photo' photo.pk %}">
                            <img class="alignTextBottom" src="{% static "assets/icons/delete.png" %}" alt="Rejeter"
                                title="Rejeter" />
                        </a>
                    </th>
                </tr>
                {% empty %}
                <tr>
                    <th colspan="6">Pas de demande pour le moment</th>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% if photos %}
        <p>
            <input type="submit" name="Accepter" value="Accepter" />
            <input type="submit" name="Rejeter" value="Rejeter" />
        </p>
        {% endif %}
    </form>
</div>
{% endblock %}