{% extends 'base.html.twig' %}
{% import "macros/widgets.html.twig" as widgets %}
{% import "macros/datatables.html.twig" as tables %}
{% import "macros/toolbar.html.twig" as toolbar %}
{% import "@TaskManagement/actions.html.twig" as actions %}

{% set tableName = 'tasks' %}
{% set columns = {
    'title': 'alwaysVisible',
    'project': 'hidden-xs hidden-sm hidden-md',
    'end': 'hidden-xs',
    'duration': 'hidden-xs hidden-sm',
} %}
{% if seeUserColumn %}
    {% set columns = columns|merge({
        'user': 'hidden-xs hidden-sm',
    }) %}
{% endif %}
{% set columns = columns|merge({
    'team': 'hidden-xs hidden-sm hidden-md',
    'actions': 'actions alwaysVisible',
}) %}

{% block page_title %}{{ 'Tasks'|trans }}{% endblock %}
{% block page_search %}{{ toolbar.dropDownSearch(toolbarForm) }}{% endblock %}
{% block page_actions %}{{ actions.tasks('index') }}{% endblock %}

{% block main_before %}
    {{ tables.data_table_column_modal(tableName, columns) }}
{% endblock %}

{% block main %}

    {% if entries.count == 0 %}
        {{ widgets.callout('warning', 'error.no_entries_found') }}
        <script type="text/javascript">
            document.addEventListener('kimai.initialized', function() {
                KimaiReloadPageWidget.create('kimai.taskUpdate');
            });
        </script>
    {% else %}
        {{ tables.datatable_header(tableName, columns, query, {'reload': 'kimai.taskUpdate', 'class': 'table-responsive'}) }}

        {% set lastDate = '' %}
        {% for entry in entries %}
            <tr{% if is_granted('task_edit', entry) %} class="modal-ajax-form open-edit{% if entry.overdue %} danger{% endif %}" data-href="{{ path('tasks_edit', {'id': entry.id}) }}"{% endif %}>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'title') }}">
                    {% if entry.status == 'pending' %}
                        <i data-toggle="tooltip" data-placement="top" title="{{ 'task.status.pending'|trans }}">{{ entry.title }}</i>
                    {% elseif entry.status == 'progress' %}
                        <span data-toggle="tooltip" data-placement="top" title="{{ 'task.status.progress'|trans }}">{{ entry.title }}</span>
                    {% elseif entry.status == 'closed' %}
                        <s data-toggle="tooltip" data-placement="top" title="{{ 'task.status.closed'|trans }}">{{ entry.title }}</s>
                    {% endif %}
                </td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'project') }}">
                    {{ widgets.label_project(entry.project) }}
                    <br>
                    <small>
                        {{ widgets.label_customer(entry.project.customer) }}
                    </small>
                </td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'end') }} text-nowrap">
                    {% if entry.end %}
                        {{ entry.end|date_short }}
                    {% else %}
                        &ndash;
                    {% endif %}
                </td>
                <td class="{{ tables.data_table_column_class(tableName, columns, 'duration') }} text-center text-nowrap">
                    {% set duration = entry.duration %}
                    {% if duration is not null %}
                        {{ widgets.label(entry.duration|duration, 'primary') }}
                    {% endif %}
                </td>
                {% if seeUserColumn %}
                <td class="{{ tables.data_table_column_class(tableName, columns, 'user') }}">
                    {% if entry.user is not null %}
                        {{ widgets.label_user(entry.user) }}
                    {% endif %}
                </td>
                {% endif %}
                <td class="{{ tables.data_table_column_class(tableName, columns, 'team') }}">
                    {% if entry.team is not null%}
                        {{ widgets.label_team(entry.team) }}
                    {% endif %}
                </td>
                <td class="actions">
                    {{- actions.task(entry, 'index') -}}
                </td>
            </tr>
        {% endfor %}

        {{ tables.data_table_footer(entries, 'tasks_paginated') }}
    {% endif %}

{% endblock %}