{% extends 'base_help.html' %}
{% load i18n %}
{% load static %}

{% block pagetitle %}{% trans 'Tickets' %}{% endblock %}
{% block helpdesk_body %}
    <p>{% trans 'Before creating a ticket, please check if you question is convered in' %}
        <a href="/kb/">{% trans 'the knowledge base' %}</a>.
    </p>

    <div class="table-header">
        <h3>Your Tickets</h3>
        <a href="{% url 'tickets:new' %}" class="pure-button pure-button-primary">
            New Ticket
        </a>
    </div>

{% if tickets %}
    <table class="admin-list">
        <thead>
            <tr>
                <td>#{% trans 'ID' %}</td>
                <td>{% trans 'Subject' %}</td>
                <td>{% trans 'Status' %}</td>
            </tr>
        </thead>
        <tbody>
            {% for ticket in tickets %}
                <tr>
                    <td>#{{ticket.id}}</td>
                    <td><a href="{% url 'tickets:view' ticket.id %}">{{ ticket.subject }}</a></td>
                    <td>{{ ticket.status_text }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    {% if tickets.has_previous or tickets.has_next %}
    <p class="pages">
        {% if tickets.has_previous %}
        <a href="?{{ filter }}&amp;page={{ tickets.previous_page_number }}">&lt;</a>
        {% endif %}
        <a href="?{{ filter }}&amp;page={{ tickets.number }}">{{ tickets.number }}</a>
        {% if tickets.has_next %}
            <a href="?{{ filter }}&amp;page={{ tickets.next_page_number }}">&gt;</a>
        {% endif %}
    </p>
    {% endif %}
{% else %}
    <p>No ticket to show.</p>
{% endif %}
{% endblock %}