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

{% block page_title %}Valeurs des indicateurs de la commune
{% endblock %}


{% block page_content %}
	{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
		{% block box_body %}
			{{ form_start(form) }}
			{{ form_widget(form) }}
			{{ form_end(form) }}
		{% endblock %}
	{% endembed %}

	{% if commune %}

    <h4>Valeurs des indicateurs renseignables par la commune</h4>

    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <table id="goalTable" class="table table-striped">
            <thead>
                <th>Code</th>
                <th>Indicateurs</th>
                {% for i in 4..0 %}
					<th>{{ year - i }}</th>
				{% endfor %}
            </thead>
            <tbody>
            {% for indicator in indicators %}
                <tr>
                    <td>{{ indicator.code }}</td>
                    <td>{{ indicator.name }}</td>
                    {% for i in 4..0 %}
                        <td>{{settingsManager.getIndiceCommune(commune, indicator, settingsManager.getYear(year - i))}}</td>
                    {% endfor %}
                </tr>
            {% endfor %}
            </tbody>
            </table>
        {% endblock %}
        
    {% endembed %}

    <h4>Valeurs des indicateurs de la commune en liant avec les cibles spacialisées</h4>

		<div class="accordion" id="accordionExample">
            {% for c in commune.cibles|sort %}
            {% set cible = settingsManager.getCible(c) %}
			<div class="card">
				<div class="card-header" id="heading{{cible.id}}">
					<h2 class="mb-0">
						<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapse{{cible.id}}" aria-expanded="false" aria-controls="collapse{{cible.id}}">
							{{cible.code}} : {{cible.description}}
						</button>
					</h2>
				</div>
                 {% if settingsManager.getIndicateursRenseignablesByCible(cible) %}
				<div id="collapse{{cible.id}}" class="collapse" aria-labelledby="heading{{cible.id}}" data-parent="#accordionExample">
					<div class="card-body">
                   
						<table id="suiviIndicateurTable" class="table table-striped">
                            <thead>
                                <th>
                                    <div class="row mt-2 mb-2">
                                        <div class="col-7">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 settingsManager.getIndicateursRenseignablesByCible(cible) %}
                            <tr>
                                <td>
                                    <div class="row mt-2 mb-2">
                                        <div class="col-7">{{ indicator }}</div>
                                            {% for i in 4..0 %}
                                            <div class="col-1 float-left text-center">{{ settingsManager.getIndiceCommune(commune, indicator, year - i) }}</div>
                                            {% endfor %}
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                            </table>
					</div>
				</div>
                
                            {% endif %}
			</div>
			{% endfor %}
		</div>

	{% endif %}

{% endblock %}