{% extends "email_step1.html" %}
{% block content %}
<hr class="decompose">
<h2 id="subject" align="center">
    KPI's desde={{ data.desde }} hasta={{ data.hasta }} semana={{ data.week }}
</h2>
<hr class="decompose">
<table width="100%" border="0" cellspacing="0" cellpadding="10"
    style="border: 1px solid #cccccc; background-color: #f9f9f9;">
    <tr>
        <td align="center" style="text-align: center;">
            <img src="data:image/png;base64,{{ data.chart }}" alt="chart" style="max-width: 100%; height: auto;">
        </td>
    </tr>
    <tr>
        <td style="font-size: 13px; color: #555555;text-align: center;">
            <strong>Nota:</strong> Si llegara a identificar alguna diferencia en los datos mostrados, le agradezco
            revisar si la carga correspondiente al período ha sido finalizada. Es posible que, al momento de la
            generación de esta estadística, algunos ítems aún no hubiesen sido incorporados al sistema.
        </td>
    </tr>
</table>
<hr class="decompose">
{% for key, section in data.secciones.items() %}
<br>
<table align="center">
    <thead>
        <tr>
            <th>{{ section.title }}</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="padding: 0;">
                {{ section.value | safe }}
            </td>
        </tr>
    </tbody>
</table>
{% endfor %}
<hr class="decompose">
<img class="inline" src="https://galena.byt.com.ve/nb/signatures/nbueno.png" alt="firma"><br>
<small>{{ data.desde }}|{{ data.hasta }}|{{ data.week }}</small>
<hr class="decompose">
{% endblock %}