{% extends 'EPSAppBundle::layout.html.twig' %}

{% block content %}
<div class="row">
	<div class="col-md-offset-2 col-md-8">
		<p>Veuillez saisir les caractères se trouvant sous le code barre de votre e-CinéChèque puis valider en cliquant sur « Ajouter le code ».</p>
		<p>Une fois la saisie de votre demande d’échange terminée, appuyez sur le bouton « Demander l’échange ».</p>

	

		<p>{{ client.prenom }} {{ client.nom }}</p>
	</div>
</div>



{# Echange possible uniquement si nb de codes < 10 #}
{% if  ajoutPossible %}
<div class="row">
	<div class="col-md-offset-3 col-md-6">
	    {{ form(form) }}
	</div>
</div> 
{% else %}
<div class="row">
	<div class="col-md-offset-3 col-md-6">
		<p class="bg-warning">Nombre maximum de code atteint.</p>
	</div>
</div>
{% endif %}

{% if codes|length > 0 %}
<hr />
<div class="row">
	<div class="col-md-offset-3 col-md-6">
		<p>Voici les codes que vous souhaitez échanger <a href="{{ path('echange_annule_ticket') }}" class="">(annuler la demande)</a> :</p>
		<ul class="list-group">
		{% for c in codes %}
			<li class="list-group-item col-sm-3">{{ c.code }}{#<span class="badge">{{ c.nbPlace }}</span>#}</li>
		{% endfor %}
		</ul>
	</div>
</div>
{% endif %}

{# Si au moins un code, on propose de valider l'echange #}
{% if validationPossible %}
<div class="row">
	<div class="col-md-offset-3 col-md-6">
		<br />
	   	<a href="{{ path('echange_valide_ticket') }}" class="btn btn-success pull-right">Demander l'échange</a>
	   	<br/>
	   	<br/>
		<p>Votre demande d'échange sera examinée et vous serez informé du résultat par un mail envoyé à <b>{{ client.email }}</b> 
			(<em>Délai moyen de traitement : 10 minutes</em>).
			<br/>Si votre demande d'échange est acceptée, vous recevrez vos places par courrier dans les prochains jours.
		</p>
		<br />
	
	</div>
</div>
{% endif %}


{% endblock content %}