{% extends 'clientsideapp/ext.html' %}
{% load i18n tasktags %}
{% block client_main %}

<div class="page-header">
    <h3>{% trans 'Task history' %}</h3>
</div>

<div class="panel panel-default">
    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th class="col-xs-1">{% trans 'State' %}</th>
            <th class="col-xs-3">{% trans 'Date of create' %}</th>
            <th class="col-xs-4">{% trans 'The nature of the damage' %}</th>
            <th class="col-xs-4">{% trans 'Expected or real completion date' %}</th>
        </tr>
        </thead>
        <tbody>
        {% for task in tasks %}
        <tr>
            <td>{{ task.get_state_display }}</td>
            <td>
                {% if task.time_of_create|is_current_year %}
                    {{ task.time_of_create|date:'d b H:i' }}
                {% else %}
                    {{ task.time_of_create|date:'d b H:i. Y' }}
                {% endif %}
            </td>
            <td>{{ task.get_mode_display }}</td>
            <td>
                {% if task.out_date|is_current_year %}
                    {{ task.out_date|date:'d E, l' }}
                {% else %}
                    {{ task.out_date|date:'d E, l Y' }}
                {% endif %}
            </td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="4">
                {% trans "You didn't leave any requests for breakdowns." %}
                <span class="glyphicon glyphicon-ok"></span>
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}