diff --git a/app/Http/Controllers/Admin/ResourceController.php b/app/Http/Controllers/Admin/ResourceController.php
index 735f6b93..08af99e0 100644
--- a/app/Http/Controllers/Admin/ResourceController.php
+++ b/app/Http/Controllers/Admin/ResourceController.php
@@ -14,6 +14,7 @@
 use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Storage;
+use Inertia\Inertia;
 
 class ResourceController extends Controller
 {
@@ -27,9 +28,21 @@ public function store(StoreResourceRequest $request)
             $validated['file_path'] = $path;
         }
 
+        $user = Auth::user();
+        $isDirect = $user->can('approve resources') || $user->is_verified;
+        $validated['status'] = $isDirect ? 'approved' : 'pending';
+        if ($isDirect) {
+            $validated['reviewed_by'] = $user->id;
+            $validated['reviewed_at'] = now();
+        }
+
         Resource::create($validated);
 
-        return back()->with('success', 'Resource created successfully.');
+        $message = $isDirect
+            ? 'Resource created successfully.'
+            : 'Resource submitted and is pending review.';
+
+        return back()->with('success', $message);
     }
 
     public function update(UpdateResourceRequest $request, Resource $resource)
@@ -37,7 +50,6 @@ public function update(UpdateResourceRequest $request, Resource $resource)
         $validated = $request->validated();
 
         if ($request->hasFile('file')) {
-
             if ($resource->file_path) {
                 Storage::delete($resource->file_path);
             }
@@ -67,20 +79,32 @@ public function destroy(Resource $resource)
     public function storeBulkImages(BulkImageStoreRequest $request)
     {
         $validated = $request->validated();
+        $user = Auth::user();
+        $isDirect = $user->can('approve resources') || $user->is_verified;
+        $status = $isDirect ? 'approved' : 'pending';
+        $reviewedBy = $isDirect ? $user->id : null;
+        $reviewedAt = $isDirect ? now() : null;
 
-        DB::transaction(function () use ($request, $validated) {
+        DB::transaction(function () use ($request, $validated, $status, $reviewedBy, $reviewedAt) {
             foreach ($request->file('files') as $index => $file) {
 
                 $validated['title'] = $validated['custom_titles'][$index];
                 $validated['file_path'] = $file->store('resources/images');
                 $validated['user_id'] = Auth::id();
                 $validated['resource_type'] = 'image';
+                $validated['status'] = $status;
+                $validated['reviewed_by'] = $reviewedBy;
+                $validated['reviewed_at'] = $reviewedAt;
 
                 Resource::create($validated);
             }
         });
 
-        return back()->with('success', 'Images uploaded successfully.');
+        $message = $isDirect
+            ? 'Images uploaded successfully.'
+            : 'Images submitted and are pending review.';
+
+        return back()->with('success', $message);
     }
 
     public function storeBulkVideos(BulkVideoStoreRequest $request)
@@ -149,8 +173,13 @@ public function storeBulkVideos(BulkVideoStoreRequest $request)
         }
 
         $userId = Auth::id();
+        $user = Auth::user();
+        $isDirect = $user->can('approve resources') || $user->is_verified;
+        $status = $isDirect ? 'approved' : 'pending';
+        $reviewedBy = $isDirect ? $user->id : null;
+        $reviewedAt = $isDirect ? now() : null;
 
-        DB::transaction(function () use ($videos, $validated, $userId) {
+        DB::transaction(function () use ($videos, $validated, $userId, $status, $reviewedBy, $reviewedAt) {
             foreach ($videos as $video) {
                 $finalUrl = "https://www.youtube.com/watch?v={$video['video_id']}";
 
@@ -160,11 +189,18 @@ public function storeBulkVideos(BulkVideoStoreRequest $request)
                     'title' => $video['title'],
                     'resource_type' => 'video',
                     'external_url' => $finalUrl,
+                    'status' => $status,
+                    'reviewed_by' => $reviewedBy,
+                    'reviewed_at' => $reviewedAt,
                 ]);
             }
         });
 
-        return back()->with('success', 'YouTube playlist imported successfully.');
+        $message = $isDirect
+            ? 'YouTube playlist imported successfully.'
+            : 'YouTube playlist imported and is pending review.';
+
+        return back()->with('success', $message);
     }
 
     public function bulkRename(Request $request, Node $node)
@@ -194,4 +230,66 @@ public function bulkRename(Request $request, Node $node)
 
         return back()->with('success', "Renamed {$resources->count()} resources successfully.");
     }
+
+    public function pending(Request $request)
+    {
+        $resources = Resource::where('status', 'pending')
+            ->with([
+                'user:id,name,username,image_path,is_verified',
+                'node.subject',
+            ])
+            ->latest('updated_at')
+            ->paginate(20)
+            ->withQueryString();
+
+        return Inertia::render('admin/resources/Pending', [
+            'resources' => $resources,
+        ]);
+    }
+
+    public function approve(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => ['required', 'array', 'min:1'],
+            'ids.*' => ['integer', 'exists:resources,id'],
+        ]);
+
+        $resources = Resource::whereIn('id', $validated['ids'])
+            ->where('status', 'pending')
+            ->get();
+
+        $userId = Auth::id();
+        $now = now();
+
+        foreach ($resources as $resource) {
+            $resource->update([
+                'status' => 'approved',
+                'reviewed_by' => $userId,
+                'reviewed_at' => $now,
+            ]);
+        }
+
+        $count = $resources->count();
+
+        return back()->with('success', "{$count} resource(s) approved successfully.");
+    }
+
+    public function reject(Request $request, Resource $resource)
+    {
+        $request->validate([
+            'rejection_reason' => ['nullable', 'string', 'max:1000'],
+        ]);
+
+        $userId = Auth::id();
+        $now = now();
+
+        $resource->update([
+            'status' => 'rejected',
+            'rejection_reason' => $request->input('rejection_reason'),
+            'reviewed_by' => $userId,
+            'reviewed_at' => $now,
+        ]);
+
+        return back()->with('success', 'Resource rejected.');
+    }
 }
diff --git a/app/Http/Controllers/NodeController.php b/app/Http/Controllers/NodeController.php
index 70db7bb2..b87beed7 100644
--- a/app/Http/Controllers/NodeController.php
+++ b/app/Http/Controllers/NodeController.php
@@ -34,14 +34,19 @@ public function show(Subject $subject, $path)
 
         $nodes = Cache::remember("node_children_{$node->id}", now()->addDay(), function () use ($node) {
             return Node::where('parent_id', $node->id)
-                ->withCount(['children', 'resources', 'upvotes', 'downvotes'])
+                ->withCount([
+                    'children',
+                    'resources' => fn ($query) => $query->where('status', 'approved'),
+                    'upvotes',
+                    'downvotes',
+                ])
                 ->orderByRaw('(upvotes_count - downvotes_count) DESC')
                 ->orderBy('sort_order')
                 ->get(['id', 'name', 'slug'])->toArray();
         });
 
         $resources = Cache::remember("node_resources_{$node->id}", now()->addDay(), function () use ($node) {
-            return $node->resources()->get()->toArray();
+            return $node->resources()->where('status', 'approved')->get()->toArray();
         });
 
         $upvotesCount = $node->upvotes()->count();
diff --git a/app/Http/Controllers/ResourceController.php b/app/Http/Controllers/ResourceController.php
index e4649c31..be474753 100644
--- a/app/Http/Controllers/ResourceController.php
+++ b/app/Http/Controllers/ResourceController.php
@@ -12,15 +12,24 @@ class ResourceController extends Controller
 {
     public function show($id)
     {
-        $data = Cache::rememberForever("resource_{$id}", function () use ($id) {
-            $resource = Resource::with(['user', 'node.subject'])->findOrFail($id);
+        $resource = Resource::with(['user', 'node.subject'])->findOrFail($id);
 
+        if ($resource->status !== 'approved') {
+            $user = auth()->user();
+            if (! $user || ($user->id !== $resource->user_id && ! $user->can('approve resources'))) {
+                abort(404);
+            }
+        }
+
+        $loadData = function () use ($resource) {
             $previousResourceId = Resource::where('node_id', $resource->node_id)
+                ->where('status', 'approved')
                 ->where('id', '<', $resource->id)
                 ->orderByDesc('id')
                 ->value('id');
 
             $nextResourceId = Resource::where('node_id', $resource->node_id)
+                ->where('status', 'approved')
                 ->where('id', '>', $resource->id)
                 ->orderBy('id')
                 ->value('id');
@@ -31,7 +40,11 @@ public function show($id)
                 'previousResourceId' => $previousResourceId,
                 'nextResourceId' => $nextResourceId,
             ];
-        });
+        };
+
+        $data = $resource->status === 'approved'
+            ? Cache::rememberForever("resource_{$id}", $loadData)
+            : $loadData();
 
         $isCompleted = auth()->check()
             ? ResourceCompletion::where('resource_id', $id)->where('user_id', auth()->id())->exists()
diff --git a/app/Models/Resource.php b/app/Models/Resource.php
index fd5d1b6c..5bcde0cf 100644
--- a/app/Models/Resource.php
+++ b/app/Models/Resource.php
@@ -18,6 +18,14 @@ class Resource extends Model
         'file_path',
         'external_url',
         'user_id',
+        'status',
+        'reviewed_by',
+        'reviewed_at',
+        'rejection_reason',
+    ];
+
+    protected $casts = [
+        'reviewed_at' => 'datetime',
     ];
 
     protected $appends = [
@@ -33,6 +41,16 @@ protected static function booted(): void
         });
     }
 
+    public function scopeApproved($query)
+    {
+        return $query->where('status', 'approved');
+    }
+
+    public function scopePending($query)
+    {
+        return $query->where('status', 'pending');
+    }
+
     public function getFileUrlAttribute(): ?string
     {
         if ($this->external_url) {
@@ -57,6 +75,11 @@ public function user()
         return $this->belongsTo(User::class);
     }
 
+    public function reviewer()
+    {
+        return $this->belongsTo(User::class, 'reviewed_by');
+    }
+
     public function completions()
     {
         return $this->hasMany(ResourceCompletion::class);
diff --git a/app/Observers/ResourceObserver.php b/app/Observers/ResourceObserver.php
index 88937b07..ad29dd56 100644
--- a/app/Observers/ResourceObserver.php
+++ b/app/Observers/ResourceObserver.php
@@ -10,7 +10,7 @@ class ResourceObserver
 {
     public function creating(Resource $resource): void
     {
-        if ($resource->node_id && $resource->user_id) {
+        if ($resource->node_id && $resource->user_id && $resource->status === 'approved') {
             $otherResourcesCount = Resource::where('node_id', $resource->node_id)->count();
 
             if ($otherResourcesCount === 0) {
diff --git a/database/migrations/2026_10_08_230000_add_moderation_to_resources_table.php b/database/migrations/2026_10_08_230000_add_moderation_to_resources_table.php
new file mode 100644
index 00000000..7e194fea
--- /dev/null
+++ b/database/migrations/2026_10_08_230000_add_moderation_to_resources_table.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('resources', function (Blueprint $table) {
+            $table->string('status', 20)->default('approved')->index()->after('user_id');
+            $table->foreignId('reviewed_by')->nullable()->after('status')->constrained('users')->nullOnDelete();
+            $table->timestamp('reviewed_at')->nullable()->after('reviewed_by');
+            $table->text('rejection_reason')->nullable()->after('reviewed_at');
+
+            $table->index(['node_id', 'status']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('resources', function (Blueprint $table) {
+            $table->dropIndex(['node_id', 'status']);
+            $table->dropIndex(['status']);
+            $table->dropForeign(['reviewed_by']);
+            $table->dropColumn(['status', 'reviewed_by', 'reviewed_at', 'rejection_reason']);
+        });
+    }
+};
diff --git a/database/seeders/RolePermissionSeeder.php b/database/seeders/RolePermissionSeeder.php
index 9eea7db3..67646d45 100644
--- a/database/seeders/RolePermissionSeeder.php
+++ b/database/seeders/RolePermissionSeeder.php
@@ -49,6 +49,7 @@ public function run(): void
         Permission::findOrCreate('create resources');
         Permission::findOrCreate('edit resources');
         Permission::findOrCreate('delete resources');
+        Permission::findOrCreate('approve resources');
 
         /*
          * Blog management
diff --git a/resources/js/components/admin/ResourceRow.vue b/resources/js/components/admin/ResourceRow.vue
index 22de4382..c4180d5f 100644
--- a/resources/js/components/admin/ResourceRow.vue
+++ b/resources/js/components/admin/ResourceRow.vue
@@ -84,6 +84,20 @@ const handleDelete = () => {
                 >
                     {{ resource?.resource_type }}
                 </span>
+
+                <!-- Moderation Status Badges -->
+                <span
+                    v-if="resource?.status === 'pending'"
+                    class="inline-flex items-center rounded bg-amber-50 px-1.5 py-0.5 text-[10px] font-semibold text-amber-700 ring-1 ring-amber-600/20 ring-inset dark:bg-amber-500/10 dark:text-amber-400 dark:ring-amber-500/30"
+                >
+                    Pending Review
+                </span>
+                <span
+                    v-else-if="resource?.status === 'rejected'"
+                    class="inline-flex items-center rounded bg-red-50 px-1.5 py-0.5 text-[10px] font-semibold text-red-700 ring-1 ring-red-600/20 ring-inset dark:bg-red-500/10 dark:text-red-400 dark:ring-red-500/30"
+                >
+                    Rejected
+                </span>
             </div>
         </div>
 
diff --git a/resources/js/layouts/AdminLayout.vue b/resources/js/layouts/AdminLayout.vue
index 996596a7..afddfb49 100644
--- a/resources/js/layouts/AdminLayout.vue
+++ b/resources/js/layouts/AdminLayout.vue
@@ -44,6 +44,12 @@ watch(adminCollapsed, (v) => {
 const allNavigation: AdminNavItem[] = [
     { name: 'Dashboard', to: '/admin', icon: 'dashboard' },
     { name: 'Manage Contents', to: '/admin/subjects', icon: 'menu_book' },
+    {
+        name: 'Pending Resources',
+        to: '/admin/resources/pending',
+        icon: 'rule',
+        permission: 'approve resources',
+    },
     { name: 'Manage Blogs', to: '/admin/blogs', icon: 'book' },
     {
         name: 'Manage Products',
diff --git a/resources/js/pages/Resource.vue b/resources/js/pages/Resource.vue
index cb19f36d..57ec6839 100644
--- a/resources/js/pages/Resource.vue
+++ b/resources/js/pages/Resource.vue
@@ -10,6 +10,7 @@ import {
     Image as ImageIcon,
     ExternalLink,
     CheckCircle2,
+    Clock,
 } from 'lucide-vue-next';
 import { ref, watch, computed } from 'vue';
 import AuthModal from '@/components/AuthModal.vue';
@@ -67,7 +68,7 @@ const backUrl = computed(() => {
     return path ? `/${subjectSlug}/${path}` : `/${subjectSlug}`;
 });
 
-const { user, requireAuth, showAuthModal, authModalMessage } = useAuth();
+const { user, can, requireAuth, showAuthModal, authModalMessage } = useAuth();
 const showCompletersModal = ref(false);
 
 const { isMobile, isHydrated: breakpointReady } = useBreakpoint(1024);
@@ -222,6 +223,61 @@ const toggleFullscreen = () => {
     <div
         class="mx-auto flex max-w-5xl flex-col justify-start px-3 pt-3 pb-24 sm:px-6"
     >
+        <!-- Under Review / Moderation Notice Banner -->
+        <div
+            v-if="resource?.status && resource?.status !== 'approved'"
+            class="mb-3.5 flex items-center justify-between gap-3 rounded-2xl border border-amber-200/90 bg-amber-50/90 p-3 text-amber-900 shadow-xs sm:p-3.5 dark:border-amber-500/30 dark:bg-amber-950/40 dark:text-amber-200"
+        >
+            <div class="flex items-center gap-3">
+                <div
+                    class="flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400"
+                >
+                    <Clock class="h-4.5 w-4.5" />
+                </div>
+                <div>
+                    <div class="flex items-center gap-2">
+                        <span
+                            class="text-xs font-bold tracking-wider text-amber-700 uppercase dark:text-amber-400"
+                        >
+                            {{
+                                resource.status === 'rejected'
+                                    ? 'Submission Rejected'
+                                    : 'Under Review'
+                            }}
+                        </span>
+                        <span
+                            class="rounded bg-amber-200/60 px-1.5 py-0.5 text-[10px] font-semibold text-amber-800 dark:bg-amber-800/40 dark:text-amber-300"
+                        >
+                            Pending Approval
+                        </span>
+                    </div>
+                    <p
+                        class="text-amber-850 mt-0.5 text-xs dark:text-amber-300/80"
+                    >
+                        <template v-if="resource.status === 'rejected'">
+                            This resource was rejected by a moderator{{
+                                resource.rejection_reason
+                                    ? `: "${resource.rejection_reason}"`
+                                    : '.'
+                            }}
+                        </template>
+                        <template v-else>
+                            This content is currently under review and is only
+                            visible to you and site moderators.
+                        </template>
+                    </p>
+                </div>
+            </div>
+
+            <Link
+                v-if="can('approve resources')"
+                href="/admin/resources/pending"
+                class="hidden shrink-0 rounded-xl bg-amber-600 px-3 py-1.5 text-xs font-semibold text-white shadow-xs transition hover:bg-amber-500 sm:inline-block"
+            >
+                Review Queue
+            </Link>
+        </div>
+
         <!-- Flat, Minimal Media Header -->
         <div class="mb-3 flex items-center justify-between gap-3">
             <!-- Left: Back Button + Title -->
diff --git a/resources/js/pages/admin/resources/Pending.vue b/resources/js/pages/admin/resources/Pending.vue
new file mode 100644
index 00000000..cf535495
--- /dev/null
+++ b/resources/js/pages/admin/resources/Pending.vue
@@ -0,0 +1,531 @@
+<script setup lang="ts">
+import { Head, router } from '@inertiajs/vue3';
+import {
+    AlertCircle,
+    Book,
+    Check,
+    CheckCheck,
+    ExternalLink,
+    File,
+    FileArchive,
+    FileImage,
+    FileVideo,
+    X,
+} from 'lucide-vue-next';
+import { computed, ref } from 'vue';
+import EmptyState from '@/components/EmptyState.vue';
+import Pagination from '@/components/Pagination.vue';
+import VerifiedBadge from '@/components/VerifiedBadge.vue';
+
+interface PaginationLink {
+    url: string | null;
+    label: string;
+    active: boolean;
+}
+
+interface ResourceItem {
+    id: number;
+    title: string;
+    resource_type: string;
+    status: string;
+    created_at: string;
+    updated_at: string;
+    user?: {
+        id: number;
+        name: string;
+        username: string;
+        image_path: string | null;
+        is_verified?: boolean;
+    };
+    node?: {
+        id: number;
+        name: string;
+        slug: string;
+        subject?: {
+            id: number;
+            name: string;
+            slug: string;
+        };
+    };
+}
+
+interface PaginatedResources {
+    data: ResourceItem[];
+    total: number;
+    current_page: number;
+    last_page: number;
+    per_page: number;
+    from: number | null;
+    to: number | null;
+    links: PaginationLink[];
+}
+
+const props = defineProps<{
+    resources: PaginatedResources;
+}>();
+
+const selectedIds = ref<number[]>([]);
+const isProcessing = ref(false);
+
+const rejectModalOpen = ref(false);
+const rejectingResource = ref<ResourceItem | null>(null);
+const rejectionReason = ref('');
+
+const allSelected = computed(() => {
+    return (
+        props.resources.data.length > 0 &&
+        props.resources.data.every((r) => selectedIds.value.includes(r.id))
+    );
+});
+
+const toggleSelectAll = () => {
+    if (allSelected.value) {
+        selectedIds.value = [];
+    } else {
+        selectedIds.value = props.resources.data.map((r) => r.id);
+    }
+};
+
+const toggleSelect = (id: number) => {
+    const idx = selectedIds.value.indexOf(id);
+
+    if (idx > -1) {
+        selectedIds.value.splice(idx, 1);
+    } else {
+        selectedIds.value.push(id);
+    }
+};
+
+const isSelected = (id: number) => selectedIds.value.includes(id);
+
+const approveSelected = () => {
+    if (selectedIds.value.length === 0) {
+return;
+}
+
+    if (
+        !confirm(
+            `Are you sure you want to approve ${selectedIds.value.length} selected resource(s)?`,
+        )
+    ) {
+return;
+}
+
+    isProcessing.value = true;
+    router.post(
+        '/admin/resources/approve',
+        { ids: selectedIds.value },
+        {
+            preserveScroll: true,
+            onFinish: () => {
+                isProcessing.value = false;
+                selectedIds.value = [];
+            },
+        },
+    );
+};
+
+const approveSingle = (resource: ResourceItem) => {
+    isProcessing.value = true;
+    router.post(
+        '/admin/resources/approve',
+        { ids: [resource.id] },
+        {
+            preserveScroll: true,
+            onFinish: () => {
+                isProcessing.value = false;
+                const idx = selectedIds.value.indexOf(resource.id);
+
+                if (idx > -1) {
+selectedIds.value.splice(idx, 1);
+}
+            },
+        },
+    );
+};
+
+const openRejectModal = (resource: ResourceItem) => {
+    rejectingResource.value = resource;
+    rejectionReason.value = '';
+    rejectModalOpen.value = true;
+};
+
+const closeRejectModal = () => {
+    rejectModalOpen.value = false;
+    rejectingResource.value = null;
+    rejectionReason.value = '';
+};
+
+const confirmReject = () => {
+    if (!rejectingResource.value) {
+return;
+}
+
+    isProcessing.value = true;
+    router.post(
+        `/admin/resources/${rejectingResource.value.id}/reject`,
+        { rejection_reason: rejectionReason.value },
+        {
+            preserveScroll: true,
+            onFinish: () => {
+                isProcessing.value = false;
+                closeRejectModal();
+            },
+        },
+    );
+};
+
+const formatDate = (dateStr: string) => {
+    try {
+        const d = new Date(dateStr);
+
+        return d.toLocaleDateString(undefined, {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+        });
+    } catch {
+        return dateStr;
+    }
+};
+</script>
+
+<template>
+    <Head title="Pending Resources Review" />
+
+    <div class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
+        <!-- Page Header -->
+        <div
+            class="mb-6 flex flex-col justify-between gap-4 sm:flex-row sm:items-center"
+        >
+            <div>
+                <h1
+                    class="text-2xl font-bold text-slate-900 dark:text-gray-100"
+                >
+                    Pending Resources
+                </h1>
+                <p class="mt-1 text-sm text-slate-500 dark:text-gray-400">
+                    Review, approve, or reject submissions and edits before they
+                    go live.
+                </p>
+            </div>
+
+            <!-- Bulk Action Toolbar -->
+            <div
+                v-if="selectedIds.length > 0"
+                class="flex items-center gap-2 rounded-xl border border-amber-200 bg-amber-50 p-2 dark:border-amber-500/30 dark:bg-amber-950/40"
+            >
+                <span
+                    class="px-2 text-xs font-semibold text-amber-900 dark:text-amber-200"
+                >
+                    {{ selectedIds.length }} selected
+                </span>
+                <button
+                    type="button"
+                    :disabled="isProcessing"
+                    @click="approveSelected"
+                    class="inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:bg-emerald-500 disabled:opacity-50"
+                >
+                    <CheckCheck class="h-3.5 w-3.5" />
+                    Approve Selected
+                </button>
+                <button
+                    type="button"
+                    @click="selectedIds = []"
+                    class="cursor-pointer rounded-lg px-2 py-1.5 text-xs text-slate-600 hover:bg-slate-200/50 dark:text-gray-400 dark:hover:bg-gray-800"
+                >
+                    Clear
+                </button>
+            </div>
+        </div>
+
+        <!-- Table Container -->
+        <div
+            v-if="resources.data.length > 0"
+            class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-gray-800 dark:bg-gray-900"
+        >
+            <div class="overflow-x-auto">
+                <table class="w-full text-left text-sm">
+                    <thead
+                        class="border-b border-slate-200 bg-slate-50 text-xs font-semibold text-slate-500 uppercase dark:border-gray-800 dark:bg-gray-800/50 dark:text-gray-400"
+                    >
+                        <tr>
+                            <th class="w-10 px-4 py-3.5 text-center">
+                                <input
+                                    type="checkbox"
+                                    :checked="allSelected"
+                                    @change="toggleSelectAll"
+                                    class="h-4 w-4 cursor-pointer rounded border-slate-300 text-amber-600 focus:ring-amber-500 dark:border-gray-700 dark:bg-gray-800"
+                                />
+                            </th>
+                            <th class="px-4 py-3.5">Resource</th>
+                            <th class="px-4 py-3.5">Author</th>
+                            <th class="px-4 py-3.5">Folder / Topic</th>
+                            <th class="px-4 py-3.5">Type</th>
+                            <th class="px-4 py-3.5">Date</th>
+                            <th class="px-4 py-3.5 text-right">Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody
+                        class="divide-y divide-slate-100 dark:divide-gray-800"
+                    >
+                        <tr
+                            v-for="item in resources.data"
+                            :key="item.id"
+                            :class="[
+                                isSelected(item.id)
+                                    ? 'bg-amber-50/40 dark:bg-amber-950/20'
+                                    : 'hover:bg-slate-50/60 dark:hover:bg-gray-800/40',
+                                'transition-colors',
+                            ]"
+                        >
+                            <!-- Checkbox -->
+                            <td class="px-4 py-3.5 text-center">
+                                <input
+                                    type="checkbox"
+                                    :checked="isSelected(item.id)"
+                                    @change="toggleSelect(item.id)"
+                                    class="h-4 w-4 cursor-pointer rounded border-slate-300 text-amber-600 focus:ring-amber-500 dark:border-gray-700 dark:bg-gray-800"
+                                />
+                            </td>
+
+                            <!-- Title & Preview Link -->
+                            <td class="max-w-xs px-4 py-3.5 sm:max-w-sm">
+                                <div class="flex items-start gap-2.5">
+                                    <div
+                                        class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-amber-200/50 bg-amber-50 text-amber-600 dark:border-amber-500/20 dark:bg-amber-500/10 dark:text-amber-400"
+                                    >
+                                        <FileImage
+                                            v-if="
+                                                item.resource_type === 'image'
+                                            "
+                                            class="h-4 w-4"
+                                        />
+                                        <FileVideo
+                                            v-else-if="
+                                                item.resource_type === 'video'
+                                            "
+                                            class="h-4 w-4"
+                                        />
+                                        <FileArchive
+                                            v-else-if="
+                                                item.resource_type === 'pdf'
+                                            "
+                                            class="h-4 w-4"
+                                        />
+                                        <Book
+                                            v-else-if="
+                                                item.resource_type === 'note'
+                                            "
+                                            class="h-4 w-4"
+                                        />
+                                        <File v-else class="h-4 w-4" />
+                                    </div>
+                                    <div class="min-w-0 flex-1">
+                                        <div class="flex items-center gap-1.5">
+                                            <a
+                                                :href="`/resources/${item.id}`"
+                                                target="_blank"
+                                                class="font-semibold text-slate-900 hover:text-amber-600 dark:text-gray-100 dark:hover:text-amber-400"
+                                            >
+                                                {{ item.title }}
+                                            </a>
+                                            <ExternalLink
+                                                class="h-3 w-3 text-slate-400"
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+
+                            <!-- Author -->
+                            <td class="px-4 py-3.5">
+                                <div
+                                    v-if="item.user"
+                                    class="flex items-center gap-2"
+                                >
+                                    <img
+                                        v-if="item.user.image_path"
+                                        :src="`/storage/${item.user.image_path}`"
+                                        :alt="item.user.name"
+                                        class="h-6 w-6 rounded-full object-cover"
+                                    />
+                                    <div
+                                        v-else
+                                        class="flex h-6 w-6 items-center justify-center rounded-full bg-slate-200 text-[10px] font-bold text-slate-600 dark:bg-gray-800 dark:text-gray-300"
+                                    >
+                                        {{ item.user.name.charAt(0) }}
+                                    </div>
+                                    <div class="flex items-center gap-1">
+                                        <span
+                                            class="text-xs font-medium text-slate-800 dark:text-gray-200"
+                                        >
+                                            {{ item.user.name }}
+                                        </span>
+                                        <VerifiedBadge
+                                            v-if="item.user.is_verified"
+                                        />
+                                    </div>
+                                </div>
+                                <span v-else class="text-xs text-slate-400"
+                                    >Anonymous</span
+                                >
+                            </td>
+
+                            <!-- Topic / Node -->
+                            <td class="px-4 py-3.5">
+                                <div
+                                    class="text-xs text-slate-700 dark:text-gray-300"
+                                >
+                                    <div
+                                        class="font-medium text-slate-900 dark:text-gray-100"
+                                    >
+                                        {{
+                                            item.node?.subject?.name ||
+                                            'Subject'
+                                        }}
+                                    </div>
+                                    <div
+                                        class="text-slate-500 dark:text-gray-400"
+                                    >
+                                        {{ item.node?.name || 'Folder' }}
+                                    </div>
+                                </div>
+                            </td>
+
+                            <!-- Resource Type -->
+                            <td class="px-4 py-3.5">
+                                <span
+                                    class="inline-flex rounded bg-slate-100 px-2 py-0.5 text-[11px] font-semibold text-slate-600 uppercase dark:bg-gray-800 dark:text-gray-300"
+                                >
+                                    {{ item.resource_type }}
+                                </span>
+                            </td>
+
+                            <!-- Date -->
+                            <td
+                                class="px-4 py-3.5 text-xs text-slate-500 dark:text-gray-400"
+                            >
+                                {{
+                                    formatDate(
+                                        item.updated_at || item.created_at,
+                                    )
+                                }}
+                            </td>
+
+                            <!-- Actions -->
+                            <td class="px-4 py-3.5 text-right">
+                                <div
+                                    class="flex items-center justify-end gap-1.5"
+                                >
+                                    <button
+                                        type="button"
+                                        :disabled="isProcessing"
+                                        @click="approveSingle(item)"
+                                        class="inline-flex cursor-pointer items-center gap-1 rounded-lg bg-emerald-50 px-2.5 py-1 text-xs font-medium text-emerald-700 ring-1 ring-emerald-600/20 transition hover:bg-emerald-100 dark:bg-emerald-500/10 dark:text-emerald-400 dark:hover:bg-emerald-500/20"
+                                    >
+                                        <Check class="h-3.5 w-3.5" />
+                                        Approve
+                                    </button>
+
+                                    <button
+                                        type="button"
+                                        :disabled="isProcessing"
+                                        @click="openRejectModal(item)"
+                                        class="inline-flex cursor-pointer items-center gap-1 rounded-lg bg-red-50 px-2.5 py-1 text-xs font-medium text-red-700 ring-1 ring-red-600/20 transition hover:bg-red-100 dark:bg-red-500/10 dark:text-red-400 dark:hover:bg-red-500/20"
+                                    >
+                                        <X class="h-3.5 w-3.5" />
+                                        Reject
+                                    </button>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <!-- Pagination -->
+            <div
+                v-if="resources.links && resources.links.length > 3"
+                class="border-t border-slate-100 p-4 dark:border-gray-800"
+            >
+                <Pagination
+                    :links="resources.links"
+                    :from="resources.from"
+                    :to="resources.to"
+                    :total="resources.total"
+                    :current-page="resources.current_page"
+                    :last-page="resources.last_page"
+                    show-summary
+                />
+            </div>
+        </div>
+
+        <!-- Empty State -->
+        <EmptyState
+            v-else
+            title="All caught up!"
+            description="There are currently no pending resources awaiting review."
+        />
+
+        <!-- Reject Modal -->
+        <div
+            v-if="rejectModalOpen"
+            class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-xs"
+        >
+            <div
+                class="w-full max-w-md rounded-2xl border border-slate-200 bg-white p-6 shadow-xl dark:border-gray-800 dark:bg-gray-900"
+            >
+                <div
+                    class="flex items-center gap-3 text-red-600 dark:text-red-400"
+                >
+                    <AlertCircle class="h-6 w-6 shrink-0" />
+                    <h3
+                        class="text-lg font-bold text-slate-900 dark:text-gray-100"
+                    >
+                        Reject Resource
+                    </h3>
+                </div>
+
+                <p class="mt-2 text-sm text-slate-600 dark:text-gray-300">
+                    This resource will be marked as rejected and will remain
+                    hidden from students.
+                </p>
+
+                <div class="mt-4">
+                    <label
+                        class="block text-xs font-semibold text-slate-700 dark:text-gray-300"
+                    >
+                        Reason for rejection (optional feedback for author):
+                    </label>
+                    <textarea
+                        v-model="rejectionReason"
+                        rows="3"
+                        placeholder="e.g. Blurry photo, duplicate note, or guidelines violation..."
+                        class="mt-1.5 w-full rounded-xl border border-slate-200 bg-slate-50 p-3 text-sm text-slate-900 focus:border-amber-500 focus:ring-1 focus:ring-amber-500 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-100"
+                    ></textarea>
+                </div>
+
+                <div class="mt-6 flex justify-end gap-2.5">
+                    <button
+                        type="button"
+                        @click="closeRejectModal"
+                        class="cursor-pointer rounded-xl border border-slate-200 px-4 py-2 text-sm font-semibold text-slate-700 hover:bg-slate-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-gray-800"
+                    >
+                        Cancel
+                    </button>
+                    <button
+                        type="button"
+                        :disabled="isProcessing"
+                        @click="confirmReject"
+                        class="cursor-pointer rounded-xl bg-red-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 disabled:opacity-50"
+                    >
+                        Confirm Rejection
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
diff --git a/routes/admin.php b/routes/admin.php
index e38476ad..752711f2 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -78,6 +78,12 @@
 
 Route::delete('/resources/{resource}', [AdminResourceController::class, 'destroy'])->middleware('permission:delete resources');
 
+Route::middleware('permission:approve resources')->group(function () {
+    Route::get('/resources/pending', [AdminResourceController::class, 'pending'])->name('resources.pending');
+    Route::post('/resources/approve', [AdminResourceController::class, 'approve'])->name('resources.approve');
+    Route::post('/resources/{resource}/reject', [AdminResourceController::class, 'reject'])->name('resources.reject');
+});
+
 // Notice
 Route::middleware('permission:edit notice')->group(function () {
     Route::get('/notice', [AdminNoticeController::class, 'edit'])->name('notice.edit');