{% 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('message.write') }}" class="btn btn-primary btn-block mb-3">Nouveau</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>
					<b>Eléments envoyés</b>
				</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">Boîte de réception</h3>
				<!-- /.card-tools -->
			</div>
			<!-- /.card-header -->
			<div class="card-body p-0">
				<div class="" style="margin:20px 10px 20px 10px;">
					<table id="goalTable" class="table table-striped" >
						<thead style="display:none;">
							<th></th>
							<th></th>
							<th></th>
						</thead>
						<tbody>
							<tr onclick="document.location='{{ path('message', { 'id': 1 }) }}'" style="cursor:pointer;">
							<a href="read-mail.html">
								<td class="mailbox-name">
									Alexander Pierce
								</td>
								<td class="mailbox-subject">
									<b>AdminLTE 3.0 Issue</b>
									- Trying to find a solution to this problem...
								</td>
								<td class="mailbox-date">5 mins ago</td>
							</a>
							</tr>
						</tbody>
					</table>
					<!-- /.table -->
				</div>
				<!-- /.mail-box-messages -->
			</div>
			<!-- /.card-body -->
		</div>
		<!-- /.card -->
	</div>
	<!-- /.col -->
</div>
{% endblock %}

{% block javascripts %}
    <script>
        $(function () {
            $("#goalTable").DataTable({
                "pageLength": 25,
				"lengthChange": false,
            });
        });
    </script>

    <script src="{{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
{% endblock %}

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