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

{% block title %}Messagerie
{% endblock %}

{% block body %}
	<section class="container">
		<div class="row">
			<div class="col">
				<h1>Envoyer un message</h1>
                {{ form_start(form) }}
					{{ form_row(form.content) }}
					<div class="row">
						<div class="col-md-3">
							<button class="btn btn-primary">Envoyer</button>
						</div>
						<div class="col-md-3">
							<a class="btn btn-primary" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">
								Voir mes dossiers
							</a>
						</div>
					</div>
				{{ form_end(form) }}
			</div>
		</div>
	</section>
	{# <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
		<div class="offcanvas-header">
			<h2 class="offcanvas-title" id="offcanvasExampleLabel">Mes dossiers</h2>
			<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
		</div>
		<div class="offcanvas-body">
            <div class="list-group">
                <a href="{{ path("messages",{'id': app.user.id}) }}" class="list-group-item list-group-item-action">Accueil</a>
            </div>
            <div class="list-group">
                <a href="{{ path("messages",{'id': app.user.id}) }}" class="list-group-item list-group-item-action">Boîte de réception</a>
            </div>
            <div class="list-group">
                <a href="{{ path("messages",{'id': app.user.id}) }}" class="list-group-item list-group-item-action">Eléments envoyés</a>
            </div>
		</div>
	</div> #}
{% endblock %}