{% extends 'layout_admin.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    {{encore_entry_link_tags('admin_kpi_css')}}
{% endblock %}

{% block content %}
    <div class="page-header">
        <div class="row">
            <div id="kpi_container_header" class="col-xs-12">
                <h3>{% trans %}title.list.kpi_detail_2{% endtrans %}</h3>
                <div id="kpi_pager_container">
                    <a id="kpi_pager_not_selected" href="{{path('admin_kpi')}}">Version 1</a> / <a id="kpi_pager_selected" href="#">Version 2</a>
                </div>
            </div> 
        </div>
    </div>

    {% include 'flashes.html.twig' %}

    <div class="row">
        <div class="col-md-12">
            <select id="annee">
                {% for annee in choixAnnees %}
                    <option value="{{ annee }}">{{ annee }}</option>
                {% endfor %}
            </select>
        </div>
    </div>

    <div class="row" style="margin-top: 30px">
        <div class="col-md-12" id="conteneur_periode">
            
        </div>
    </div>
{% endblock %}

{% block my_js %}
    {{ parent() }}
    {{ encore_entry_script_tags('admin_kpi2_index') }}
{% endblock %}