{% extends 'de/qytera/qtaf/htmlreport/templates/base.html' %}

{% block body %}
<br>
<hr>
<ul class="list-group">
    <li class="list-group-item">
        <h3>
            {% if scenarioLog.status == "SUCCESS" %}
            <span class="text-success">
                                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-check-circle-fill"
                                         fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                              d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                    </svg>
                                </span>
            {% else %}
            <span class="text-danger">
                                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-x-circle-fill"
                                         fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                              d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
                                    </svg>
                                </span>
            {% endif %}
            Scenario {{ scenarioLog.scenarioName }}
            <span class="btn btn-info float-right glyphicon toggleScenarioInformation"
                  scenario-id="{{ scenarioLog.scenarioId }}">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                         class="bi bi-eye" viewBox="0 0 16 16">
                                      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
                                      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
                                    </svg>
                                </span>
        </h3>
        <div
                class="scenario-information"
                scenario-id="{{ scenarioLog.scenarioId }}"
                style="display:none;"
        >
            <hr>
            <br>

            <h5>General Information</h5>
            <br>
            <table class="table table-striped table-bordered">
                <tbody>
                <tr>
                    <th>Scenario ID</th>
                    <td>{{ scenarioLog.scenarioId }}</td>
                </tr>
                <tr>
                    <th>Description</th>
                    <td>{{ scenarioLog.description }}</td>
                </tr>
                <tr>
                    <th>Start</th>
                    <td>{{ scenarioLog.start }}</td>
                </tr>
                <tr>
                    <th>End</th>
                    <td>{{ scenarioLog.end }}</td>
                </tr>
                <tr>
                    <th>Duration</th>
                    <td>{{ scenarioLog.duration / 1000.0 }} s</td>
                </tr>
                </tbody>
            </table>
            <br>

            {% if scenarioLog.groupDependencies | length > 0 or scenarioLog.methodDependencies | length > 0 %}
            <h5>Dependencies</h5>
            <br>
            <table class="table table-striped table-bordered">
                <tbody>
                {% if scenarioLog.groupDependencies | length > 0 %}
                <tr>
                    <th>Group Dependencies</th>
                    <td>
                        <ul>
                            {% for groupDependency in scenarioLog.groupDependencies %}
                            <li>{{ groupDependency }}</li>
                            {% endfor %}
                        </ul>
                    </td>
                </tr>
                {% endif %}
                {% if scenarioLog.methodDependencies | length > 0 %}
                <tr>
                    <th>Method Dependencies</th>
                    <td>
                        <ul>
                            {% for methodDependency in scenarioLog.methodDependencies %}
                            <li>{{ methodDependency }}</li>
                            {% endfor %}
                        </ul>
                    </td>
                </tr>
                {% endif %}
                </tbody>
            </table>
            {% endif %}

            {% if scenarioLog.testParameters | length > 0 %}
            <h5>Parameters</h5>
            <br>
            <table class="table table-striped table-bordered">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Value</th>
                </tr>
                </thead>
                <tbody>
                {% for param in scenarioLog.testParameters %}
                <tr>
                    <td>{{ param.name }}</td>
                    <td>{{ param.type }}</td>
                    <td>{{ param.value }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
            {% endif %}

            <br><br>
            <h4 id="{{ scenarioLog.methodId }}_steps">Steps
                <span class="btn btn-info float-right glyphicon toggleScenarioStepInformation"
                      scenario-id="{{ scenarioLog.scenarioId }}">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                         class="bi bi-eye" viewBox="0 0 16 16">
                                      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
                                      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
                                    </svg>
                                </span>
            </h4>
            <div
                    class="scenarioStepInformation"
                    scenario-id="{{ scenarioLog.scenarioId }}"
                    style="display:none;"
            >
                <hr>
                <br>
                <ul class="list-group">
                    {% for stepLog in scenarioLog.logMessages %}
                    {% include 'de/qytera/qtaf/htmlreport/templates/step.html' %}
                    {% endfor %}
                </ul>
            </div> <!-- end step information -->
        </div> <!-- end scenario informaiton -->
    </li>
</ul>
{% endblock %}