{% extends 'django_spire/page/full_page.html' %}

{% block full_page_content %}
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">{{ ticket.description }}</h5>
            <div>
                <a href="{% url 'django_spire:help_desk:form:form' ticket.pk %}" class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-pencil"></i> Edit
                </a>
                <a href="{% url 'django_spire:help_desk:form:delete' ticket.pk %}" class="btn btn-sm btn-outline-danger">
                    <i class="bi bi-trash"></i> Delete
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row mb-4">
                <div class="col">
                    <div class="attribute-label">Purpose</div>
                    {% include 'django_spire/help_desk/element/ticket_purpose_badge.html' %}
                </div>
                <div class="col">
                    <div class="attribute-label">Priority</div>
                    {% include 'django_spire/help_desk/element/ticket_priority_badge.html' %}
                </div>
                <div class="col">
                    <div class="attribute-label">Status</div>
                    {% include 'django_spire/help_desk/element/ticket_status_badge.html' %}
                </div>
            </div>
            <div class="row">
                <div class="attribute-label">Ticket Description</div>
                <div>{{ ticket.description|linebreaks }}</div>
            </div>
        </div>
    </div>
{% endblock %}