<div 
    data-kpi-chart
    data-kpi-form-path="{{ path(
        'Utilisateur.KpiDashboard.formKpi',
        {kpiId: kpiId}
    ) | e('html_attr') }}"
    data-kpi-form-uid="{{ uid }}"
>
    <input type="hidden" 
        name="listKpi[{{ uid }}][CODE_ETAT]" 
        value="{{ kpiId }}" 
        form="form-main"
    />
    {% for filtre in listFiltre %}
        <input type="hidden" 
            name="listKpi[{{ uid }}][mapFiltre][{{ filtre.CODFILTRE }}]" 
            value="{{ filtre.VALFILTRE is iterable ? 
                filtre.VALFILTRE | join('|') : filtre.VALFILTRE }}" 
            form="form-main"
        />
    {% endfor %}
    <div class="bs-row">
        <div class="bs-col-full text-right d-editcontrol">
            <button type="button" class="button secondaire" data-action-click="removeKpiItem">
                <i class="icosq-delete"></i>
            </button>
            <button type="button" class="button secondaire" data-action-click="editKpiItem">
                <i class="icosq-mg-edition"></i>
            </button>
        </div>
        <div class="bs-col-full">
            {# {{ Highcharts(chart) }} #}
            <iframe width="100%" 
                srcdoc="{{ chartContent | e('html_attr')}}" 
                name="I2" align="left" frameborder="0"
                onload="iframeHeightAuto(this)"
            ></iframe>
        </div>
    </div>
</div>