{% extends '@AdminLTE/layout/suiodd-layout.html.twig' %}

{% block page_title %}Valeurs des indicateurs
{% endblock %}


{% block page_content %}
	{% if is_granted('ROLE_MANAGER') %}
	{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
		{% block box_body %}
			{{ form_start(form) }}
			{{ form_widget(form) }}
			{{ form_end(form) }}
		{% endblock %}
	{% endembed %}
	{% endif %}
		{% if goal %}
			<div class="card">
					<div class="card-body">
						<table id="suiviIndicateurTable" class="table table-striped">
                            <thead>
                                <th>
                                    <div class="row mt-2 mb-2">
                                        <div class="col-2">Code</div>
                                        <div class="col-5">Indicateur</div>
                                            {% for i in 4..0 %}
                                            <div class="col-1 float-left text-center">{{ year - i }}</div>
                                            {% endfor %}
                                    </div>
                                </th>
                            </thead>

                            {% for indicator in indicateurs %}
                            <tr>
                                <td>
                                    <div class="row mt-2 mb-2">
                                        <div class="col-2">{{ indicator.code }}</div>
                                        <div class="col-5">{{ indicator.name }}</div>
                                            {% for i in 4..0 %}
                                            <div class="col-1 float-left text-center">{{ settingsManager.getValeurIndicateur(year - i,indicator) }}</div>
                                            {% endfor %}
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                            </table>
					</div>

					<div class="card-footer">            
						<div class="row">
                    		<div class="col-sm-3">
								<a href="{{ path('app_export_indicateurs', { 'id': goal.id }) }}">
                        			<button class="btn btn-block btn-primary">Exporter</button>
								</div>
                    		</div>
                    	<div class="col-sm-9"></div>
                	</div>
            </div>
            {% else %}
                <div class="card-footer">            
						<div class="row">
                    		<div class="col-sm-3">
								<a href="{{ path('app_export_indicateurs') }}">
                        			<button class="btn btn-block btn-primary">Exporter</button>
								</div>
                    		</div>
                    	<div class="col-sm-9"></div>
                	</div>
			{% endif %}

{% endblock %}