<div class="mb-3"{% if message.parent %} style="margin-left: 50px;"{% endif %} id="message-{{ message.id }}">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-items-center">
<div>
{% if message.user %}
{% if message.user.avatarPath is null %}
<span class="user-account">
<i class="fas fa-user"></i>
</span>
{% else %}
<img class="user-account" src="{{ get_user_avatar_thumbnail(message.user) }}" alt="User avatar">
{% endif %}
{% elseif message.bot is same as true %}
<span class="user-account">
<i class="fas fa-user-robot"></i>
</span>
{% else %}
<span class="user-account">
<i class="fas fa-user"></i>
</span>
{% endif %}
</div>
<div class="ml-3 font-weight-bold">
{% if message.user is not null %}
{{- message.user -}}
{% elseif message.bot is same as true %}
{{- 'front.scholar.lesson.show.message.user.chat_bot'|trans -}}
{% else %}
{{- 'front.scholar.lesson.show.message.user.anonymous'|trans -}}
{% endif %}
</div>
</div>
<div class="font-italic" style="font-size: 13px;"
title="{{ message.createdAt|format_datetime('full', 'short') }}"
>{{- message.createdAt|date_diff_display -}}</div>
</div>
<div class="mt-2" style="white-space: pre-line;">{{- message.content -}}</div>
{% if messageToAnswer or canDelete %}
<div class="actions-message-forum">
{% if messageToAnswer %}
<button type="button"
class="answer-message-forum"
data-toggle="modal"
data-target="#modalMessage"
id="btn-response"
data-message-id="{{ messageToAnswer.id }}"
data-message-content="{{ messageToAnswer.content }}"
data-message-user="{{ messageToAnswer.user is not null ? messageToAnswer.user.email : '' }}"
data-message-user-name="{{ messageToAnswer.user is not null ? messageToAnswer.user.firstName : '' }} {{ messageToAnswer.user is not null ? messageToAnswer.user.lastName : '' }}"
>
Répondre
</button>
{% endif %}
{% if canDelete %}
<button type="button"
class="delete-message-forum"
data-toggle="modal"
data-target="#modalMessageDelete{{- message.id -}}"
>
Supprimer
</button>
{% endif %}
</div>
{% endif %}
</div>
{% if canDelete %}
<div class="modal fade" id="modalMessageDelete{{- message.id -}}" tabindex="-1"
role="dialog" aria-hidden="true" style="font-family: 'Poppins'">
<div class="modal-dialog modal-dialog-centered forum-message-modal modal-lg"
role="document">
<div class="modal-content border-8">
<div class="modal-header" style="padding: 1rem;">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" style="padding: 0px;text-align: center">
<div class="modal-body-title">Êtes-vous sûr(e) de vouloir supprimer
ce
commentaire ?
</div>
<br/>
<div>Vous vous apprêtez à supprimer un commentaire. Cette action est
irréversible.
</div>
<div>Êtes-vous sûr(e) de vouloir réaliser cette action ?</div>
<br/>
</div>
<div class="modal-footer modal-footer-delete-message">
<button type="button"
class="btn btn-secondary cancel-delete-message"
data-dismiss="modal">Annuler
</button>
{% set deleteMessagePath = null %}
{% if currentRoute == 'front_channel_chapter_show' %}
{% set deleteMessagePath = path('front_channel_chapter_message_delete', {'messageId': message.id,'trainingId': training.id,'moduleId': module.id,'lessonId': lesson.id,'chapterId': chapter.id,}) %}
{% elseif currentRoute in ['manager_channel_chapter_show_message', 'manager_channel_chapter_show'] %}
{% set deleteMessagePath = path('manager_channel_chapter_message_delete', {'channelId': channel.id, 'lessonId': lesson.id, 'chapterId': chapter.id, 'messageId': message.id}) %}
{% elseif currentRoute == 'manager_channel_module_chapter_show' %}
{# TODO #}
{% set deleteMessagePath = null %}
{% elseif currentRoute == 'manager_channel_training_module_chapter_show' %}
{# TODO #}
{% set deleteMessagePath = null %}
{% endif %}
<a href="{{- deleteMessagePath -}}" type="submit"
class="btn-valid-modale submit-delete-message">{{ 'front.scholar.lesson.show.message.delete.button.label'|trans }}</a>
</div>
</div>
</div>
</div>
{% endif %}