{% extends "base.html" %}

{% block content %}
<h2>Новые сообщения от пользователей</h2>

{% if messages %}
    <div class="admin-table">
        {% for msg in messages %}
        <div class="review-card" style="margin-bottom: 1rem;">
            <div class="review-header">
                <strong style="color: white;">Заказ #{{ msg.order_id }}</strong>
                <span style="color: white;">От: {{ msg.user_name }}</span>
                <span style="color: white;">{{ msg.created_at }}</span>
            </div>
            <div class="review-comment" style="margin: 0.5rem 0; color: white;">{{ msg.message }}</div>
            <div class="order-actions" style="margin-top: 0.5rem;">
                <a href="{{ url_for('chat', order_id=msg.order_id) }}" class="btn-primary" style="border-radius: 50px; text-decoration: none;">Ответить</a>
            </div>
        </div>
        {% endfor %}
    </div>
{% else %}
    <p>Новых сообщений нет.</p>
{% endif %}
{% endblock %}