{% 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 accords-cadres' | trad }}
        </h1>

		<div class="tab-content clearfix" style="display: flex;justify-content: space-around;">
			<div class="tuilesIndicateur">
				<div class="titreTuile">{{ 'Nombre d\'accords-cadres actifs' | trad }}</div>
				<div class="resultTuile texteTuilevert">{{acdActif }}</div>
			</div>
			<div class="tuilesIndicateur">
				<div class="titreTuile">{{ 'Nombre d\'accords-cadres en alerte renouvellement' | trad }}</div>
				<div class="resultTuile texteTuilerouge">{{acdPreavis }} </div>
			</div>
		</div>
		<div class="clearfix single" style="margin-top: 20px !important;">
			{{ Highcharts(highcharts1) }}
		</div>
    </div>
	<style>
		.tuilesIndicateur{
			margin:0px;
		}
	</style>
{% endblock %}

