{% extends base_template %}
  
  {%- block actions -%}
      {% include '@SonataAdmin/CRUD/action_buttons.html.twig' %}
  {%- endblock -%}
  
  {%- block tab_menu -%}
      {{ knp_menu_render(admin.sidemenu(action), {
          'currentClass': 'active',
          'template': get_global_template('tab_menu_template')
      }, 'twig') }}
  {%- endblock -%}
  
  {% block title %}
      {{ admin.isChild and admin.parent.subject ? 'title_edit'|trans({'%name%': admin.parent.toString(admin.parent.subject)|u.truncate(15, '...') }, 'SonataAdminBundle') : '' }}
  {% endblock %}
  
  {% block navbar_title %}
      {{ admin.isChild and admin.parent.subject ? 'title_edit'|trans({'%name%': admin.parent.toString(admin.parent.subject)|u.truncate(100, '...') }, 'SonataAdminBundle') : '' }}
  {% endblock %}
  
  {% block stylesheets %}
    {{ parent() }}
    <link href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.min.css" rel="stylesheet">
    <style>
      .sonata-action-element  , .sonata-action-element:hover{
        color: #fff !important;
        background-color: #00a65a !important;
        border-color: #008d4c;
      } 
    </style>
  {% endblock %}
  
  {# Define the variable out of the block to prevent error if someone is overriding the list_table and not the list_footer #}
  {% set datagrid_has_results = admin.datagrid.results|length > 0 %}
  
  {% block list_table %}
      <div class="col-xs-12 col-md-12">
          <div class="date_range">
            <button type="button" class="form-control ec-prev prev-day" aria-label="Previous day" title="Previous day">
              < Précédent
            </button>
            <div class="input-group">
              <div class="input-group date" id="dp_filtercreatedAt">
                <input type="text" id="filtercreatedAt" name="filtercreatedAt" data-date-format="DD-MM-YYYY" class="form-control">
                <span class="input-group-addon">
                    <span class="fa-calendar fa"></span>
                </span>
              </div>
            </div>
            <button type="button" class="form-control ec-next next-day" aria-label="Next day" title="Next day">
              Suivant >
            </button>
          </div>
          <div class="box box-primary"{% if admin.datagrid.pager.lastPage == 1 %} style="margin-bottom: 100px;"{% endif %}>
              <div class="box-body{% if datagrid_has_results %} table-responsive no-padding{% endif %}">
  
                  {% block list_header %}{% endblock %}
                  
                  {% block table %}
                      {% block table_header %}{% endblock %}
                      {% block table_body %}
                          <div class="nav-tabs-custom shadow-0">
                            <div class="tab-content">
                              <div class="tab-pane fade in active" id="tab-1" data-centre-id="1">
                                <div class="box-body  container-fluid">
                                  <div class="sonata-ba-collapsed-fields">
                                      <table id="myTable" class="table table-bordered table-striped table-hover sonata-ba-list">
                                        <thead>
                                          <tr class="sonata-ba-list-field-header">
                                            <th>Téléphone</th>
                                            <th>Type d'expéditeur</th>
                                            <th>Message</th>
                                            <th>Envoyé le</th>
                                          </tr>
                                        </thead>
                                        <tbody class="response"></tbody>
                                    </table>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <input type="hidden" name="idconversation" class="idconversation" value="{{app.request.get('id')}}"/>
                        {# {% endif %} #}
                      {% endblock %}
                      {% block table_footer %}{% endblock %}
                  {% endblock %}
              </div>
          </div>
      </div>
  {% endblock %}
  
  {% block javascripts %}
    {{ parent() }}
    <script src="https://cdn.datatables.net/2.0.8/js/dataTables.min.js"></script>
    <script src="{{ asset('admin/js/whatsapp.js')}}"></script>
  {% endblock %}