{% extends 'dashboard.html.twig' %}

{% block title %}{% trans %} Messages | Promotip {% endtrans %}{% endblock %}

{% block dashboard %}
    <div class="container-fluid">
        <div class="row overview-dashboard-index">
            <div class="col-12">
                <h3 class="message-page-title fw-800 display-5 text-uppercase">
                    {% trans %}My Messages{% endtrans %}
                </h3>
                {% if messageList|length != 0 %}
                    <div class="message-card-columns">
                        {% for message in messageList %}
                            <div class="message-card mb-3">
                                <div class="message-card-body">
                                    <h5 class="message-card-title">{{ message.subject }}</h5>
                                    <p class="message-card-text">Van: {{ message.sender }}</p>
                                    <p class="message-card-text"><small class="text-muted">Ontvangen: {{ message.received }}</small></p>
                                    <a href="{{ path('dashboard_view_message', {'messageId': message.id}) }}" class="btn btn-primary">{% trans %}View Message{% endtrans %}</a>
                                </div>
                            </div>
                        {% else %}
                            <p class="message-no-message">{{ 'no message found'|trans }}</p>
                        {% endfor %}
                    </div>
                {% else %}
                    <p class="message-no-message">{{ 'no message found'|trans }}</p>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}