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

{% block title %}To Do List{% endblock %}

{% block body %}
    <h1 style="color: red">To Do list</h1>

    <table class="table">
        <thead>
            <tr>
                <th width="250px">Task</th>
                <th>Tasked</th>
                <th>Target Completion</th>
                <th width="700px">Description</th>

            </tr>
        </thead>
        <tbody>
        {% for todolist in todolists %}
            <tr>
                <td> <a href="{{ path('todolist_edit', {'id': todolist.id}) }}"> {{ todolist.task }}</a></td>
                <td style="text-align: right">{{ todolist.assignedTo }}</td>
                <td style="text-align: right">{{ todolist.completionTargetAt ? todolist.completionTargetAt|date('d-M-Y') : '' }}</td>
                <td>{{ todolist.description|raw }}</td>

            </tr>

        {% endfor %}
        </tbody>
    </table>

    <a class="btn btn-success btn-sm mt-2" href="{{ path('todolist_new') }}">New</a>
{% endblock %}
{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.table').DataTable({
                'pageLength': 100,
                "order": [0, 'desc'],
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
    </script>
{% endblock datatable %}