{% extends "base.html" %}

{% block styles %}
  {{ super() }}
  <link rel="stylesheet" href="{{url_for('static', filename='css/index.css')}}">
{% endblock %}

{% block app_content %}
  {% if current_user.is_authenticated %}
    <h1>Hi, {{ current_user.username }}!</h1>
  {% endif %}
  <p>
    Welcome to <i>AnnotateChange</i>, a tool for annotating time series data 
    for changepoint analysis.
  </p>
  {% if not current_user.is_authenticated %}
  <br>
  <p>
    Please <a href="{{ url_for('auth.login') }}">log in</a> or 
    <a href="{{ url_for('auth.register') }}">register</a> to get started.
  </p>
  {% endif %}
  {% if current_user.is_authenticated %}
    <h3>Introduction</h3>
    {% if not current_user.is_introduced %}
      <a href="{{ url_for('main.demo') }}">Click here to start the introduction to AnnotateChange.</a>
      {% if tasks_todo|length == 0 and tasks_done|length == 0 %}
      <br>
      <br>
      <p>
        When you have finished the introduction, the datasets to annotate 
        will appear here.
      </p>
      {% endif %}
    {% else %}
    <p>
      Thank you for completing the introduction. If you want to revisit 
      it, you can do so by <a href="{{ url_for('main.demo') }}">clicking here</a>.
    </p>
      {% if tasks_todo|length == 0 and tasks_done|length == 0 %}
      <br>
      <br>
      <p>
        There are currently no datasets for you to annotate. Please check back
        again later.
      </p>
      {% endif %}
    {% endif %}
    {% if tasks_todo %}
      <h3>Datasets to Annotate</h3>
      <p>
        Below are the datasets that we would like you to annotate, thank you 
        very much for your help!
      </p>
      <div class="tasks-todo">
        <table class="table table-striped">
          <thead class="thead-dark">
            <th scope="col">Name</th>
          </thead>
          {% for task in tasks_todo %}
            <tr>
              <td>
                <a href="{{ url_for('main.annotate', task_id=task.id) }}">
                  {% if current_user.is_admin %}
                  {{ task.dataset.name | title }}
                  {% else %}
                  Dataset {{ task.dataset.id | title }}
                  {% endif %}
                </a>
              </td>
            </tr>
          {% endfor %}
        </table>
      </div>
    {% elif tasks_todo|length == 0 and tasks_done|length > 0 %}
      <div id="done">
        <img src="{{ url_for('static', filename='img/done.png') }}">
        <span>
          No more annotations to do! Thank you so much for your help, 
          <b>you rock!</b>
        </span>
      </div>
    {% endif %}
    {% if tasks_done %}
      <h3>Completed Annotations</h3>
      <div class="tasks-done">
        <table class="table table-striped">
          <thead>
            <th scope="col">Name</th>
            <th scope="col">Completed On</th>
          </thead>
          {% for task in tasks_done %}
            <tr>
              {% if current_user.is_admin %}
              <td>{{ task.dataset.name | title }}</td>
              {% else %}
              <td>Dataset {{ task.dataset.id | title }}</td>
              {% endif %}
              <td>{{ task.annotated_on }}</td>
            </tr>
          {% endfor %}
        </table>
      </div>
    {% endif %}
  {% endif %}
{% endblock %}