{{define "title"}}Admin Dashboard{{end}}

{{define "content"}}
<h1 class="text-2xl font-bold text-gray-900 mb-8">Dashboard</h1>

{{with .Data}}
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
    <div class="bg-white overflow-hidden rounded-lg shadow ring-1 ring-gray-200 p-6">
        <dt class="text-sm font-medium text-gray-500">Total Users</dt>
        <dd class="mt-1 text-3xl font-semibold text-gray-900">{{.UserCount}}</dd>
    </div>
    <div class="bg-white overflow-hidden rounded-lg shadow ring-1 ring-gray-200 p-6">
        <dt class="text-sm font-medium text-gray-500">Open Tickets</dt>
        <dd class="mt-1 text-3xl font-semibold text-yellow-600">{{.OpenTickets}}</dd>
    </div>
    <div class="bg-white overflow-hidden rounded-lg shadow ring-1 ring-gray-200 p-6">
        <dt class="text-sm font-medium text-gray-500">In Progress</dt>
        <dd class="mt-1 text-3xl font-semibold text-blue-600">{{.InProgressTickets}}</dd>
    </div>
    <div class="bg-white overflow-hidden rounded-lg shadow ring-1 ring-gray-200 p-6">
        <dt class="text-sm font-medium text-gray-500">Closed Tickets</dt>
        <dd class="mt-1 text-3xl font-semibold text-green-600">{{.ClosedTickets}}</dd>
    </div>
</div>
{{end}}
{{end}}