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

{% block title %} {{ 'points.title'|trans }} {% endblock %}
{% block description %}  {% endblock %}

{% block body %}
{% include "front/inc/breadcrumb.html.twig" with 
        {
          'current_page' : 'points.title'|trans,
          'content_title': 'compte.title'|trans,
          'content_lien' : path('app_account',{'_locale':app.request.locale}),
          'image'        : ''
        } 
    %}
   
 <div class="container_cpt_reservations">
    <div class="title_reservations">
      <h1>{{ 'points.title'|trans }}</h1>
      <div class="messages"></div>
      {% if app.user.reservants.fidelite >= variable.minFedilite %}
        <a href="javascript:void(0)" 
        data-title="{{ 'points.convert.confirm.title'|trans }}" 
        data-message="{{ 'points.convert.confirm.message'|trans }}" 
        class="convertirmespoints">{{ 'points.convert'|trans }}</a>
      {% endif %}
    </div>

  {% if mespoints|length > 0 %}
   <div class="table-container">  
    <div class="reservations-table _mes_points">
      <div class="table-header">
        <div class="table-cell">
          <input type="checkbox" for="check-all" class="checkAll" name="checkAll">
          {{ 'points.table.reservation'|trans }}
        </div>
        <div class="table-cell">{{ 'points.table.date'|trans }}</div>
        <div class="table-cell">{{ 'points.table.reward'|trans }}</div>
        <div class="table-cell">{{ 'points.table.status'|trans }}</div>
      </div>
      {% for point in mespoints %}
        <div class="table-row">
          <div class="table-cell">
            {% if point.deduit == 0 %}
              <input type="checkbox" class="single-checkbox" value="{{ point.id }}" for="reservation" name="reservationId[]"> 
            {% endif %}
            N° {{point.reservations ? point.reservations.reference : point.vente.numeReservation }}
          </div>
          <div class="table-cell">
            {% if app.request.locale == 'en' %}
                {{ point.dateCreation|format_datetime(locale='en',pattern="EEEE dd MMMM YYYY") }}
              {% else %}
                {{ point.dateCreation|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}
              {% endif %}
          </div>
          <div class="table-cell">{{point.points}}</div>
          <div class="table-cell">
          {% if point.deduit == 0 %}
              <span class="status mespoint approuve">{{ 'points.status.confirmed'|trans }}</span>
          {% else %}
            <span class="status mespoint deduit">{{ point.codePromo }}</span>
          {% endif %}
          </div>
        </div>
       {% endfor %}
    </div>
    {% else %}
      <div class="reservations-empty">
        <p>{{ 'points.empty'|trans }}</p>
      </div>
    {% endif %}
    </div>
  </div>
{% endblock %}