{% extends "base.html.j2" %}
{% block title %}Summary{% endblock %}
{% block content %}
    {{ summary('Results', "", [
      { 'title': 'Pythonsdk Tests', 'failing': report.failed_steps_num, 'total': (report.report | length)},
      ])
    }}

  <section class="section">
    <div class="container">
      <h1 class="title is-1">
        {{ usecase }}
      </h1>
        Description: {{ details }}
        <br>
        Components: {{ components }}
        <br>
        <a href="{{ log_path }}"> Logs</a>
      <!-- Pythonsdk steps table -->
      <div id="helms" class="table-container">
        <table class="table is-fullwidth is-striped is-hoverable">
          <thead>
            <tr>
              <th>Name</th>
              <th>Status</th>
              <th>Duration (seconds)</th>
            </tr>
          </thead>
          <tbody>
          {% for step_report in report.report %}
            <tr {% if  step_report.step_execution_status.value == 'FAIL' %} class="has-background-danger" {% elif step_report.step_execution_status.value == 'PASS' %} class="has-background-success-light" {% else %} class="has-background-warning-light" {% endif %}>
            <td>
            {{ step_report.step_description }}
            {% if  step_report.step_execution_status.value == 'FAIL' and (step_report.step_error_reason | length) > 0 %}
            <table class="table is-fullwidth is-striped is-hoverable">
            {% for error_reason in step_report.step_error_reason %}
            <tr class="has-background-danger">
            <td></td>
            </tr>
            <tr class="has-background-danger-light">
            <td>{{ error_reason }}</td>
            </tr>
            {% endfor %}
            </table>
            {% endif %}
            </td>
            <td>
            {{ step_report.step_execution_status.value }}
            </td>
            <td>
            {{ step_report.step_execution_duration | round(2) }}
            </td>
            </tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
{% endblock %}