{% extends 'manuels/base.html' %}

{% load bootstrap4 %}

{% block title %}Livres et fournitures demandés{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-12">
            <h1>Bienvenue {{ teacher.full_name }} <a href="{% url 'clear_teacher' %}" class="btn btn-warning">Se
                déconnecter</a></h1>
        </div>
    </div>
    <div class="alert alert-warning" role="alert">
        <h4 class="alert-heading">Attention</h4>
        <p class="mb-0">
            Ce lien vous a été envoyé par email. N'oubliez pas de vérifier vos courriers indésirables.<br>
            Pensez à <strong>sauvegarder cette page dans vos favoris</strong>.<br>
            Si vous perdez ce lien, vous ne risquez de ne plus être en mesure d'accéder à votre espace personnel
            et vous ne pourrez plus ajouter de livre à votre liste.
        </p>
    </div>
    <div class="row">
        <div class="col-12">
            <h2>
                Liste des livres demandés
                <a href="{% url 'add_book' pk=teacher.pk %}" class="btn btn-primary">Ajouter un livre</a>
            </h2>
            <table class="table table-hover table-sm">
                <thead>
                <tr>
                    <th scope="col">Modifier</th>
                    <th scope="col">Classe</th>
                    <th scope="col">Discipline</th>
                    <th scope="col">Titre</th>
                    <th scope="col">Auteurs</th>
                    <th scope="col">Éditeur</th>
                    <th scope="col">Collection</th>
                    <th scope="col">Année de publication</th>
                    <th scope="col">ISBN</th>
                    <th scope="col">Prix</th>
                    <th scope="col">Déjà acheté par l'élève</th>
                </tr>
                </thead>
                <tbody>
                {% for book in books %}
                    <tr>
                        <th scope="row">
                            <a title="Modifier"
                               href="{% url 'edit_book' teacher_pk=book.teacher.pk pk=book.pk %}"><i class="fas fa-edit"></i></a>
                        </th>
                        <td>{{ book.level }}</td>
                        <td>{{ book.field }}</td>
                        <td>{{ book.title }}</td>
                        <td>{{ book.authors }}</td>
                        <td>{{ book.editor }}</td>
                        <td>{{ book.collection }}</td>
                        <td>{{ book.publication_year }}</td>
                        <td>{{ book.isbn }}</td>
                        <td>{{ book.price }}</td>
                        <td>{{ book.previously_acquired_emoji }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <h2>
                Liste des fournitures demandées
                <a href="{% url 'add_supplies' pk=teacher.pk %}" class="btn btn-primary">Ajouter des fournitures</a>
            </h2>
            <table class="table table-hover table-sm">
                <thead>
                <tr>
                    <th scope="col">Modifier</th>
                    <th scope="col">Classe</th>
                    <th scope="col">Disciplines</th>
                    <th scope="col">Liste de fournitures</th>
                </tr>
                </thead>
                <tbody>
                {% for supply in supplies %}
                    <tr>
                        <th scope="row">
                            <a title="Modifier"
                               href="{% url 'edit_supplies' teacher_pk=supply.teacher.pk pk=supply.pk %}"><i class="fas fa-edit"></i></a>
                        </th>
                        <td>{{ supply.level }}</td>
                        <td>{{ supply.fields }}</td>
                        <td>{{ supply.supplies|linebreaksbr }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}