{% if app.session.get('_application') == 0 %}
	{% set extendedTemplate = '@AdminLTE/layout/mesodd-layout.html.twig' %}
{% endif %}
{% if app.session.get('_application') == 1 %}
	{% if app.session.get('_commune') is defined %}
		{% set extendedTemplate = '@AdminLTE/layout/communeodd-layout.html.twig' %}
	{% else %}
		{% set extendedTemplate = '@AdminLTE/layout/suiodd-layout.html.twig' %}
	{% endif %}
{% endif %}
{% if app.session.get('_application') == 2 %}
	{% set extendedTemplate = '@AdminLTE/layout/cfgodd-layout.html.twig' %}
{% endif %}

{% extends extendedTemplate %}

{% block page_title %}
	{% trans %}message.title{% endtrans %}
{% endblock %}
{% block page_content %}
	<div class="row">
		<div class="col-md-3">
			<a href="{{ path('messages') }}" class="btn btn-primary btn-block mb-3">Boite de réception</a>
			<div class="card">
				<div class="card-header">
					<h3 class="card-title">Dossiers</h3>
				</div>
				<div class="card-body p-0">
					<ul class="nav nav-pills flex-column">
						<li class="nav-item">
							<a href="{{ path('messages') }}" class="nav-link">
								<i class="fas fa-inbox"></i>
								Boîte de réception
								<span class="badge bg-primary float-right">{{nonlus}}</span>
							</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link">
								<i class="far fa-envelope"></i>
								Eléments envoyés
							</a>
						</li>
					</ul>
				</div>
				<!-- /.card-body -->
			</div>
		</div>
		<!-- /.col -->
		<div class="col-md-9">
			<div class="card card-primary card-outline">
				<div class="card-header">
					<h3 class="card-title">Nouveau message</h3>
				</div>
				<!-- /.card-header -->
				<form method="POST" name="form">
					<div class="card-body">
						<div class="form-group">
							<select class="form-control select2" name="recevers[]" multiple="true" required>
								<option></option>
								{% for user in users %}
									<option value="{{user.id}}" {{message and user.id == message.sender.id ? 'selected' :''}}>{{user.familyName}}
										{{user.givenName}}
                  </option>
								{% endfor %}
							</select>
						</div>
						<div class="form-group">
							<input class="form-control" placeholder="Objet:" name="objet" required value="{% if(message) %} Re : {{message.title}} {% endif %}">
						</div>
						<div class="form-group">
							<textarea id="compose-textarea" class="form-control" style="height: 200px" name="contenu" required></textarea>
						</div>
					</div>
					<!-- /.card-body -->
					<div class="card-footer">
						<div class="float-right">
							<button type="submit" class="btn btn-primary" name="send">
								<i class="far fa-envelope"></i>
								Envoyer</button>
						</div>
						<a href="{{ path('messages') }}" class="btn btn-default">
							<i class="fas fa-times"></i>
							Annuler</a>
					</div>
				</div>
				<!-- /.card-footer -->
			</div>
			<!-- /.card -->
		</div>
		<!-- /.col -->
	</div>
	<!-- /.row -->
{% endblock %}
{% block javascripts %}
	<script src="{{ asset('plugins/summernote/summernote-bs4.js') }}"></script>
	<script>
		$(function () { // Add text editor
$('#compose-textarea').summernote({height: 160})
})
	</script>

	<script src="{{ asset('assets/js/select2.min.js') }}"></script>
	<script>
		$(document).ready(function () {
$('.select2').select2({theme: "classic", placeholder: "A:"});
});
	</script>

{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.css') }}">
	<link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs4.min.css') }}">
	<link href="{{ asset('assets/css/select2.min.css') }}" rel="stylesheet">
{% endblock %}