{% extends "main.html" %}

{% load static %}

{% block title %}Gestion des pages Web{% endblock %}

{% block content %}
<div class="default-container">
    <h1>Gestion des pages Web</h1>

    <table class="table table-striped">
        <thead>
            <tr>
                <th>Adresse</th>
                <th>Titre</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for page in pages %}
            <tr>
                <td><a href="/{{ page.adresse }}"><tt>{{ page.adresse }}</tt></a></td>
                <td>{{ page.titre }}</td>
                <td style="text-decoration: none">
                  <a href="{% url 'gestion:pages:edition' page.id %}" class="btn btn-primary text-white btn-sm">
                    <i class="fas fa-pencil-alt" title="Éditer"></i>
                  </a>
                  <a href="{% url 'gestion:pages:suppression' page.id %}" class="btn btn-danger text-white btn-sm">
                    <i class="fas fa-trash-alt" title="Supprimer"></i>
                  </a>
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="3">Aucune page web actuellement créée.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <a href="{% url 'gestion:pages:edition' %}" class="btn btn-secondary">Nouvelle page</a>
</div>
{% endblock %}