{# templates/partials/_performance_metrics.html #}

{# Set the color for the success rate based on its value #}
{% if performance_metrics.success_rate >= 0.75 %}
  {% set rate_color = '#08aa00' %}
{% elif performance_metrics.success_rate >= 0.45 %}
  {% set rate_color = '#aa8e00' %}
{% else %}
  {% set rate_color = '#aa0000' %}
{% endif %}

{# Group sub_metrics into chunks of max 3 items per column #}
{% set metric_columns = performance_metrics.sub_metrics | batch(3) | list %}

{# Calculate total columns: 1 fixed column + number of sub-metric columns #}
{% set total_columns = 1 + (metric_columns | length) %}

{# Calculate the width for each column to fill the table evenly #}
{% set column_width = (100 / total_columns) | round(0, 'floor') %}


<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #FFFFFF; border-radius: 8px; border: 1px solid #E5E7EB;">
  <tr>
    <td style="padding: 20px 30px;">
      <h4 style="margin: 0 0 12px 0; font-size: 17px; color: #24224E;">
        {% trans %} {{ report_performance_metrics }} {% endtrans %}
      </h4>
      <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
        <tr>
          {# --- 1. FIXED COLUMN --- #}
          <td width="{{ column_width }}%" valign="top" style="padding-right: 10px;">
            <p style="font-size: 13px; color: #4F4696; margin: 0 0 5px 0;">
              <strong>{% trans %} {{ report_metrics_success_rate }} {% endtrans %}</strong>
              {# Note: Multiplied by 100 to correctly display as a percentage #}
              <span style="color: {{ rate_color }}; font-weight: bold;">{{ (performance_metrics.success_rate * 100) | round(2) }} %</span>
            </p>
            <p style="font-size: 13px; color: #4F4696; margin: 0 0 5px 0;">
              <strong>{% trans %} {{ report_metrics_total_runs }} {% endtrans %}</strong> {{ performance_metrics.total_runs }}
            </p>
            <p style="font-size: 13px; color: #4F4696; margin: 0 0 5px 0;">
              <strong>{% trans %} {{ report_metrics_total_duration }} {% endtrans %}</strong> {{ performance_metrics.total_duration | format_duration }}
            </p>
          </td>

          {# --- 2. DYNAMIC SUB-METRIC COLUMNS --- #}
          {% for column in metric_columns %}
            <td width="{{ column_width }}%" valign="top" style="padding-right: 10px;">
              {# Loop through each key-value pair in the current column chunk #}
              {% for sub_metric in column %}
                <p style="font-size: 13px; color: #4F4696; margin: 0 0 5px 0;">
                  <strong>{{ sub_metric.name }}:</strong>
                  {% if sub_metric.value is float %}
                    {{ (sub_metric.value * 100) | round(2) }} %
                  {% else %}
                    {{ sub_metric.value | format_numbers }}
                  {% endif %}
                </p>
              {% endfor %}
            </td>
          {% endfor %}
        </tr>
      </table>
    </td>
  </tr>
</table>