{# projects/python_generator/templates/partials/sankey_panel.html #}
<div class="sankey-facts">
    <h2 id="sankey_heading">Ieņēmumu un Izdevumu Plūsma</h2>
    {% if page_data.sankeyAvailableYears %}
        <div class="sankey-type-toggle">
            <label id="label_ugp"><input type="radio" name="reportType" value="UGP" checked> Individuālais</label>
            <label id="label_ukgp" style="margin-left: 15px;"><input type="radio" name="reportType" value="UKGP"> Konsolidētais</label>
        </div>
        <div class="sankey-controls">
            <button id="sankey_prev_year" title="Iepriekšējais gads">&lt;</button>
            <span id="sankey_year_display">Ielādē...</span>
            <button id="sankey_next_year" title="Nākamais gads">&gt;</button>
        </div>
        {# Konteiners, kurā D3.js zīmēs pašu diagrammu #}
        <div id="d3_sankey_chart_area">
            {# Šeit tiks dinamiski ievietots SVG elements #}
        </div>
        {# Konteiners iespējamo kļūdu paziņojumu attēlošanai no JS puses #}
        <div id="d3SankeyErrorDisplay" class="error-message" style="text-align:left; padding-left:10px; font-size:0.9em;"></div>
    {% else %}
        <p class="no-data">Dati plūsmas diagrammai nav pieejami.</p>
    {% endif %}
</div>