{% extends "base.html" %}
{% block body %}
    <h1>Tasks</h1>

    <section id="task-submission">
      <h2>Submit task to current Host</h2>
      {% if submission_available %}
      <form method="post" action="/tasks/submit">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <p>
          <label for="goal">Goal</label><br>
          <textarea id="goal" name="goal" rows="4" cols="60" required>{{ goal_value }}</textarea>
        </p>
        <p>
          <label for="device_id">Target device</label><br>
          <select id="device_id" name="device_id">
            <option value="{{ automatic_device_value }}"{% if selected_device == automatic_device_value %} selected{% endif %}>Automatic (let Host choose an eligible device)</option>
            {% for device in devices %}<option value="{{ device.id }}"{% if selected_device == device.id %} selected{% endif %}>{{ device.label }}</option>{% endfor %}
          </select>
        </p>
        {% if submission_error %}<p class="error" id="submission-error">{{ submission_error }}</p>{% endif %}
        {% if submission_unknown %}<p class="error" id="submission-unknown">Submission outcome is unknown. The task may have been queued. Check the Cloud console before submitting again.</p>{% endif %}
        {% if submission_notice %}<p class="notice" id="submission-notice">{{ submission_notice }}</p>{% endif %}
        <p><button type="submit">Submit task</button></p>
      </form>
      {% else %}
      <p class="error" id="submission-unavailable">Host submission client is not available yet. Wait for Host enrollment to complete, then refresh.</p>
      {% endif %}
    </section>

    <section id="local-tasks">
      <h2>Local Runtime tasks</h2>
      {% if metadata_store_missing %}
      <p class="error">Task metadata store is not configured.</p>
      {% elif not tasks %}
      <p>No tasks recorded.</p>
      {% else %}
      <table>
        <thead><tr><th>Task ID</th><th>Status</th><th>Device</th><th>Created</th><th>Updated</th></tr></thead>
        <tbody>{% for task in tasks %}
          <tr>
            <td><a href="/tasks/{{ task["id"] }}">{{ task["id"] }}</a></td>
            <td>{{ task.get("status") or "" }}</td>
            <td>{{ task.get("device_id") or "" }}</td>
            <td>{{ task.get("created_at") or "" }}</td>
            <td>{{ task.get("updated_at") or "" }}</td>
          </tr>
          {% endfor %}</tbody>
      </table>
      {% endif %}
    </section>
{% endblock %}