From e994adf5dc8b6c63002e81c7d3f2179fd162e7cd Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 1 Apr 2026 13:43:22 +0700
Subject: [PATCH] feat: display student assignment submissions in the session
 modal and add submission factory

---
 .../Pages/ListCourseSessions.php              |  9 +-
 .../factories/AssignmentSubmissionFactory.php | 28 ++++++
 .../assignments-modal.blade.php               | 89 ++++++++++++++-----
 tests/Feature/ClassSessionTest.php            | 25 ++++++
 4 files changed, 126 insertions(+), 25 deletions(-)
 create mode 100644 database/factories/AssignmentSubmissionFactory.php

diff --git a/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php b/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php
index 6ede154..9e203a5 100644
--- a/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php
+++ b/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php
@@ -212,13 +212,20 @@ public function viewAssignmentsAction(): Action
             ->modalWidth(Width::TwoExtraLarge)
             ->modalContent(fn (array $arguments) => view('filament.resources.learning.class-sessions.assignments-modal', [
                 'assignments' => ClassSession::find($arguments['session'] ?? null, ['*'])?->assignments()
+                    ->with(['assignmentSubmissions.student'])
                     ->latest()
                     ->get()
                     ->map(fn ($a) => (object) [
                         'id' => $a->id,
                         'title' => $a->title,
                         'type_label' => $a->type?->getLabel() ?? 'Tugas',
-                        'due_date_formatted' => $a->due_date?->translatedFormat('d F Y, H:i') ?? '-',
+                        'due_date_formatted' => $a->due_date?->translatedFormat('d F Y H:i') ?? '-',
+                        'submissions' => $a->assignmentSubmissions->map(fn ($s) => (object) [
+                            'student_name' => $s->student->full_name,
+                            'student_number' => $s->student->student_number,
+                            'submitted_at_formatted' => $s->submitted_at?->translatedFormat('d F Y H:i') ?? '-',
+                            'id' => $s->id,
+                        ]),
                     ]) ?? collect(),
             ]));
     }
diff --git a/database/factories/AssignmentSubmissionFactory.php b/database/factories/AssignmentSubmissionFactory.php
new file mode 100644
index 0000000..83c3148
--- /dev/null
+++ b/database/factories/AssignmentSubmissionFactory.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Assignment;
+use App\Models\AssignmentSubmission;
+use App\Models\Student;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<AssignmentSubmission>
+ */
+class AssignmentSubmissionFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'assignment_id' => Assignment::factory(),
+            'student_id' => Student::factory(),
+            'submitted_at' => now(),
+        ];
+    }
+}
diff --git a/resources/views/filament/resources/learning/class-sessions/assignments-modal.blade.php b/resources/views/filament/resources/learning/class-sessions/assignments-modal.blade.php
index b759c5b..b52f03f 100644
--- a/resources/views/filament/resources/learning/class-sessions/assignments-modal.blade.php
+++ b/resources/views/filament/resources/learning/class-sessions/assignments-modal.blade.php
@@ -1,32 +1,72 @@
-<div class="space-y-4 py-2">
+<div class="space-y-6 py-2">
     @forelse($assignments as $assignment)
-        <div
-            class="flex items-center justify-between p-3 rounded-lg border border-gray-100 dark:border-white/5 bg-gray-50/50 dark:bg-white/5 hover:bg-white dark:hover:bg-white/10 transition-colors shadow-sm">
-            <div class="flex items-center gap-3">
-                <div class="p-2 rounded-lg bg-primary-100 dark:bg-primary-900/20 text-primary-600 dark:text-primary-400">
-                    <x-heroicon-o-pencil-square class="w-5 h-5" />
-                </div>
-                <div class="flex flex-col">
-                    <span
-                        class="font-bold text-gray-900 dark:text-white leading-tight uppercase font-mono text-[11px] mb-0.5 tracking-tight text-primary-600/60 dark:text-primary-400/50 block">
-                        {{ $assignment->type_label }}
-                    </span>
-                    <span class="font-bold text-gray-900 dark:text-white leading-tight">{{ $assignment->title }}</span>
-                    <div class="flex items-center gap-1.5 mt-0.5">
-                        <x-heroicon-o-clock class="w-3.5 h-3.5 text-gray-400 dark:text-gray-500" />
-                        <span class="text-[10px] text-gray-500 dark:text-gray-400 font-medium uppercase tracking-tight">
-                            Deadline: {{ $assignment->due_date_formatted }}
+        <div class="space-y-3">
+            <div
+                class="flex items-center justify-between p-3 rounded-lg border border-gray-100 dark:border-white/5 bg-gray-50/50 dark:bg-white/5 shadow-sm">
+                <div class="flex items-center gap-3">
+                    <div class="p-2 rounded-lg bg-primary-100 dark:bg-primary-900/20 text-primary-600 dark:text-primary-400">
+                        <x-heroicon-o-pencil-square class="w-5 h-5" />
+                    </div>
+                    <div class="flex flex-col">
+                        <span
+                            class="font-bold text-gray-900 dark:text-white leading-tight uppercase font-mono text-[11px] mb-0.5 tracking-tight text-primary-600/60 dark:text-primary-400/50 block">
+                            {{ $assignment->type_label }}
                         </span>
+                        <span class="font-bold text-gray-900 dark:text-white leading-tight">{{ $assignment->title }}</span>
+                        <div class="flex items-center gap-1.5 mt-0.5">
+                            <x-heroicon-o-clock class="w-3.5 h-3.5 text-gray-400 dark:text-gray-500" />
+                            <span class="text-[10px] text-gray-500 dark:text-gray-400 font-medium uppercase tracking-tight">
+                                Deadline: {{ $assignment->due_date_formatted }}
+                            </span>
+                        </div>
                     </div>
                 </div>
             </div>
-            <div class="flex items-center gap-2">
-                <a href="{{ \App\Filament\Resources\Learning\Assignments\AssignmentResource::getUrl('submit', ['record' => $assignment->id]) }}"
-                    class="p-1.5 rounded-full hover:bg-gray-200 dark:hover:bg-white/10 text-gray-500 transition-colors"
-                    title="Lihat Detail">
-                    <x-heroicon-o-chevron-right class="w-5 h-5" />
-                </a>
-            </div>
+
+            @if ($assignment->submissions->count() > 0)
+                <div
+                    class="fi-ta-content overflow-x-auto overflow-y-auto max-h-60 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 ring-1 ring-gray-950/5 dark:ring-white/10">
+                    <table class="w-full text-sm text-left divide-y divide-gray-200 dark:divide-white/5">
+                        <thead class="bg-gray-50 dark:bg-gray-800 sticky top-0 z-10">
+                            <tr>
+                                <th class="px-4 py-2.5 font-bold text-gray-900 dark:text-white">Mahasiswa</th>
+                                <th class="px-4 py-2.5 font-bold text-gray-900 dark:text-white text-right">Waktu Unggah</th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-200 dark:divide-white/5">
+                            @foreach ($assignment->submissions as $submission)
+                                <tr class="hover:bg-gray-50 dark:hover:bg-white/5 transition-colors">
+                                    <td class="px-4 py-2.5 text-gray-950 dark:text-white font-medium">
+                                        <div class="flex flex-col">
+                                            <span class="text-sm">{{ $submission->student_name }}</span>
+                                            <span class="text-[10px] text-gray-500 dark:text-gray-400 font-normal uppercase tabular-nums">
+                                                NIM: {{ $submission->student_number }}
+                                            </span>
+                                        </div>
+                                    </td>
+                                    <td class="px-4 py-2.5 text-right">
+                                        <span
+                                            class="inline-flex items-center rounded-md bg-success-50 dark:bg-success-400/10 px-2 py-0.5 text-xs font-bold text-success-700 dark:text-success-400 ring-1 ring-inset ring-success-600/20 tabular-nums">
+                                            {{ $submission->submitted_at_formatted }}
+                                        </span>
+                                    </td>
+                                </tr>
+                            @endforeach
+                        </tbody>
+                    </table>
+                </div>
+                <div class="px-2">
+                    <p class="text-[10px] text-gray-500 font-medium uppercase tracking-wider">
+                        Total Pengumpulan: <span class="text-primary-600 dark:text-primary-400 font-bold font-mono">{{ $assignment->submissions->count() }}
+                            Mahasiswa</span>
+                    </p>
+                </div>
+            @else
+                <div class="flex flex-col items-center justify-center p-6 border border-dashed rounded-xl border-gray-200 dark:border-white/10 bg-gray-50/50 dark:bg-white/5">
+                    <x-heroicon-o-document-minus class="w-8 h-8 text-gray-400 dark:text-gray-600 mb-2" />
+                    <p class="text-xs text-gray-500 dark:text-gray-400 font-medium">Belum ada pengumpulan untuk tugas ini.</p>
+                </div>
+            @endif
         </div>
     @empty
         <x-filament::empty-state icon="heroicon-o-clipboard-document" heading="Tidak ada data yang ditemukan"
@@ -34,3 +74,4 @@ class="p-1.5 rounded-full hover:bg-gray-200 dark:hover:bg-white/10 text-gray-500
         </x-filament::empty-state>
     @endforelse
 </div>
+
diff --git a/tests/Feature/ClassSessionTest.php b/tests/Feature/ClassSessionTest.php
index 3212e44..ab7a5f6 100644
--- a/tests/Feature/ClassSessionTest.php
+++ b/tests/Feature/ClassSessionTest.php
@@ -3,9 +3,12 @@
 use App\Enums\RoleEnum;
 use App\Filament\Resources\Learning\ClassSessions\Pages\ListCourseSessions;
 use App\Filament\Resources\Learning\ClassSessions\Pages\ManageClassSessions;
+use App\Models\Assignment;
+use App\Models\AssignmentSubmission;
 use App\Models\ClassSession;
 use App\Models\Course;
 use App\Models\CourseSchedule;
+use App\Models\Student;
 use App\Models\User;
 use App\Settings\GeneralSettings;
 use Illuminate\Database\Eloquent\Relations\HasMany;
@@ -173,6 +176,28 @@
             ->assertActionVisible('viewMaterials')
             ->assertActionVisible('viewAssignments');
     });
+
+    it('shows student submissions in the assignment modal', function () {
+        $course = Course::factory()->create(['semester' => $this->currentSemester]);
+        $session = ClassSession::factory()->create(['course_id' => $course->id]);
+        $assignment = Assignment::factory()->create([
+            'title' => 'Test Assignment Label',
+            'class_session_id' => $session->id,
+            'course_id' => $course->id,
+        ]);
+
+        $student = Student::factory()->create(['full_name' => 'John Doe', 'student_number' => '1234567890']);
+        AssignmentSubmission::factory()->create([
+            'assignment_id' => $assignment->id,
+            'student_id' => $student->id,
+            'submitted_at' => now(),
+        ]);
+
+        Livewire::test(ListCourseSessions::class, ['courseId' => $course->id])
+            ->mountAction('viewAssignments', ['session' => $session->id])
+            ->assertActionMounted('viewAssignments')
+            ->assertSuccessful();
+    });
 });
 
 describe('Search and Dashboard Filter', function () {