{% extends "base.html.twig" %}

{% block body %}
{% block nav %}{{ parent() }}{% endblock %}
<div class="col-10 card mx-auto text-center">
    
    <h4>{{ticket.subject}}</h4>
    <p>{{ticket.date|format_datetime('full', 'short', locale: app.session.get('_locale'))}}</p>
    <p class="text-start col-10 p-2 card mx-auto">{{ ticket.message|nl2br }}</p>
    <a href="" class="btn btn-sm btn-danger col-6 mx-auto">{{ 'btn.mark_as_resolved'|trans }}</a>
    {% for message in ticket.supportMessages %}
    {# {{ dump(message) }} #}
    <div class="text-start col-10 p-2 card mx-auto">
        <div class="card-header">
            <p>{{message.date|date('d/m/Y H:i')}}</p>
        </div>
        <div class="card-body">
            <p>{{ message.message|nl2br }}</p>
        </div>
    </div>
    {% endfor %}
    <twig:SupportMessageComponent support="{{ticket}}" />
</div>

{% endblock %}