{# templates/partials/_header.html #}
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #332383; border-radius: 8px 8px 0 0; padding: 15px 30px;">
  <tr>
    <td width="50%" align="left">
      <a href="https://aiviro.com" target="_blank">
        <img src="https://docs.core.aiviro.com/_static/aiviro-logo-inverse.png" width="150" alt="Aiviro Logo" style="display: block; border: 0;">
      </a>
    </td>
    <td width="50%" align="right" style="font-size: 12px; color: #FFFFFF;">
      <p style="margin: 0 0 5px 0; color: #96D4E6; font-size: 22px; font-weight: bold;">
        {{ scenario_name }}
      </p>

      {# Format datetime using strftime method #}
      <p style="margin: 0 0 5px 0; opacity: 0.9;">
        <b>{% trans %} {{ report_header_start }} {% endtrans %}</b> {{ start_time.strftime('%d.%m.%Y %H:%M') }}
      </p>

      {# Format timedelta using the custom filter #}
      <p style="margin: 0; opacity: 0.9;">
        <b>{% trans %} {{ report_header_duration }} {% endtrans %}</b> {{ duration | format_duration }}
      </p>
    </td>
  </tr>
</table>