{% extends 'base.html' %}

{% block main %}

  <div id='breadcrumbs'>
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="{% url 'index' %}">
        Главная
      </a></li>
      <li class="breadcrumb-item active">
        Задача #{{ problem.id }}
      </li>
    </ol>
  </div>

  <div class="card">
    <div class="card-header">
      <h1>Задача #{{ problem.id }}</h1>
    </div>
    <div class="card-body">

      <!--<editor-fold desc="properties">-->
      <div id="properties">
        <table class="table table-striped table-bordered">
          <tr>
            <td>Создана</td>
            <td>{{ problem.created_at }}</td>
          </tr>
          <tr>
            <td>Тележек</td>
            <td>{{ tasks|length }}</td>
          </tr>
          <tr>
            <td>Дистанций</td>
            <td>{{ distances|length }}</td>
          </tr>
          <tr>
            <td>Инженеров</td>
            <td>{{ workers|length }}</td>
          </tr>
          <tr>
            <td>Файл с условием</td>
            <td><a class="btn btn-primary"
                   href="/{{ problem.xls_filename|urlencode }}">Загрузить</a></td>
          </tr>
        </table>
      </div>
      <!--</editor-fold>-->

      <div class="card">
        <div class="card-header">
          <h2>Запуски</h2>
        </div>
        <div class="card-body">

          {% if runs %}
            <div class="card">
              <div class="card-header">
                <h3>История</h3>
              </div>
              <div class="card-body">
                <ul>
                  {% for run in runs reversed %}
                    <li>
                      <strong>
                        <a href="{% url 'problem_run' problem.id run.id %}">
                          {{ run }}
                        </a>
                      </strong>
                    </li>
                  {% endfor %}
                </ul>
              </div>
            </div>
          {% endif %}

          <div class="card">
            <div class="card-header">
              <h3>Новый</h3>
            </div>
            <div class="card-body">

              <form action="{% url 'problem_create_run' problem_id=problem.id %}"
                    method="post">
                {% csrf_token %}

                <input class="btn btn-primary" type="submit" value="Cоздать">

                <div class="card">
                  <div class="card-header">
                    <a class="card-link" data-toggle="collapse" href="#params-table-collapse">
                      <h4>Параметры</h4>
                    </a>
                  </div>
                  <div id="params-table-collapse" class="collapse">
                    <div class="card-body">

                      <table class="table table-striped table-bordered">
                        {{ create_run_form.as_table }}
                      </table>

                    </div>
                  </div>
                </div>

                <input class="btn btn-primary" type="submit" value="Cоздать">
              </form>

            </div>
          </div>

        </div>
      </div>

    </div>
  </div>

{% endblock %}