{% extends 'bundles/SonataAdminBundle/standard_layout.html.twig' %}

{% block stylesheets %}
  {{ parent() }}
	<link href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.min.css" rel="stylesheet">
{% endblock %}

{# Define the variable out of the block to prevent error if someone is overriding the list_table and not the list_footer #}

{% block list_table %}
    <div class="col-xs-12 col-md-12">
        {# Add a margin if no pager to prevent dropdown cropping on window #}
        {# <form method="POST" id="date_rangeexport" class="date_range date_range_export">
          <div class="input-group input-daterange">
            <input type="text" id="startDate" name="startdate" class="form-control">
            <div class="input-group-addon">Vers</div>
            <input type="text" id="endDate" name="enddate" class="form-control">
          </div>
          <button type="submit" class="btn btn-success">
            Export
          </button>
        </form>
        <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" style="margin-bottom: 100px;">
            <div class="box-body table-responsive no-padding">

                {% block list_header %}{% endblock %}
                
                {% block table %}
                    {% block table_header %}{% endblock %}
                    {% block table_body %}
                        <div class="nav-tabs-custom shadow-0">
                          <div class="box-body  container-fluid">
                            <div class="sonata-ba-collapsed-fields">
                                <table id="gesttable" class="table table-bordered table-striped table-hover sonata-ba-list">
                                  <thead>
                                      <tr class="sonata-ba-list-field-header">
                                          <th>Date resa</th>
                                          <th>Num résa</th>
                                          <th>Type résa</th>
                                          <th>Email</th>
                                          <th>Téléphone</th>
                                          <th>Nb personnes</th>
                                          <!-- <th>Plannifier</th>
                                          <th>Venu</th> -->
                                          <th>Annulée</th>
                                          <th>Channel</th>
                                          <th>Montant</th>
                                          <th class="sonata-ba-list-field-header-actions">
                                            Actions
                                          </th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                    {% for reservation in reservations %}
                                      <tr>
                                        <td>{{ reservation.CreatedAt|date('d/m/Y') }}</td>
                                        <td>{{ reservation.numeReservation }}</td>
                                        <td>{{ reservation.typeVente }}</td>
                                        <td>{{ reservation.email }}</td>
                                        <td>{{ reservation.telephone }}</td>
                                        <td>{{ reservation.nbpersonne }} </td>
                                        <!-- <td>{{ reservation.planning ? '<i class="label label-success">OUI</i>' : '<i class="label label-danger">NON</i>' }}</td>
                                        <td>{{ reservation.venu ? '<i class="label label-success">OUI</i>' : '<i class="label label-danger">NON</i>' }}</td> -->
                                        <td>{{ reservation.annulee ? '<i class="label label-success">OUI</i>' : '<i class="label label-danger">NON</i>' }}</td>
                                        <td>{{ reservation.canal.id == 1 ? 'Natea' : 'Amazight Beauty' }}</td>
                                        <td><strong>{{ reservation.montantToal|number_format(2, ',', '.') }} DH</strong></td>
                                        <td>
                                          <a href="{{ path('admin_app_vente_edit', {'id': reservation.id}) }}" class="btn btn-primary">
                                            <i class="fa fa-eye"></i> Afficher
                                          </a>
                                        </td>
                                      </tr>
                                    {% endfor %}
                                  </tbody>
                              </table>
                            </div>
                          </div>
                        </div>                        
                    {% 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>
    $(document).ready(function() {
      $('#gesttable').DataTable({
        "paging": true,
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": true,
        "responsive": true,
        "language": {
          "url": "https://cdn.datatables.net/plug-ins/1.13.1/i18n/fr-FR.json",
        },
      });
    });
  </script>
{% endblock %}