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

{% block content %}
<div class="row">
	<div class="col-md-offset-3 col-md-6">
		<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>Si vous possédez des codes sur smartphone (qui commencent par CW), toutes vos places seront échangées d’un coup.</p>
		<p>Si vous avez des places imprimées (qui commencent par CL ou CS), répétez la procédure autant de fois que vous avez de places (max 10 e-CinéChèques).</p>
		#}
		<br/>
	</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('fe_annule_ticket') }}" class="">(annuler la demande)</a> :</p>
		<ul class="list-group list-codes">
		{% for c in codes %}
			<li class="list-group-item col-sm-3 align-center">{{ c.code }}</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('fe_valide_ticket') }}" class="btn btn-info pull-right">Demander l'échange</a>
	   	<br/>
	   	<br/>
	   	<br/>
		<p>Le résultat de votre échange sera envoyé à : <b>{{ echange.email }}</b> 
			<br/><em>Délai moyen de traitement : 10 minutes</em>
		</p>
		<br />
	
	</div>
</div>
{% endif %}


{% endblock content %}