{% extends 'layout.twig' %}

{% block body %}
	<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/highcharts.js') }}"></script>
	<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/highcharts-more.js') }}"></script>
	<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/modules/solid-gauge.js') }}"></script>
	<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/modules/exporting.js') }}"></script>
	<script type="text/javascript" src="{{ baseUrl('ext/highcharts/highcharts/modules/offline-exporting.js') }}"></script>

	<div class="contenu clearfix"  id="Consultation">
	
		<h1>
			{{ 'Analyse des consultations' | trad }}
        </h1>

		<div class="tab-content clearfix">
            <form method="POST" style="text-align: right; margin-right: 60px; margin-top: 0px; margin-bottom: 10px;">
                <select name="PERIODE" id="PERIODE" class="form-control" style="width:300px;display: inline;margin-right: -31px;"  onchange="this.form.submit();">
                    {% for periode in periodes %}
                    	<option value="{{ periode.CODE_PER }}"
                        {% if periode.CODE_PER == post.PERIODE %}selected{% endif %}>{{ periode.LIBELLE | trad }}</option>
                    {% endfor %}
                </select>
            </form>

			<div class="tuilesIndicateur">
				<div class="titreTuile">{{ 'Nombre de consultations actives' | trad }}</div>
				<div class="resultTuile texteTuilevert">{{ consultEncours }}</div>
			</div>
			<div class="tuilesIndicateur">
				<div class="titreTuile">{{ 'Nombre de consultations en préparations' | trad }}</div>
				<div class="resultTuile texteTuilevert">{{ onsultEnPrpe }}</div>
			</div>
			<div class="tuilesIndicateur">
				<div class="titreTuile">{{ 'Moyenne du nombre de fournisseurs par consultations' | trad }}</div>
				<div class="resultTuile texteTuilevert">{{ consultParFrs |tva }}</div>
			</div>
			<div class="tuilesIndicateur">
				<div class="titreTuile">{{ 'Taux de réponse fournisseur par consultation terminée' | trad }}</div>
				<div class="resultTuile texteTuilevert">{{ consultReponse }}%</div>
			</div>
		</div>
		<div class="clearfix" style="margin-top: 30px;">
			<div class="colonne2">
				{{ Highcharts(highcharts1) }}
			</div>
			<div class="colonne2 last">
				{{ Highcharts(highcharts2) }}
			</div>
		</div>
    </div>
{% endblock %}