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

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


{% block page_content %}
    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                <div class="form-group row">
                    <div class="col-sm-2">
					    <label class="col-form-label">{% trans %}basics.goal{% endtrans %}</label>
				    </div>
                    <div class="col-10 col-sm-10 col-md-10">
                        {{ form_widget(form.goal) }}
                    </div>
                </div>
                
            {{ form_end(form) }}    
        {% endblock %}
    {% endembed %}

    {% if indicators|length > 0 %}
        {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
            {% block box_body %}
                <table id="suiviIndicateurTable" class="table table-striped">
                <thead>
                    <th>
                        <div class="row mt-2 mb-2">
                            <div class="col-2">Cible</div>
                            <div class="col-3">Indicateur</div>
                            <div class="col-7">
                                {% for i in 4..0 %}
                                <div class="col-2 float-left text-center">{{ year - i }}</div>
                                {% endfor %}
                                <div class="col-2 float-left text-center">Val. cible</div>
                            </div>
                        </div>
                    </th>
                </thead>

                {% for indicator in indicators %}
                <tr>
                    <td>
                        <div class="row mt-2 mb-2">
                            <div class="col-2">{{ indicator.target }}</div>
                            <div class="col-3">{{ indicator }}</div>
                            <div class="col-7">
                                {% for i in 4..0 %}
                                <div class="col-2 float-left text-center">{{ suivis[indicator.id][year - i] }}</div>
                                {% endfor %}
                                <div class="col-2 float-left text-center"><b>{{ indicator.maxValue }}</b></div>
                                
                                <div class="col-12 float-left"><hr><i>{{ suivis[indicator.id]['observation'] }}</i></div>
                            </div>
                        </div>
                    </td>
                </tr>
                {% endfor %}
                </table>
            {% endblock %}
        {% endembed %}
        {% endif %}
{% endblock %}