<header class="page-header page-header-compact page-header-light border-bottom bg-white mb-4 positionToHeader">
<div class="container-fluid px-4">
<div class="page-header-content">
<div class="row align-items-center justify-content-between pt-3">
<div class="col-auto">
<h1 class="text-center text-uppercase "><i class="bi bi-mailbox"></i> Boîte de Reception</h1>
<p class="text-center">Consulter vos message.</p>
</div>
<div class="col-12 col-xl-auto mb-3 ">
<a class="btn btn-sm btn-primary " href="{{path('envoie_mail')}}">
<i class="bi bi-send-fill"></i>
Boîte d'envoi
</a>
</div>
</div>
</div>
</div>
</header>
<div class="container-xl px-4 mt-2 mb-4 h-100">
<div class="card mb-4">
<div class="card-header ">Message reçu</div>
<div class="card-body text-center ">
<table id="datatablesSimple">
<thead>
<tr>
<th></th>
<th>De</th>
<th>Sujet</th>
<th>Date</th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>De</th>
<th>Sujet</th>
<th>Date</th>
</tr>
</tfoot>
<tbody class="text-dark ">
{% set i = 0%}
{% for mail in app.user.emailsRecieved %}
<tr>
{% if mail.isRead %}
<td>
<a href="{{path('app_receivedMail', {id : i})}}" class="_link">
<i class="bi bi-check " style="font-size: 2em; color: green;"></i>
</a>
</td>
{% else %}
<td>
<a href="{{path('app_receivedMail', {id : i})}}" class="_link">
<i class="bi bi-envelope-fill " style="font-size: 2em; color: red;"></i>
</a>
</td>
{% endif %}
<td> <a href="{{path('app_receivedMail', {id : i})}}" class="_link">
{{mail.userPseudo}}
</a></td>
<td>
<a href="{{path('app_receivedMail', {id : i})}}" class="_link">
{{mail.title}}
</a>
</td>
<td><a href="{{path('app_receivedMail', {id : i})}}" class="_link">
{{mail.date|format_datetime(locale='fr')}}
</a></td>
</tr>
{% set i = i + 1 %}
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest" crossorigin="anonymous"></script>