{% extends "base.html" %}

{% block title %}Messages Admin - Fireflies{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-12">
        <h1 class="page-title">Messages des utilisateurs</h1>
        <p class="lead">Messages envoyés via la discussion "Bienvenue sur Fireflies"</p>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <i class="fas fa-envelope me-2"></i>Messages
            </div>
            <div class="card-body">
                {% if messages %}
                    <div class="list-group">
                        {% for message in messages %}
                            <div class="list-group-item">
                                <div class="d-flex w-100 justify-content-between">
                                    <h5 class="mb-1">De: {{ message.username }}</h5>
                                    <small>{{ message.timestamp }}</small>
                                </div>
                                <pre class="mt-3 p-3 bg-light">{{ message.content }}</pre>
                            </div>
                        {% endfor %}
                    </div>
                {% else %}
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i>
                        Aucun message n'a été envoyé pour le moment.
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}