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

{% block body %}
<<<<<<< HEAD
	{% for message in app.flashes('success') %}
		<div class="alert alert-success">
			{{ message }}
		</div>
	{% endfor %}
	<h1>Ajouter une Salon</h1>
=======
    {% for message in app.flashes('success') %}
        <div class="alert alert-success">
            {{ message }}
        </div>
    {% endfor %}
    <h1>Ajouter un Salon</h1>
>>>>>>> feature/tickets-205-191-192-204

	{{ form_start(form) }}
	{{ form_start(form) }}
	<div class="row">
		<div class="col-6">
			{{ form_row(form.name) }}
		</div>

		<div class="col-6">
			{{ form_row(form.mode) }}
		</div>
	</div>
	<div class="row">
		<div class="col-6">
			{{ form_row(form.env) }}
		</div>

		<div class="col-6">
			{{ form_row(form.operateurApi) }}
		</div>
	</div>
	<div class="row">
		<div class="col-6">
			{{ form_row(form.organisateur) }}
		</div>
		<div class="col-6">
			{{ form_row(form.chart) }}
		</div>
	</div>
	<div class="row">
		<div class="col-6">
			{{ form_row(form.pacExpo, { 'attr': { 'onchange':
                "populate(this.id, 'slct2');" } } ) }}
		</div>
		<div class="col-6">
			<div id="slct2" class="form-check"></div>
		</div>
	</div>
	<div class="row">
		<div class="col-6">
			{{ form_row(form.logoSalon) }}
		</div>
		<div class="col-6">
			{{ form_row(form.fond) }}
		</div>
		<div class="col-6">
			{{ form_row(form.logoLegend) }}
		</div>

	</div>

<<<<<<< HEAD
	<div class="row">
		<div class="col-6">
			{{ form_row(form.etat) }}
		</div>
	</div>
=======
    <div class="row">
        <div class="col-3">
            {{ form_row(form.rgbd) }}
        </div>
        <div class="col-3">
            {{ form_row(form.isPublicite) }}
        </div>
        <div class="col-3">
            {{ form_row(form.produitsExposant) }}
        </div>
        <div class="col-3">
            {{ form_row(form.awardInnovation) }}
        </div>
    </div>
        <input type="submit" value="Ajout" class="btn btn-secondary" />
        <a href="{{ path('salon_index') }}" class="btn btn-secondary float-right">Retour</a>
    {{ form_end(form) }}
>>>>>>> feature/tickets-205-191-192-204

	<div class="row">
		<div class="col-3">
			{{ form_row(form.rgbd) }}
		</div>
		<div class="col-3">
			{{ form_row(form.isPublicite) }}
		</div>
		<div class="col-3">
			{{ form_row(form.produitsExposant) }}
		</div>
		<div class="col-3">
			{{ form_row(form.awardInnovation) }}
		</div>
	</div>
	<input type="submit" value="Ajout" class="btn btn-secondary"/>
	<a href="{{ path('salon_index') }}" class="btn btn-secondary float-right">Retour</a>
	{{ form_end(form) }}

	<script>


		function populate(slct1, slct2) {

var s1 = document.getElementById(slct1);
var s2 = document.getElementById(slct2);

s2.innerHTML = "";

var data = {};
data['id'] = s1.value;

$.ajax({
url: '/salon/getHalls',
type: 'POST',
data: data,
success: function (response, status) {

optionArray = [];

response.forEach((element, index, array) => {
optionArray[element.id] = element.name
});

var label1 = document.createElement("label");
label1.appendChild(document.createTextNode('Listes Hall disponibles ?'));
s2.appendChild(label1);
s2.appendChild(document.createElement("br"));

for (var option in optionArray) {
if (optionArray.hasOwnProperty(option)) {

var pair = optionArray[option];
var checkbox = document.createElement("input");
checkbox.classList.add('form-check-input');
checkbox.type = "checkbox";
checkbox.name = pair;
checkbox.value = option;
s2.appendChild(checkbox);

var label = document.createElement('label')
label.htmlFor = pair;
label.appendChild(document.createTextNode(pair));

var file = document.createElement("input");
file.classList.add('form-control-file');
file.type = "file";
file.name = "svg" + option;


s2.appendChild(label);
s2.appendChild(file);
s2.appendChild(document.createElement("br"));
}
}


}
});

}
	</script>


{% endblock %}