{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">✅</div>
      <div>
        <h1 class="h1" style="margin:0">Ticket Created</h1>
        <div class="small">We’ve received your message.</div>
      </div>
    </div>
    <div class="sep"></div>

    <div class="chip">Ticket ID: <strong>{{ ticket.public_id }}</strong></div>
    <p class="p" style="margin-top:10px">Save this link to follow up:</p>
    <p class="p"><a class="link" href="{% url 'website:support_ticket_view' ticket.public_id ticket.secret %}">Open ticket conversation</a></p>

    <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:14px">
      <a class="btn btn-primary" href="/">Back to home</a>
      <a class="btn" href="{% url 'website:support_ticket_view' ticket.public_id ticket.secret %}">View ticket</a>
    </div>
  </div>
</section>
{% endblock %}
