{% extends 'base.html' %}
{% load static %}

{% block title %}Ticket Submitted Successfully{% endblock %}

{% block head %}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
    .success-container {
        text-align: center;
        margin-top: 100px;
    }
    .success-container h1 {
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        color: #1A237E;
    }
    .ticket-id {
        font-size: 1.5rem;
        font-weight: 500;
        color: #5C6BC0;
        margin: 20px 0;
    }
</style>
{% endblock %}

{% block content %}
<div class="container success-container">
    <h1>Thank You!</h1>
    <p>Your support ticket has been submitted successfully.</p>
    <p>Your Ticket ID is:</p>
    <div class="ticket-id">{{ ticket.ticket_id }}</div>
    <a href="{% url 'core:index' %}" class="btn btn-primary">Back to Home</a>
</div>
{% endblock %}
