{{define "title"}}Support Center{{end}}

{{define "content"}}
<div class="text-center py-16">
    <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">Support Center</h1>
    <p class="mt-4 text-lg text-gray-600">Submit bug reports and track the status of your tickets.</p>
    <div class="mt-8 flex justify-center gap-4">
        {{if .User}}
            <a href="/tickets/new" class="rounded-md bg-blue-600 px-4 py-2.5 text-sm font-semibold text-white shadow hover:bg-blue-500">Submit a Ticket</a>
            <a href="/tickets" class="rounded-md bg-white px-4 py-2.5 text-sm font-semibold text-gray-900 shadow ring-1 ring-inset ring-gray-300 hover:bg-gray-50">View My Tickets</a>
        {{else}}
            <a href="/register" class="rounded-md bg-blue-600 px-4 py-2.5 text-sm font-semibold text-white shadow hover:bg-blue-500">Get Started</a>
            <a href="/login" class="rounded-md bg-white px-4 py-2.5 text-sm font-semibold text-gray-900 shadow ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Sign In</a>
        {{end}}
    </div>
</div>
{{end}}