{% if ticketItem.messages is null %}
    <p>Aucun Message</p>
{% else %}
    {% for message in ticketItem.messages %}
        <div class="row">
            {% if app.user.firstname == message.fromUser.firstname%}
                {% if not message.deleted %}
                    <div class="col s12 m5">
                        <div class="user">
                            <strong>{{ message.fromUser.firstname }}</strong>
                            <small>{{ message.ostdate | date('d/m/Y H:i:s', "Europe/Paris") }}</small>
                        </div>
                        <div class="card-panel z-depth-5 blue darken-4 self-message message-card">
                            <a href="javascript:deleteMessage('{{ message.publicKey }}')" class="right"><i class="material-icons">close</i></a>
                            <span class="white-text">{{ message.content }}</span>
                        </div>
                    </div>
                {% endif %}

            {% else %}
                {% if not message.deleted %}
                    <div class="col s12 m5 offset-m1">
                        <div class="user">
                            <strong>{{ message.fromUser.firstname }}</strong>
                            <small>{{ message.ostdate | date('d/m/Y H:i:s', "Europe/Paris") }}</small>
                        </div>
                        <div class="card-panel z-depth-5 teal friends-message message-card">
                            <a href="javascript:deleteMessage('{{ message.publicKey }}')" class="right"><i class="material-icons">close</i></a>
                            <span class="white-text">{{ message.content }}</span>
                        </div>
                    </div>
                {% endif %}

            {% endif %}
        </div>
    {% endfor %}
{% endif %}