{% extends request.is_ajax|yesno:'nullcont.htm,taskapp/ext.htm' %}
{% load i18n tasktags %}
{% block content %}

    <div class="table-responsive">
        <table class="table table-striped table-bordered">
            <thead>
            <tr>
                <th class="col-md-2 col-sm-3 col-xs-3">{% trans 'Name and comment count' %}</th>
                <th class="col-md-2 col-sm-1 col-xs-2">{% trans 'Address' %}</th>
                <th class="col-sm-1 col-xs-1">{% trans 'The nature of the damage' %}</th>
                <th class="col-sm-4 col-xs-4">{% trans 'Description' %}</th>
                <th class="col-sm-1 col-xs-1">{% trans 'Task author' %}</th>
                <th class="col-sm-1 hidden-xs">{% trans 'Date of create' %}</th>
                <th class="col-sm-1 col-xs-1">{% trans 'Actions' %}</th>
            </tr>
            </thead>
            <tbody>
            {% for task in tasks %}

                {% if task.is_relevant %}
                    <tr class="text-muted">
                {% else %}
                    <tr>
                {% endif %}

                {% if task.abon and task.abon.group %}
                    <td>

                        {# Task state #}
                        {% if not task.is_relevant %}
                            {% if task.priority == 'E' %}
                                <span class="glyphicon glyphicon-ok-circle text-success"></span>
                            {% elif task.priority == 'A' %}
                                <span class="glyphicon glyphicon-exclamation-sign text-danger"></span>
                            {% endif %}
                        {% endif %}

                        <a href="{% url 'abonapp:abon_home' task.abon.group.pk task.abon.username %}" title="{{ task.abon.description|default:'' }}" data-toggle="tooltip">
                            {{ task.abon.get_full_name }}
                        </a>
                        {% if task.comment_count > 0 %}({{ task.comment_count }}){% endif %}
                    </td>
                    <td>
                        {{ task.abon.group.title }}, {{ task.abon.street|default:'' }} {{ task.abon.house|default:'' }}
                    </td>
                {% else %}
                    <td>{% trans 'User does not exist' %}</td>
                    <td>---</td>
                {% endif %}

                <td>{{ task.get_mode_display }}</td>
                <td>{{ task.descr|default:'' }}</td>
                <td>
                    {% if task.author %}
                        <a href="{% url 'acc_app:other_profile' task.author.pk %}" data-toggle="tooltip" title="{{ task.author.get_full_name }}">{{ task.author.username }}</a>
                    {% else %}
                        {% trans 'Author does not exist' %}
                    {% endif %}
		        </td>

                <td class="hidden-xs">
                    {% is_today task.time_of_create as is_timecreate_is_today %}
                    {% is_yesterday task.time_of_create as is_timecreate_is_yesterday %}
                    {% if is_timecreate_is_today %}
                        {% trans 'Today' %} {{ task.time_of_create|date:'H:i' }}
                    {% elif is_timecreate_is_yesterday %}
                        {% trans 'Yesterday' %} {{ task.time_of_create|date:'H:i' }}
                    {% else %}
                        {{ task.time_of_create|date:'d E H:i' }}
                    {% endif %}
                </td>

                <td class="btn-group btn-group-xs btn-group-justified">
                    <a href="{% url 'taskapp:finish' task.pk %}" class="btn btn-success" data-toggle="tooltip" title="{% trans 'Complete' %}">
                        <span class="glyphicon glyphicon-ok"></span>
                    </a>
                    <a href="{% url 'taskapp:fail' task.pk %}" class="btn btn-danger" data-toggle="tooltip" title="{% trans 'Mark as unsuccessful' %}">
                        <span class="glyphicon glyphicon-fire"></span>
                    </a>
                    {% if perms.taskapp.change_task %}
                    <a href="{% url 'taskapp:edit' task.pk %}" class="btn btn-default" data-toggle="tooltip" title="{% trans 'Edit' %}">
                        <span class="glyphicon glyphicon-edit"></span>
                    </a>
                    {% endif %}
                </td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="7">{% trans 'The list is empty' %}</td>
                </tr>
            {% endfor %}
            </tbody>
            <tfoot>
            <tr>
                <td colspan="7">
                    {% include 'taskapp/footer_btns.html' %}
                </td>
            </tr>
            </tfoot>
        </table>
    </div>

{% endblock %}