{% extends "body_base.html" %}

{% block main %}
<div class="container mx-auto p-4">
  <h1 class="text-2xl font-bold mb-4">Queue Tasks</h1>

  {% if tasks|length == 0 %}
  <div class="alert alert-info">
    <span>No tasks in queue</span>
  </div>
  {% else %}
  <div class="grid gap-4">
    {% for (task, tag) in tasks %}
    <div class="card bg-base-200 shadow-xl">
      <div class="card-body">
        {% if task is object("Url") %}
        <h2 class="card-title">URL Task</h2>
        <p>URL: {{ task.url }}</p>
        {% elif task is object("Text") %}
        <h2 class="card-title">Text Task</h2>
        <p>Text: {{ task.text }}</p>
        {% elif task is object("File") %}
        <h2 class="card-title">File Task</h2>
        <p>File: {{ task.file_info.original_name }}</p>
        {% endif %}
        <p>Instructions: {{ task.instructions }}</p>
        <p>Category: {{ task.category }}</p>
        <div class="card-actions justify-end">
          <form action="/queue/{{ tag }}" method="POST">
            <button class="btn btn-error">Delete Task</button>
          </form>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  {% endif %}
</div>
{% endblock %}