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

{% block title %}{{mail.objet}}{% endblock %}

{% block body %}
    <section class="container">
        {% include 'utils/file.ariane.html.twig' %}  

        <div class="d-flex justify-content-between">
            <a href="/mails?page={{page}}&pageSize={{pageSize}}&filtre={{filtre}}" class="btn btn-sm btn-primary" title="retour"><i class="bi bi-chevron-left"></i> Retour</a>
            {% if secure.havePermission(constant('_REMOVE_SERV_GEST_TEAM', app_const)) %}
                <a href="/mails/suppression/{{mail.code}}" class="btn btn-sm btn-danger" title="Supprimer"><i class="bi bi-trash"></i></a>
            {% endif %}
        </div>
        <hr/>        
        <br />

        <div class="card" style="w-80">
            <div class="card-body">
                <h4 class="card-title"><strong>{{mail.objet}}</strong></h4>
                <hr /><br />
                <p class="card-text">
                    {{mail.message | raw}}
                </p>
                <hr /><br />
                <div class="mail-dest-container">
                    <h5 style="background:#e2fffc;color:#009588;padding:10px 15px;"><strong>Pièces jointes</strong></h5>
                    {% if mail.piecesJointes|length <= 0  %}
                        <p style="padding:10px;font-size:9pt;">Aucune pièce jointe à ce mail</p>
                    {% else %}
                        <ul class="list-group list-group-flush">
                        {% for pj in mail.piecesJointes %}
                             <li class="list-group-item" >
                                <a href="/mails/pj/{{ mail.code }}?name={{ app_utils.getFileName(pj) }}" >{{ app_utils.getFileName(pj) }}</a>
                            </li>
                        {% endfor %}
                        </ul>
                    {% endif %}
                </div>
                <hr /><br />
                <div class="mail-dest-container">
                    <h5 style="background:#e2fffc;color:#009588;padding:10px 15px;"><strong>Destinataires</strong></h5>
                    
                    <ul class="list-group list-group-flush">
                        {% for dest in mail.jobs %}
                            <li class="{{ dest.isTraiter ? 'list-group-item mail-item-sender' :'list-group-item mail-item-waitting' }}" >
                                <div class="d-flex justify-content-between">
                                    <div class="w-60">
                                        {{ dest.adresseMailDiffs.email }}
                                    </div>
                                    <div class="w-20">
                                        {{ dest.dateTraitement|date('d/m/Y H:i' ) }}
                                    </div>
                                    <div class="w-20" style="text-align: center;">
                                        {% if dest.isTraiter %}
                                            Envoyé
                                        {% else %}
                                            En attente
                                        {% endif %}
                                    </div>
                                </div>
                            </li>
                        {% endfor %}
                
                    </ul>

                </div>
            </div>
        </div>
        
        <br />
    </section>

{% endblock %}