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

{% block title %}{% trans %} View message | Promotip {% endtrans %}{% endblock %}

{% block dashboard %}
    <div class="container-fluid mt-4 view-message-container">
        <div class="row border-top border-light py-3 overview-dashboard-index">
            <div class="col-12">
                <div class="card mb-3 view-message-card">
                    <div class="card-header text-white view-message-header">
                        <span class="font-weight-bold">Ontvangen bericht "{{ subject }}"</span>
                    </div>
                    <div class="card-body bg-light view-message-body">
                        <div class="row mb-2">
                            <div class="col-md-9 font-weight-bold">{{ 'From'|trans }}: {{ from }}</div>
                            <div class="col-md-3 text-md-right">{{ received|date('d/m/Y H:i:s') }}</div>
                        </div>
                        <div class="row">
                            <div class="col-md-9">{{ 'Subject'|trans }}: {{ subject }}</div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                {{ message }}
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-light view-message-footer">
                        <div class="row">
                            <div class="col-6 text-left">
                                <a href="{{ path('dashboard_delete_message', {'messageId': messageId}) }}" class="btn btn-danger view-message-delete-btn" data-toggle="tooltip" title="Verwijderen"><i class="far fa-trash-alt"></i> Verwijderen</a>
                            </div>
                            <div class="col-6 text-right">
                                <a href="mailto:{{ from }}?subject={{ subject }}" class="btn btn-primary view-message-reply-btn" data-toggle="tooltip" title="Beantwoorden"><i class="fa fa-reply"></i> Antwoorden</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {% if messageList|length == 0 %}
            <div class="row">
                <div class="col-12">
                    <div class="alert alert-info" role="alert">
                        {{ 'no message found'|trans }}
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}