esifawafwu

views/mod.html

@@ -1,29 +1,72 @@
 @include(snippets/header)
 <div class="pagewrapper">
 <div id="main">
-    <div class="container">
-        <h1>MODERATOR DASHBOARD</h1>
-        <h5>Hello, {!! session.user !!}</h5>
-        <hr>
+  <div class="container adm">
+
+    <!-- Header -->
+    <header class="adm-header">
+      <div>
+        <h1 class="adm-title">Moderator</h1>
+        <div class="adm-subtitle">Signed in as <strong>{!! session.user !!}</strong></div>
+      </div>
+      @if(session.admin)
+      <a href="/admin" class="adm-btn adm-btn-ghost"><i class="fa-solid fa-shield-halved"></i> Admin dashboard</a>
+      @endif
+    </header>
+
+    <!-- Overview -->
+    <section class="adm-section">
+      <h2 class="adm-section-title"><i class="fa-solid fa-chart-simple"></i> Overview</h2>
+      <div class="adm-stats">
         @if(manualApproval)
-        <p>Stats: Pending Uploads: {!! pendingCount !!}</p>
-        <hr>
+        <a href="/mod/approve" class="adm-stat adm-stat-link @if(pendingCount > 0) is-hot @endif"><span class="adm-stat-num">{!! pendingCount !!}</span><span class="adm-stat-label">Pending approval</span></a>
         @endif
-        <div class="admintools">
-            <p>Tools</p>
-            <ul>
-                @if(manualApproval)
-                <li><a href="/mod/approve">Approval Queue @if(pendingCount > 0) <span class="badge badge-danger">{!! pendingCount !!}</span> @endif</a></li>
-                @endif
-                @if(session.admin || session.is_moderator)
-                <li><a href="/mod/audit">Audit Log</a></li>
-                <li><a href="/mod/reports">User Reports</a></li>
-                <li><a href="/mod/motd">MOTD</a></li>
-                <li><a href="/mod/halls">Hall Manager</a></li>
-                @endif
-            </ul>
-        </div>
-    </div>
+        <a href="/mod/trash" class="adm-stat adm-stat-link"><span class="adm-stat-num">{!! trashCount !!}</span><span class="adm-stat-label">Soft deleted</span></a>
+        <a href="/mod/reports" class="adm-stat adm-stat-link @if(reportsCount > 0) is-hot @endif"><span class="adm-stat-num">{!! reportsCount !!}</span><span class="adm-stat-label">Open reports</span></a>
+      </div>
+    </section>
+
+    <!-- Tools -->
+    <section class="adm-section">
+      <h2 class="adm-section-title"><i class="fa-solid fa-screwdriver-wrench"></i> Tools</h2>
+
+      <h3 class="adm-group-title">Moderation</h3>
+      <div class="adm-tools">
+        @if(manualApproval)
+        <a href="/mod/approve" class="adm-tool">
+          <i class="fa-solid fa-clock"></i>
+          <span class="adm-tool-text"><strong>Approval Queue @if(pendingCount > 0)<span class="adm-count">{!! pendingCount !!}</span>@endif</strong><span>Review uploads waiting for approval</span></span>
+        </a>
+        @endif
+        <a href="/mod/trash" class="adm-tool">
+          <i class="fa-solid fa-trash-can"></i>
+          <span class="adm-tool-text"><strong>Soft Deleted @if(trashCount > 0)<span class="adm-count">{!! trashCount !!}</span>@endif</strong><span>Restore removed items@if(session.admin) or purge them for good@endif</span></span>
+        </a>
+        <a href="/mod/reports" class="adm-tool">
+          <i class="fa-solid fa-flag"></i>
+          <span class="adm-tool-text"><strong>User Reports @if(reportsCount > 0)<span class="adm-count">{!! reportsCount !!}</span>@endif</strong><span>Reported posts, comments and users</span></span>
+        </a>
+        <a href="/mod/audit" class="adm-tool">
+          <i class="fa-solid fa-scroll"></i>
+          <span class="adm-tool-text"><strong>Audit Log</strong><span>Every moderation and admin action</span></span>
+        </a>
+      </div>
+
+      <h3 class="adm-group-title">Site</h3>
+      <div class="adm-tools">
+        <a href="/mod/motd" class="adm-tool">
+          <i class="fa-solid fa-bullhorn"></i>
+          <span class="adm-tool-text"><strong>MOTD</strong><span>Message of the day banner</span></span>
+        </a>
+        <a href="/mod/halls" class="adm-tool">
+          <i class="fa-solid fa-layer-group"></i>
+          <span class="adm-tool-text"><strong>Halls</strong><span>Curated collections</span></span>
+        </a>
+      </div>
+    </section>
+  </div>
+
+  @include(snippets/adm-dashboard-style)
 </div>
 </div>
-@include(snippets/footer)
+@include(snippets/footer)