{% extends "admin/layout.html.twig" %}


{% block content %}
	<div class="page-section">
		<div>
			{% include '@CraueFormFlow/FormFlow/stepList.html.twig' %}
		</div>
		{{ form_start(form) }}
		{{ form_errors(form) }}
		{% if flow.getCurrentStepNumber() == 1%}
			<div class="col p-0">
				<h1 class="col-title-box">Choix du type de Mailing</h1>
			</div>
			<div class="row d-flex flex-column border border-7">
				<div class="col-6">
					<div class="form-group">
						{{ form_label(form.type,'Choix du type')}}


						{{ form_row(form.type)}}


					</div>
				</div>
			</div>

		{% endif %}

		{% if flow.getCurrentStepNumber() == 2%}
			<div class="col p-0">
				<h1 class="col-title-box">Choix du client</h1>
			</div>
			<div class="row d-flex flex-column border border-7 p-0">
				<div class="col-2 ml-3">
					<div class="form-group">
						{{ form_label(form.client,'Choix du client')}}
						{{ form_row(form.client,{'attr':{'class':'form-control'}}) }}

					</div>
				</div>
			</div>

		{% endif %}

		{% if flow.getCurrentStepNumber() == 3%}
			<div class="col p-0">
				<h1 class="col-title-box">Choix du distributeur</h1>
			</div>
			<div class="row d-flex flex-column border border-7">
				<div class="col-4">
					<div class="form-group">

						{{ form_label(form.distributeur,'Choix du distributeur')}}
						{{ form_row(form.distributeur) }}
					</div>
				</div>
			</div>

		{% endif %}


		{% if flow.getCurrentStepNumber() == 4%}
			<div class="col">
				<h1 class="col-title-box">Configuration des Events</h1>
			</div>
			<div class="row d-flex flex-column border border-7">
				<div class="col">
					<div class="form-group">
						{{ form_label(form.name,'Intitulé du mailing...') }}
						{{ form_row(form.name,{'attr':{'placeholder':'Nom du mailing'}})}}

					</div>
				</div>
				<div class="col">
					<h2>Liste des Events</h2>
					{% for EventDates in form.Dates %}
						<div class="row" style="align-items: center;">
							<div class="form-group col-md container-date">
								{{ form_errors(EventDates) }}
								{{ form_row(EventDates.Date,{'attr': {'class':'form-control datepicker','id':'date', 'placeholder':'JJ-MM-AAAA HH-SS'}}) }}
							</div>
		
							<div class="form-group col-md">
								{{ form_errors(EventDates) }}
								{{ form_label(EventDates.Libelle,'Évènement')}}
								{{ form_row(EventDates.Libelle) }}
							</div>
							<div class="form-group col-md">
								{{ form_errors(EventDates) }}
								{{ form_row(EventDates.Status,{'attr':{'readonly':'readonly'}}) }}
							</div>

							<div class="form-group col-0">
								{{ form_errors(EventDates) }}
								{{ form_row(EventDates.id,{'attr':{'readonly':'readonly'}}) }}
							</div>
						</div>
					{% endfor %}

				</div>
			</div>

		{% endif %}

		{% if flow.getCurrentStepNumber() == 5%}
			<h1 class="col-title-box">Récapitulatif de planification</h1>
			<div class="row border border-7 p-2">
				<div class="col d-flex flex-column">
					<p>Nom du maling :
						{{flow.formData.name}}</p>
					<p>Client :
						<span class="badge badge-pill badge-info">{{flow.formData.Client.codeClient}}</span>
					</p>
					<p>Distributeur :
						<span class="badge badge-pill badge-e">{{flow.formData.Distributeur.code}}</span>
					</p>
					<p>Récapitulatif des Events :
					</p>
					<ul class="list-group ul-recap">
						{% for Dates in flow.formData.Dates %}
							<li class="mb-2 border-top border-1">Planification au
								<span class='font-weight-bold'>{{Dates.Date}}</span>
								à
								{# <span class='font-weight-bold'>{{Dates.Horaire}}</span> #}
								pour
								<span class='font-weight-bold'>{{Dates.Libelle}}</span>
							</li>

						{% endfor %}

					</ul>
				</div>
			</div>
		{% endif %}

		{{ form_row(form._token) }}


		{% include '@CraueFormFlow/FormFlow/buttons.html.twig' with {
		craue_formflow_button_render_reset : false,
		craue_formflow_button_class_back: 'btn btn-primary',
		craue_formflow_button_class_last: 'btn btn-primary',
		craue_formflow_button_class_reset: 'btn btn-warning',
		craue_formflow_button_label_last: 'Suivant',
		craue_formflow_button_label_back: 'Précédent',
		craue_formflow_button_label_finish : 'Envoyé',
		craue_formflow_button_label_reset: 'Reset',
	} %}
		{{ form_rest(form) }}
		{{ form_end(form) }}

	</div>

{% endblock %}