{% extends "main.html" %}
{% load bootstrap4 %}

{% load static %}
{% block title %}Mes blogs favoris{% endblock %}
{% block content %}
<div class="default-container">
    <h1>Mes blogs favoris</h1>

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

    {% if clubs|length %}
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Blogs</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for club in clubs %}
            <tr>
                <td>{{ club.club_fav.nom }}</td>
                <td style="text-decoration: none">
                    <a href="{% url 'blogs_favoris:suppression' club.club_fav.ident %}"><img class="alignTextBottom"
                            src="{% static "assets/icons/delete.png" %}" alt="Supprimer" title="Supprimer" /></a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <hr />
    {% endif %}

    <h2>Ajouter un blog</h2>
    <form method="post" action="">
        <label for="rech_club">Nom :</label>
        <input type="text" id="rech_club" name="rech_club" size="16" />
        <input type="submit" value="Rechercher" />
        {% if resultats != None %}
        <ul>{% for club in resultats %}
            {% if club.blog_act %}
            <li><a href="{% url 'blogs_favoris:ajout' club.ident %}">{{ club.nom }}</a></li>
            {% else %}
            <li>{{ club.nom }} (n’a pas de blog)</li>
            {% endif %}
            {% empty %}
            Aucun résultat n'a été trouvé.
            {% endfor %}
        </ul>
        {% endif %}
    </form>
</div>
{% endblock %}