{% extends '_page.html.twig' %}

{% block content %}
  <nav>
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="{{ url_for('quiz_list') }}">問題一覧</a></li>
      <li class="breadcrumb-item"><a href="{{ url_for('quiz_view', { qslug: quiz.slug }) }}">{{ quiz.title }}</a></li>
      <li class="breadcrumb-item active">回答一覧</li>
    </ol>
  </nav>

  <h2>{{ quiz.title }}</h2>
  <p>
    {{ quiz.description }}
  </p>
  {% if is_open %}
    <p>
      <a class="btn btn-primary" href="{{ url_for('answer_new', { qslug: quiz.slug }) }}">回答する</a>
    </p>
  {% endif %}
  <h2>回答一覧</h2>
  {% if answers|length == 0 %}
    {% if is_ranking_hidden %}
      <p>
        回答が締め切られるまで、回答一覧は表示されません
      </p>
      <p>
        参加者の方で、ご自身の回答を確認する場合は、<a href="{{ url_for('login', {}, { to: url_for('answer_list', { qslug: quiz.slug }) }) }}">こちらからログインしてください</a>
      </p>
    {% else %}
      <p>
        まだ回答がありません
      </p>
    {% endif %}
  {% else %}
    {% if is_ranking_hidden %}
      <p>
        回答が締め切られるまで、自分以外の回答や回答のランクは表示されません
      </p>
    {% endif %}
    <table class="table table-striped table-bordered">
      <thead>
        <tr>
          <th>ランク</th>
          <th>ID</th>
          <th>作者</th>
          <th>サイズ</th>
          <th>投稿日時</th>
          <th>ステータス</th>
        </tr>
      </thead>
      <tbody>
        {% for answer in answers %}
          <tr>
            <td>
              {% if is_ranking_hidden %}
                ?
              {% else %}
                {{ loop.index }}
              {% endif %}
            </td>
            <td>
              {% if not quiz.isFinished() and answer.author_id != current_user_id %}
                #{{ answer.answer_number }}
              {% else %}
                <a href="{{ url_for('answer_view', { qslug: quiz.slug, anum: answer.answer_number }) }}">#{{ answer.answer_number }}</a>
              {% endif %}
            </td>
            <td>{{ answer.author_name }}{% if answer.author_is_admin %} (staff){% endif %}</td>
            <td>{{ answer.code_size }} byte</td>
            <td>{{ answer.submitted_at|date('Y-m-d H:i:s', 'Asia/Tokyo') }}</td>
            <td>{{ answer.execution_status.label() }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}
{% endblock %}