{% extends "base.html" %}

{% block title %}Kylin整机认证测试{% endblock %}

{% block page_content %}
    <div class="page-header">
        <h1 align="center">Kylin整机认证测试结果</h1>
    </div>

    {% if results %}
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
      {% for host, id_dict in results.items() %}
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
          <h4 class="panel-title">
            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{loop.index}}" aria-expanded="true" aria-controls="collapse{{loop.index}}">
              {{ host }}<span class="caret"></span>
            </a>
          </h4>
        </div>
        <div id="collapse{{loop.index}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
          <div class="panel-body">
            {% for id, job_list in id_dict.items() %}
              <div class="panel panel-default">
                <div class="panel-heading">Test ID: {{id}}</div>
                <!-- List group -->
                <ul class="list-group">
                  {% for job in job_list %}
                  <li class="list-group-item">
                    <div>
                      {{ job }}
                      <div class="pull-right">
                        <a class="btn btn-primary btn-sm" target="_blank" href="results/{{ host }}/{{ id }}/{{ job }}">查看</a>
                        {% if loop.length > 1 %}
                            <a class="btn btn-warning btn-sm" target="_blank" href="results/{{ host }}/{{ id }}/{{ job }}/merge">合并</a>
                        {% endif %}
                        <button name="btn_delete" data-host="{{ host }}" data-test-id="{{ id }}" data-job="{{ job }}" class="btn btn-danger btn-sm">删除</button>
                      </div>
                    </div>
                  </li>
                  {% endfor %}
                </ul>
              </div>
            {% endfor %}
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
    {% else %}
        <h3 class="text-danger">暂无测试结果上传</h3>
    {% endif %}
{% endblock %}
{% block scripts %}
    <script src="{{ url_for('static', filename='js/jquery.min.js') }}" ></script>
    <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}" ></script>
    <script>
      $(function() {
        $("button[name='btn_delete']").click(function (event) {
            let host = $(this).data('host');
            let test_id = $(this).data('test-id');
            let job = $(this).data('job');
            let job_path = host + '/' + test_id + '/' + job;
            let ret = confirm("你确认要删除 " + job_path + " 的测试结果嘛？");
            if (ret) {
              window.location = "/results/" + job_path + "/delete";
            }
        });
    });
    </script>
{% endblock scripts %}