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

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

{% block body %}
	{% include "front/inc/breadcrumb.html.twig" with 
        {
          'current_page' : 'subscription.title'|trans,
          'content_title': 'compte.title'|trans,
          'content_lien' : path('app_account',{'_locale':app.request.locale}),
          'image'        : ''
        } 
    %}

	<div class="container_cpt_reservations abonnement">
		<h1>{{ 'subscription.title'|trans }}</h1>
		<div class="table-container">
			{% if abonnements|length > 0 %}
				<div class="reservations-table">
					<div class="table-header">
						<div class="table-cell">{{ 'subscription.table.purchase_date'|trans }}</div>
						<div class="table-cell">{{ 'subscription.table.number'|trans }}</div>
						<div class="table-cell">{{ 'subscription.table.subscription'|trans }}</div>
						<div class="table-cell">{{ 'subscription.table.used'|trans }}</div>
						<div class="table-cell">{{ 'subscription.table.last_treatment'|trans }}</div>
					</div>
					{% for abonnement in abonnements %}
						<div class="table-row">
							<div class="table-cell">
								{% if app.request.locale == 'en' %}
									{{ abonnement.dateOrder|format_datetime(locale='en',pattern="EEEE dd MMMM YYYY") }}
								{% else %}
									{{ abonnement.dateOrder|format_datetime(locale='fr',pattern="EEEE dd MMMM YYYY") }}
								{% endif %}
							</div>
							<div class="table-cell">N° {{ abonnement.refrence }}</div>
							<div class="table-cell">{{ abonnement.intitule }}</div>
							<div class="table-cell prix">{{ abonnement.numbreUtilise }}/{{ abonnement.numbreSession }}</div>
							<div class="table-cell">
								{{ abonnement.dateUtilisation ? abonnement.dateUtilisation|date('d-m-Y') : '-' }}
							</div>
						</div>
					{% endfor %}
				</div>
			{% else %}
				<div class="reservations-empty">
					<p>{{ 'subscription.empty'|trans }}</p>
				</div>
			{% endif %}
		</div>
	</div>

{% endblock %}