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

{% block title %}Accueil
{% endblock %}

{% block body %}

	<div class="d-flex flex-column align-items-center">
		<div class="card" style="width: 75rem;">
			{{ form_start(form) }}
			{{ form_errors(form) }}
			{{ form_widget(form) }}
			<button type="submit" class="btn btn-primary">Envoyer</button>
			{{ form_end(form) }}
		</div>
		{% for msg in messages %}
			<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 | raw }}</p>
                    <a href="{{ path('rt_message', {'msgId': msg.getId() }) }}" class="card-link">RT</a>
				</div>
			</div>
		{% endfor %}
	</div>
{% endblock %}
{% block javascripts %}
	<script>
		$(document).ready(() => {
			$('[data-toggle="popover"]').popover();
		});
	</script>
{% endblock %}