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

{% block title %}
	Message
{% endblock %}

{% block body %}
	<div class="d-flex flex-column align-items-center">
		{# Si un message parent existe, afficher le bouton #}
		{% if parent %}
			<div class="card" style="width: 75rem;">
				<h5 class="card-title">
					<a href="{{ path('message', {'msgId': parent.getId() }) }}">Afficher le message parent</a>
				</h5>
			</div>
		{% endif %}
		<div class="card" style="width: 75rem;">
			<div class="card-body">
				<h5 class="card-title">
					<a href={{ path('profile', {'username': msg.sender.getUsername() } ) }}>{{ msg.sender.getUsername() }}</a>
				</h5>
				<h6 class="card-subtitle mb-2 text-muted">{{ msg.getDate()|date('H:i - d/m/Y') }}</h6>
				<p class="card-text">{{ msg.text | striptags('<a>') | raw }}</p>
				<a href="{{ path('message', {'msgId': msg.getId() }) }}" class="card-link">Répondre</a>
				<a href="{{ path('rt_message', {'msgId': msg.getId() }) }}" class="card-link">RT</a>
			</div>
		</div>
		<div class="card" style="width: 50rem;">
			{{ form_start(form) }}
			{{ form_errors(form) }}
			{{ form_widget(form) }}
			<button type="submit" class="btn btn-primary">Envoyer</button>
			{{ form_end(form) }}
		</div>
		{# On affiche toutes les réponses correspondants à la route #}
		{% for msg in replies %}
			<div class="card" style="width: 50rem;">
				<div class="card-body">
					<h5 class="card-title">
						<a href={{ path('profile', {'username': msg.sender.getUsername() } ) }}>{{ msg.sender.getUsername() }}</a>
					</h5>
					<h6 class="card-subtitle mb-2 text-muted">{{ msg.getDate()|date('H:i - d/m/Y') }}</h6>
					<p class="card-text">{{ msg.text | striptags('<a>') | raw }}</p>
					<a href="{{ path('message', {'msgId': msg.getId() }) }}" class="card-link">Répondre</a>
					<a href="{{ path('rt_message', {'msgId': msg.getId() }) }}" class="card-link">RT</a>
				</div>
			</div>
		{% endfor %}
	</div>
{% endblock %}