{% extends "base.html" %}
{% block title %}Accueil - Forum Anonyme{% endblock %}
{% block content %}
<h2 class="text-2xl font-semibold mb-4">Fils de discussion</h2>  <!-- Titre plus grand et en gras -->

<!-- Affichage du nom d'utilisateur (pour information) -->
<p class="text-gray-600 mb-4">Vous êtes connecté en tant que : <span class="font-semibold text-blue-700">{{ username }}</span></p>


{% if threads %}
    <ul class="thread-list space-y-4">  <!-- Liste avec espacement vertical -->
        {% for thread in threads %}
            <li>
                <a href="{{ url_for('thread', thread_id=thread.id) }}"
                   class="block p-4 bg-white rounded-md shadow-sm hover:shadow-md hover:scale-105 transition-all duration-200">  <!-- Bloc cliquable, ombres, effet hover -->
                    <span class="text-lg text-blue-700">{{ thread.title }}</span>  <!-- Titre du fil -->
                    <small class="text-gray-500 block mt-1">Créé le {{ thread.timestamp.strftime('%d/%m/%Y %H:%M:%S') }}</small>  <!-- Date de création -->
                </a>
            </li>
        {% endfor %}
    </ul>
{% else %}
    <p class="text-gray-600">Aucun fil de discussion pour le moment.</p>  <!-- Message si aucun fil -->
{% endif %}
{% endblock %}