{% extends 'base_backend.html.twig' %}
{% block nombreMessage %}{{ nbrMsg }}{% endblock %}

{% block body %}

<div class="row">
    <div class="tabs-left">
        <div class="col-lg-3">
            <div class="ibox ">
                <div class="ibox-content mailbox-content">
                    <div class="file-manager">
                        <a class="btn btn-block btn-primary compose-mail" href="mail_compose.html"><i class="fa fa-refresh"></i> Actualiser</a>
                        <div class="space-25"></div>
                        <h5>Messages</h5>
                        <ul class="folder-list m-b-md" style="padding: 0">
                            <li><a href="mailbox.html"> <i class="fa fa-inbox "></i> Boite de réception <span class="label label-warning float-right">{{ nbrMsg }}</span> </a></li>

                            <li><a href="mailbox.html"> <i class="fa fa-certificate"></i> Archivés</a></li>

                            <li><a href="mailbox.html"> <i class="fa fa-trash-o"></i> Supprimés</a></li>
                        </ul>
                        <h5>Categories</h5>
                        <ul class="nav nav-tabs">

                            <li><a href="#"> <i class="fa fa-circle text-navy"></i> Lus</a></li>
                            <li><a href="#"> <i class="fa fa-circle text-danger"></i> Non Lus</a></li>

                        </ul>


                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-9 animated fadeInRight">
            <div class="mail-box-header">

                <h2>

                    {{ message.nom }}
                    {% if message.etat=='Nouveau' %}
                        <i class="fa fa-inbox "></i>
                    {% elseif message.etat=='Archive' %}
                        <i class="fa fa-certificate"></i>
                    {% elseif message.etat=='Supprime' %}
                        <i class="fa fa-trash-o"></i>
                    {% endif %}
                    {% if message.vu=='1' %}
                        <i class="fa fa-circle text-navy"></i>
                    {% else %}
                        <i class="fa fa-circle text-danger"></i>
                    {% endif %}
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">


                    <h3>
                        <span class="font-normal">Sujet: </span>{{ message.titre }}.
                    </h3>
                    <h5>
                        <span class="float-right font-normal">{{ message.date|date }}</span><br>
                        <span class="font-normal">de: </span>{{ message.email }}
                    </h5>
                </div>
            </div>
            <div class="mail-box">


                <div class="mail-body">

                    {{ message.content }}


                </div>

                <div class="mail-body text-right tooltip-demo">
                    <a href="mail_compose.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" ><i class="fa fa-reply"></i> Retour</a>
                    <button title="" data-placement="top" data-toggle="tooltip" type="button" data-original-title="Print" class="btn btn-sm btn-white"><i class="fa fa-print"></i> Imprimer</button>
                    <button title="" data-placement="top" data-toggle="tooltip" data-original-title="Trash" class="btn btn-sm btn-white"><i class="fa fa-trash-o"></i> Supprimer</button>
                </div>
                <div class="clearfix"></div>


            </div>
        </div>
    </div></div>

{% endblock %}