mirror of
https://github.com/xodivorce/infra-xodivorce-in.git
synced 2026-02-04 16:12:23 +05:30
feat(core): restructure auth, routing, and role-based dashboards
This commit is contained in:
96
src/assets/users/_overview.php
Normal file
96
src/assets/users/_overview.php
Normal file
@@ -0,0 +1,96 @@
|
||||
<div class="max-w-6xl mx-auto w-full">
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
|
||||
|
||||
<div class="group bg-neutral-800 rounded-lg border border-neutral-700/50 p-4 shadow-sm hover:border-blue-500/30 transition-all duration-300 flex items-center justify-between">
|
||||
<div>
|
||||
<h3 class="text-xs font-semibold text-neutral-400 uppercase tracking-wider group-hover:text-blue-400 transition-colors">Total Reports</h3>
|
||||
<p class="text-2xl font-bold text-white mt-1">128</p>
|
||||
<p class="text-[10px] text-neutral-500 mt-1">All submissions overview</p>
|
||||
</div>
|
||||
<div class="p-3 bg-blue-500/10 rounded-lg group-hover:bg-blue-500/20 transition-colors">
|
||||
<svg class="w-6 h-6 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group bg-neutral-800 rounded-lg border border-neutral-700/50 p-4 shadow-sm hover:border-yellow-500/30 transition-all duration-300 flex items-center justify-between">
|
||||
<div>
|
||||
<h3 class="text-xs font-semibold text-neutral-400 uppercase tracking-wider group-hover:text-yellow-400 transition-colors">Active Issues</h3>
|
||||
<p class="text-2xl font-bold text-white mt-1">42</p>
|
||||
<p class="text-[10px] text-neutral-500 mt-1">In progress / Open</p>
|
||||
</div>
|
||||
<div class="p-3 bg-yellow-500/10 rounded-lg group-hover:bg-yellow-500/20 transition-colors">
|
||||
<svg class="w-6 h-6 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group bg-neutral-800 rounded-lg border border-neutral-700/50 p-4 shadow-sm hover:border-green-500/30 transition-all duration-300 flex items-center justify-between">
|
||||
<div>
|
||||
<h3 class="text-xs font-semibold text-neutral-400 uppercase tracking-wider group-hover:text-green-400 transition-colors">Resolved</h3>
|
||||
<p class="text-2xl font-bold text-white mt-1">86</p>
|
||||
<p class="text-[10px] text-neutral-500 mt-1">Successfully closed</p>
|
||||
</div>
|
||||
<div class="p-3 bg-green-500/10 rounded-lg group-hover:bg-green-500/20 transition-colors">
|
||||
<svg class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-neutral-800 rounded-lg border border-neutral-700 overflow-hidden shadow-sm">
|
||||
<div class="px-4 py-3 border-b border-neutral-700 flex items-center justify-between bg-neutral-900/30">
|
||||
<h3 class="text-sm font-semibold text-white">Recent Activity</h3>
|
||||
<button class="text-xs text-blue-400 hover:text-blue-300 font-medium transition-colors">View All</button>
|
||||
</div>
|
||||
|
||||
<div class="divide-y divide-neutral-700/50">
|
||||
|
||||
<div class="px-4 py-3 hover:bg-neutral-700/30 transition-colors flex items-center gap-3">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-green-500/10 border border-green-500/20 flex items-center justify-center">
|
||||
<svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
|
||||
</div>
|
||||
<div class="flex-1 min-w-0 grid gap-0.5">
|
||||
<div class="flex items-center justify-between">
|
||||
<p class="text-sm font-medium text-neutral-200 truncate">
|
||||
Issue <span class="text-white hover:underline cursor-pointer">#1231</span> Resolved
|
||||
</p>
|
||||
<span class="text-[10px] text-neutral-500 whitespace-nowrap">2h ago</span>
|
||||
</div>
|
||||
<p class="text-xs text-neutral-500 truncate">Water leakage in park • <span>23/v/kpc-cst/33</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-4 py-3 hover:bg-neutral-700/30 transition-colors flex items-center gap-3">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500/10 border border-blue-500/20 flex items-center justify-center">
|
||||
<svg class="w-4 h-4 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
|
||||
</div>
|
||||
<div class="flex-1 min-w-0 grid gap-0.5">
|
||||
<div class="flex items-center justify-between">
|
||||
<p class="text-sm font-medium text-neutral-200 truncate">Issue 1234 submitted</p>
|
||||
<span class="text-[10px] text-neutral-500 whitespace-nowrap">5h ago</span>
|
||||
</div>
|
||||
<p class="text-xs text-neutral-500 truncate">Pothole on Main Street • <span>23/v/kpc-cst/36</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-4 py-3 hover:bg-neutral-700/30 transition-colors flex items-center gap-3">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-yellow-500/10 border border-yellow-500/20 flex items-center justify-center">
|
||||
<svg class="w-4 h-4 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
|
||||
</div>
|
||||
<div class="flex-1 min-w-0 grid gap-0.5">
|
||||
<div class="flex items-center justify-between">
|
||||
<p class="text-sm font-medium text-neutral-200 truncate">Status: In Progress</p>
|
||||
<span class="text-[10px] text-neutral-500 whitespace-nowrap">1d ago</span>
|
||||
</div>
|
||||
<p class="text-xs text-neutral-500 truncate">Broken Street Light • <span>23/v/kpc-cst/37</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user