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

{% block content %}
	<div class="page-header">
		<h3>Résumé des ventes réalisées</h3>
	</div>

	{% include 'flashes.html.twig' %}
	<div id="MessageErreur"></div>

	{% if app.user.admin == true %}
		<div class="row">
			<div class="col-md-2">
				<label>Enseigne</label>
				<div class="multiselect">
					<div id="idShowCheckboxesAdmin" class="selectBox">
						<select>
							<option id="AffichageAdmin">
								{% if listingMag is defined and listingMag|length > 0 %}
									{{ listingMag[listingMag|keys|first]['societe'] }}
								{% endif %}
							</option>
						</select>
						<div id="clickAdmin" class="overSelect"></div>
					</div>
					<div id="listAdmin" class="items">
						{% if listingMag is defined %}
							{% for listing in listingMag %}
								<label class="items" for="{{ listing['id'] }}">
									<input name="adminEnseigne" class="items" type="checkbox" id="{{listing['id']}}" data-libel="{{listing['societe']}}" value="{{listing['id']}}"/>{{ listing['societe'] }}</label>
							{% endfor %}
						{% endif %}
					</div>
				</div>
			</div>

			<div class="col-md-2">
				<button id="adminSubmit" class="btn btn-primary button-marg" type="submit">
					<span class="fa fa-fw fa-search"></span>Valider</button>
			</div>
		</div>
		<br>
		<br>
	{% endif %}

	<div class="row">
		<div class="col-md-2">
			<label>Année</label>
			<div class="multiselect">
				<div id="idShowCheckboxesAnnee" class="selectBox">
					<select id="idSelectAnnee">
						{% if app.user.admin == false %}
							<option id="AffichageListAnneeOption">{{ listAnnees[listAnnees|keys|first] }}</option>
						{% endif %}
					</select>
					<div id="clickAnnee" class="overSelect"></div>
				</div>
				<div id="listAnnees" class="items">
					{% if app.user.admin == false %}
						{% for listAnnee in listAnnees %}
							<label class="items" for="{{ listAnnee }}">
								<input class="items" type="checkbox" id="{{listAnnee}}" value="{{listAnnee }}"/>{{ listAnnee }}</label>
						{% endfor %}
					{% endif %}
				</div>
			</div>
		</div>

		<div class="col-md-2">
			<label>Mois</label>
			<div class="multiselect">
				<div id="idShowCheckboxesMois" class="selectBox">
					<select id="idSelectMois">
						{% if app.user.admin == false %}
							<option id="AffichageListMoisOption">Janvier</option>
						{% endif %}
					</select>
					<div id="clickMois" class="overSelect"></div>
				</div>
				<div id="listMois" class="items">
					{% if app.user.admin == false %}
						{% for monthkey, listMonth in listMonths %}
							<label class="items" for="{{ monthkey }}">
								<input class="items" type="checkbox" id="{{monthkey}}" value="{{listMonth }}"/>{{ monthkey }}</label>
						{% endfor %}
					{% endif %}
				</div>
			</div>
		</div>

		{# Si enseigne on affiche Magasin #}
		{% if app.user.isMag == false %}
			<div class="col-md-2">
				<label>Magasin</label>
				<div class="multiselect">
					<div id="idShowCheckboxesMagasin" class="selectBox">
						<select id="idSelectMagasin">
							{% if app.user.admin == false %}
								<option id="AffichageListMagOption">
									{% if listMag is defined and listMag|length > 0 %}
										{{ listMag[0]['societe'] }}
									{% endif %}
								</option>
							{% endif %}
						</select>
						<div id="clickMag" class="overSelect"></div>
					</div>
					<div id="listMagasin" class="items">
						{% if app.user.admin == false %}
							{% if listMag is defined %}
								{% for mag in listMag %}
									<label class="items">
										<input class="items" type="checkbox" data-name-mag="{{ mag['societe']}}" value="{{mag['magZcc'] }}" {% if mag == 'Parc Global' %} checked {% endif %}/>{{ mag['societe']}}</label>
								{% endfor %}
							{% endif %}
						{% endif %}
					</div>
				</div>
			</div>
		{% endif %}

	</div>

	<div class="">
		<div class="row">
			<div id="switchAnnee" class="col-md-2">
				<a href="#">tout cocher/décocher</a>
			</div>

			<div id="switchMois" class="col-md-2">
				<a href="#">tout cocher/décocher</a>
			</div>

			{% if app.user.isMag == false %}
				<div id="switchMag" class="col-md-2">
					<a href="#">tout cocher/décocher</a>
				</div>
			{% endif %}
		</div>
	</div>

	<div id="affichage" class="margin-top">
		<span class="text-grey-margin-right">Option d'affichage:</span>
		<label id="afannuel" class="checkbox-inline remove-vertical-align">
			<input type="checkbox" class="radio" value="annuel" name="affichage" checked/>
			Annuel
		</label>
		<label class="checkbox-inline">
			<input type="checkbox" class="radio" value="mensuel" name="affichage"/>Mensuel
		</label>
		<label id="afhebdomadaire" class="checkbox-inline">
			<input type="checkbox" class="radio" value="hebdomadaire" name="affichage"/>Hebdomadaire
		</label>
		<label id="afjournalier" class="checkbox-inline">
			<input type="checkbox" class="radio" value="journalier" name="affichage"/>Journalier
		</label>
		{% if not isMag %}
			<label id="afparmagasin" class="checkbox-inline">
				<input type="checkbox" class="radio" value="par_magasin" name="Par magasin"/>Par magasin
			</label>
		{% endif %}
		<label id="afparemballage" class="checkbox-inline">
			<input type="checkbox" class="radio" value="par_emmballage" name="Par emballage"/>Par emballage
		</label>
		<label id="afenuv" class="checkbox-inline">
			<input type="checkbox" class="radio" value="en_uv" name="en_uv"/>En UV
		</label>
	</div>

	<div class="col-md2">
		<button id="submit" class="btn btn-primary button-marg" type="submit">
			<span class="fa fa-fw fa-search"></span>Rechercher</button>
		<button id="exportExcel" class="btn btn-default button-marg" type="submit">
			<span class="fa fa-file-excel-o"></span>Export</button>
	</div>

	<div id="loadAjax"></div>

	<div id="clickFiltre" class="content">
		<div id="containerTabArray" class="container panel panel-default">
			<table id="mytab" class="table table-bordered table-hover table-condensed">
				<thead id="headerArray">
					<tr class="font-colot-table-header">
						<th scope="col"></th>
						<th colspan="2" scope="col" class="text-center">Total, tous emballages</th>
					</tr>
					<tr id="typeUBUV">
						<th></th>
						<th class="text-center">En UB</th>
					</tr>
				</thead>
				<tbody id="bodytab" class="table-color-home">
					<tr>
						{#
						                                {% for key, data in datas  %}
						                                {% for keyMonth, dataMonth in data %}
						                                {% for magKey, magData in dataMonth %}
						                                {% for finalData in magData %}
						                                    <tr>
						                                        <th scope="row" class="text-center">{{ keyMonth}} {{ key }} <br>{{ (magKey == 'parc_global') ? 'Parc Global ' : magKey }}</th>
						                                        <td class="text-center">{{ finalData|updateValueDecimal}}</td>
						                                    </tr>
						                                {% endfor %}
						                                {% endfor %}
						                                {% endfor %}
						                                {% endfor %}
						                            #}
					</tr>
				</tbody>
			</table>
		</div>

		<div class="container text-center">
			<nav aria-label="Page navigation example">
				<ul id='pagination' class="pagination justify-content-center"></ul>
			</nav>
		</div>
	</div>
{% endblock %}

{% block my_js %}
	<script type="text/javascript">
		var isMag;
var getUser;
var isAdmin = 'non';{% if app.user.admin == true %}isAdmin = 'oui';{% endif %}

{% if app.user.isMag == false %}isMag = 'non';
getUser = {{ app.user.id }};
{% else %}isMag = 'oui';
getUser = {{ app.user.id }};{% endif %}

var enseigneFiltreSearch = "{{ path('enseigne_filtre_search_2') }}";
var enseigneFiltreAdmin = "{{ path('enseigne_filtre_admin') }}";
var loader = '{{ asset("images/loader-medium.gif") }}';
	</script>

	{{ encore_entry_script_tags('enseigne_jquery_pagination') }}
	{{ encore_entry_script_tags('enseigne_homepage_filtre2') }}
	{{ encore_entry_script_tags('enseigne_homepage_get2') }}
{% endblock %}