{% extends "base.html" %}
{% block title %}Résultats de recherche{% endblock %}
{% block content %}
<h2 class="text-2xl font-semibold mb-4">Résultats de recherche pour "{{ query }}"</h2>  <!-- Titre -->

<h3 class="text-xl font-semibold mt-6 mb-3">Fils de discussion</h3>  <!-- Titre des fils -->
{% if threads %}
    <ul class="thread-list space-y-4">  <!-- Liste des fils -->
        {% 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">  <!-- Lien vers le fil -->
                    {{ thread.title }}
                </a>
            </li>
        {% endfor %}
    </ul>
{% else %}
    <p class="text-gray-600">Aucun fil de discussion trouvé.</p>  <!-- Aucun fil trouvé -->
{% endif %}

<h3 class="text-xl font-semibold mt-6 mb-3">Messages</h3>  <!-- Titre des messages -->
{% if messages %}
    <ul class="message-list space-y-4">  <!-- Liste des messages -->
        {% for msg in messages %}
            <li>
                <a href="{{ url_for('thread', thread_id=msg.thread_id) }}#msg{{ msg.id }}"
                   class="block p-4 bg-white rounded-md shadow-sm hover:shadow-md transition-shadows duration-200">  <!-- Lien vers le message -->
                    {{ msg.content[:100]|safe }}...
                </a>
            </li>
        {% endfor %}
    </ul>
{% else %}
    <p class="text-gray-600">Aucun message trouvé.</p>  <!-- Aucun message trouvé -->
{% endif %}
{% endblock %}