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

{% load bootstrap4 %}
{% load static %}

{% block content %}
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <h1>Bienvenue {{ teacher.full_name }}</h1>
            <h2>
                {% block title %}Confirmer les listes{% endblock %}
                <a href="{% url 'list_books' teacher.pk %}" class="btn btn-secondary">
                    <i class="fas fa-arrow-circle-left"></i>
                    Retour à vos listes
                </a>
            </h2>
            <div class="alert alert-danger">
                <h4 class="alert-heading"><i class="fas fa-exclamation-circle"></i> Danger</h4>
                <p class="mb-0">
                    Êtes-vous <strong>certain&centerdot;e</strong> de vouloir confirmer vos listes de manuels et de fournitures ?
                    Cette action est <u><strong>définitive</strong></u> : vous ne ne serez plus en mesure de les modifier ensuite.
                </p>
            </div>
            <form action="" method="post" class="form">
                {% csrf_token %}
                {% buttons %}
                    <button type="submit" class="btn btn-danger" style="white-space: normal;">Confirmer mes listes. Je comprends que cette action est <strong>définitive</strong>.</button>
                {% endbuttons %}
            </form>
        </div>
    </div>
{% endblock %}