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

{% block title %}Support Center{% endblock %}

{% block content %}
<div class="container-fluid d-flex align-items-center justify-content-center" style="min-height: 90vh;">
    <div class="glass-container text-center">
        <h1 class="display-4 fw-bold">Support Center</h1>
        <p class="lead mb-4">Submit a ticket and we'll get back to you shortly.</p>

        <form method="post">
            {% csrf_token %}
            <div class="row">
                <div class="col-md-6 mb-3">
                    {{ form.subject.label_tag }}
                    {{ form.subject }}
                </div>
                <div class="col-md-6 mb-3">
                    {{ form.email.label_tag }}
                    {{ form.email }}
                </div>
            </div>
            <div class="mb-3">
                {{ form.description.label_tag }}
                {{ form.description }}
            </div>
            <button type="submit" class="btn btn-primary btn-lg">Submit Ticket</button>
        </form>
    </div>
</div>
{% endblock %}