{# templates/partials/_status_summary.html #}

{#
  Set variables based on the value of overall_status.
  1 = Success
  2 = Warning
  3 = Error
#}
{% if overall_status.value == 1 %}
  {% set emoji = '✅' %}
  {% set title %}{% trans %}report.status_summary.success.title{% endtrans %}{% endset %}
  {% set description %}{% trans %}report.status_summary.success.description{% endtrans %}{% endset %}
{% elif overall_status.value == 2 %}
  {% set emoji = '⚠️' %}
  {% set title %}{% trans %}report.status_summary.warning.title{% endtrans %}{% endset %}
  {% set description %}{% trans %}report.status_summary.warning.description{% endtrans %}{% endset %}
{% else %}
  {% set emoji = '❌' %}
  {% set title %}{% trans %}report.status_summary.error.title{% endtrans %}{% endset %}
  {% set description %}{% trans %}report.status_summary.error.description{% endtrans %}{% endset %}
{% endif %}

{# The HTML structure uses the variables defined above #}
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #FFFFFF; border-radius: 8px; border: 1px solid #E5E7EB;">
  <tr>
    <td align="center" style="padding: 12px 5px;">
      <p style="font-size: 28px; margin: 0;">{{ emoji }}</p>
      <h2 style="font-size: 18px; color: #24224E; margin: 5px 0;">{{ title }}</h2>
      <p style="font-size: 12px; color: #4F4696; margin: 0;">{{ description }}</p>
    </td>
  </tr>
</table>