{% extends "base.html" %}

{% block title %}{{ 'communications'|t }} - NetEvents{% endblock %}

{% block content %}
<div class="communications-page">
    <div class="page-header">
        <h1>{{ 'my_messages'|t }}</h1>
    </div>

    {% if emails %}
        <div class="communications-list">
            {% for email in emails %}
                <div class="communication-card">
                    <div class="communication-header">
                        <span class="communication-event">{{ email.event_name }}</span>
                        <span class="communication-date">{{ email.sent_at|localized_date }}</span>
                    </div>
                    <h3>{{ email.subject }}</h3>
                    <p class="communication-body">{{ email.body }}</p>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="section-box">
            <p class="text-muted text-center">{{ 'no_messages_yet'|t }}</p>
        </div>
    {% endif %}
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    lucide.createIcons();
});
</script>
{% endblock %}