{% extends "base.html" %}

{% block title %}Ticket Submitted · RelayDesk{% endblock %}
{% block meta_description %}Support ticket confirmation and next steps.{% endblock %}

{% block content %}
<section class="container py-5">
  <div class="confirmation-card mx-auto">
    <div class="success-orb" aria-hidden="true">✓</div>
    <span class="eyebrow">Ticket created</span>
    <h1 class="display-5 fw-bold mt-3">{{ ticket.ticket_number }} is ready to track.</h1>
    <p class="lead text-muted">We captured your request and created a dedicated thread for replies and status updates.</p>
    <div class="ticket-summary-grid my-4">
      <div><span>Status</span><strong>{{ ticket.get_status_display }}</strong></div>
      <div><span>Priority</span><strong>{{ ticket.get_priority_display }}</strong></div>
      <div><span>Category</span><strong>{{ ticket.get_category_display }}</strong></div>
      <div><span>Requester</span><strong>{{ ticket.requester_name }}</strong></div>
    </div>
    <div class="d-flex flex-column flex-sm-row gap-3 justify-content-center">
      <a class="btn btn-primary btn-lg" href="{{ ticket.get_absolute_url }}">Open ticket thread</a>
      <a class="btn btn-outline-dark btn-lg" href="{% url 'ticket_list' %}">View queue</a>
    </div>
  </div>
</section>
{% endblock %}