{# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
{% extends ea.templatePath('layout') %}
{% trans_default_domain ea.i18n.translationDomain %}

{% block body_class 'page-content' %}

{# deprecated 'The "page_title" block is deprecated, use "content_title" instead.' #}
{% block page_title %}
{% endblock %}

{# deprecated 'The "page_content" block is deprecated, use "main" instead.' #}
{% block page_content %}
{% endblock %}

{% block content_title %}{{ block('page_title') }}{% endblock %}

{% block main %}

    <div class="row">
      <div class="col-6">

         {# COMMENT WIDGET #}
         <div class="card mb-3 comment-widget">
            <div class="card-body">
               <h2 class=" mb-3"><i class="fas fa-comment-dots"></i> Avis client <span style="font-size:12px">(5 derniers)</span></h2>
               <table class="table">
                  <thead>
                     <tr>
                        <th scope="col">Nom/Prénom</th>
                        <th scope="col">Commentaire</th>
                        <th scope="col">Date</th>
                     </tr>
                  </thead>
                  <tbody>
                     {% if stats.lastComments %}
                        {% for key, comment in stats.lastComments %}
                        <tr>
                           <td>
                              {{comment.firstName}} {{comment.lastName}}
                           </td>
                           <td>
                              <button type="button" class="openModal btn btn-primary" data-bs-toggle="modal" data-bs-target="#commentView{{comment.id}}">
                                 <i class="fas fa-eye"></i>
                              </button>
                           </td>
                           <td>
                              {{comment.createdAt|date('d/m/Y')}}
                           </td>
                        </tr>
                        <!-- Modal -->
                        <div class="modal fade" id="commentView{{comment.id}}" tabindex="-1" aria-labelledby="Vue" aria-hidden="true">
                           <div class="modal-dialog">
                              <div class="modal-content">
                                 <div class="modal-header">
                                    <h5 class="modal-title">Avi de {{comment.firstName}} {{comment.lastName}}</h5>
                                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                       <span aria-hidden="true">&times;</span>
                                    </button>
                                 </div>
                                 <div class="modal-body">
                                    {{comment.content|raw}}
                                 </div>
                              </div>
                           </div>
                        </div>
                        {% endfor %}
                        {% else %}
                           Aucun avi
                     {% endif %}
                  </tbody>
               </table>
            </div>
         </div>
         {# END COMMENT WIDGET #}

      </div>
      <div class="col-6">

         {# CONTACT WIDGET #}
         <div class="card mb-3 contact-widget">
            <div class="card-body">
               <h2 class=" mb-3"><i class="fas fa-comment-dots"></i> Emails <span style="font-size:12px">(5 derniers)</span></h2>
               <table class="table">
                  <thead>
                     <tr>
                        <th scope="col">Nom/Prénom</th>
                        <th scope="col">objet</th>
                        <th scope="col">Contenu</th>
                        <th scope="col">Date</th>
                     </tr>
                  </thead>
                  <tbody>
                     {% if stats.lastComments %}
                        {% for key, contact in stats.lastContacts %}
                        <tr>
                           <td>
                              {{contact.firstName}} {{contact.lastName}}
                           </td>
                           <td>
                              {{contact.subject}}
                           </td>
                           <td>
                              <button type="button" class="openModal btn btn-primary" data-bs-toggle="modal" data-bs-target="#contactView{{contact.id}}">
                                 <i class="fas fa-eye"></i>
                              </button>
                           </td>
                           <td>
                              {{contact.createdAt|date('d/m/Y')}}
                           </td>
                        </tr>
                        <!-- Modal -->
                        <div class="modal fade" id="contactView{{contact.id}}" tabindex="-1" aria-labelledby="Vue" aria-hidden="true">
                           <div class="modal-dialog">
                              <div class="modal-content">
                                 <div class="modal-header">
                                    <h5 class="modal-title">Message de {{contact.gender}} {{contact.lastName}} {{contact.firstName}}</h5>
                                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                       <span aria-hidden="true">&times;</span>
                                    </button>
                                 </div>
                                 <div class="modal-body">
                                    {{contact.content|raw}}
                                 </div>
                              </div>
                           </div>
                        </div>
                        {% endfor %}
                        {% else %}
                           Aucun email
                     {% endif %}
                  </tbody>
               </table>
            </div>
         </div>
         {# END CONTACT WIDGET #}

      </div>
   </div>
{% endblock %}