{% extends 'ticketing_system/base.html' %}
{% block content %}
<h2>{{ ticket.title }}</h2>
<p><strong>Description:</strong> {{ ticket.description }}</p>
<p><strong>Status:</strong> {{ ticket.status }}</p>
<p><strong>Type:</strong> {{ ticket.type }}</p>

<a class="btn btn-secondary" href="{% url 'add_ticket_comment' ticket.id %}">Add Comment</a>
<h3 class="mt-4">History</h3>
<ul class="list-group">
    {% if comments %}
        <ul>
            {% for comment in comments %}
                <li>
                    <strong>{{ comment.created_at|date:"Y-m-d H:i" }}</strong><br>
                    {{ comment.comment|linebreaksbr }}
                </li>
            {% endfor %}
        </ul>
    {% else %}
        <p>No comments yet.</p>
    {% endif %}
</ul>
{% endblock %}