{% extends 'base_app.html' %}

{% load crispy_forms_tags %}

{% block title %} HSAS - New Task {% endblock %}

{% block content %}

<div class="card mx-auto my-3" style="max-width: 25rem;">
    <h5 class="card-header custom-shadow text-center unique-color-dark white-text py-3">
        <div class="left-arrow mr-1"><a href="{% url 'home' %}"><i class="fas fa-arrow-left"></i></a></div>
        <strong>Tasks</strong>
    </h5>
    <div class="card-body text-center">
        {% if task_list %}
        <table class="table table-hover border border-light">
            <thead class="thead-light">
                <tr>
                    <th scope="col" class="font-weight-bold">Task Name</th>
                    <th scope="col" class="font-weight-bold">Task Date</th>
                </tr>
            </thead>
            <tbody>
                    {% for task in task_list %}
                    <tr>
                        <td><span class="font-weight-normal align-middle">{{ task.verbose_name }}</span></td>
                    
                        <td><span class="font-weight-normal align-middle">{{ task.run_at }}</span></td>
                    </tr>
                    {% endfor %}
                </tbody>
        </table>
        {% else %}
        <p> You currently have no tasks created. </p>
        {% endif %}
        <a class="btn btn-primary" href="{% url 'device_selection' %}">
            <i class="fas fa-tasks mr-1"></i>
            Create New Task
        </a>
    </div>
</div>

{% endblock %}