{% if clientYear == null %}
    {% set year = client|keys|last %}
    {% else %}
        {% set year = clientYear %}
{% endif %}

<div class="p-3 rounded shadow-sm m-2">
    <div class="d-flex justify-content-between">
        <div class="fs-3">Nouveau client</div>
        <div class="fs-5 d-flex align-items-center">


            {% set keys = client | keys %}
            {% set index =  1 %}

            {% for item in keys %}

                {% if item == year %}
                    {% set index = loop.index - 1 %}
                {% endif %}
            {% endfor %}

            {% if index > 0 %}

                <a href="?client={{ keys[index - 1] }}" class="btn btn-info d-flex align-items-center mx-2">
                    <i class="fal fa-angle-left fs-3 mx-1"></i>
                    <div>{{ keys[index - 1] }}</div>
                </a>
            {% endif %}

            {{ year }}

            {% if index < keys | length - 1 %}

                <a href="?client={{ keys[index + 1 ] }}" class="btn btn-info d-flex align-items-center mx-2">
                    <div>{{ keys[index + 1] }}</div>
                    <i class="fal fa-angle-right fs-3 mx-1"></i>
                </a>
            {% endif %}


        </div>
    </div>
    <div class="graph">
        {% include 'statistique/chart/line.html.twig' with {d1 : client[year],d1_label : 'Nombres' , label : 'Nouveau client' , id : 1, width : 100 , height : 50} %}


    </div>
</div>