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

{% block contenu %}
{% set currentUrl = app.request.attributes.get('_route') %}
{% set messages = arrayWorker(worker, 'Messages') %}
<div class="row col-md-9 text-color header-mes-messages">
    <div class="content-messages">
            <span class="ct-sp" id="title-messages">{{'myAccount.my_messages'|trans}}</span>
        {% if idMessage is not null %}
        {% for message in messages %}
            {% if message.id == idMessage and message.send == 1 %}
                <div class="card-deck">
                    <div class="card shadow">
                        <div class="card-header py-3">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h6 class="m-0 font-weight-bold text-secondary">{{'email.message_content'|trans}}</h6>
                        </div>

                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="contenu-item"> {{'email.customer_name'|trans}} :</span><span> {{message.firstName}} {{message.lastName}}</span>
                                </div>
                                {% if message.phone %}
                                <div class="col-md-6">
                                    <span class="contenu-item"> {{"email.customer_number_point"|trans}} </span><span> {{message.phone}}</span>
                                </div>
                                {% endif %}
                                <div class="col-md-6">
                                    <span class="contenu-item"> {{'email.customer_email_point'|trans}}</span><span> {{message.email}}</span>
                                </div>
                                <div class="col-md-6">
                                {% if message.sentAt %}
                                    <span class="contenu-item"> {{'email.sent_at_point'|trans}} </span><span> {{message.sentAt|date("d/m/Y G:i")}}</span>
                                {% else %}
                                    <span class="contenu-item">{{'email.no_sent_at'|trans}}</span>
                                {% endif %}
                                </div>
                                <div class="col-md-6">
                                    <span class="contenu-item"> {{'forms.city_project'|trans}} </span><span> {{message.city}}</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="contenu-item"> {{'email.customer_postal_code'|trans}} </span><span> {{message.zipCode}}</span>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <span class="contenu-item"> {{'email.customer_request'|trans}} </span>  {{message.description}}
                            </div> 
                        </div>
                    </div>
                </div>
            {% endif %}
        {% endfor %}
        {% endif %}
        <div class="separateur"></div>
            <table class="table table-bordered table-responsive-md" id="table-messages" >
                <thead>
                    <tr>
                    <th class="thead-item" >{{'email.customer_name'|trans}}</th>
                    <th class="thead-item" >{{'email.customer_email'|trans}}</th>
                    <th class="thead-item" >{{'email.sent_at'|trans}}</th>
                    <th ></th>
                    </tr>
                </thead>
                <tbody>
                    {% for message in messages %}
                        {% if message.send == 1 %}
                            
                            <tr>
                                <td>{{message.firstName}} {{message.lastName}}</td>
                                <td>{{message.email}}</td>
                                {% if message.sentAt %}
                                <td>{{message.sentAt|date("d/m/Y G:i")}}</td>
                                {% else %}
                                <td></td>
                                {% endif %}
                                <td><a class="btn btn-en-savoir-plus" href="{{ absolute_url(customPath('worker_messages',{'idMessage':message.id}))}}" role="button"> {{'email.learn_more'|trans}}</a>
                                </td>
                            </tr> 
                        {% endif %}
                    {% endfor %}
                </tbody>
            </table>

    </div>

</div>
{% endblock %}
{% block javascripts %}
<script>
    $(document).ready(function() {
        $('.close').click(function(){
            $('.card-deck').remove();
        })
    })
</script>
{% endblock %}