From 6cd48bf758536a31b0bcb2bb6c57a829cf9c0508 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Mon, 30 Mar 2026 13:26:11 +0700
Subject: [PATCH] feat: implement public assignment sharing functionality with
 dedicated controller and Filament action

---
 .../Actions/ShareAssignmentAction.php         |  54 ++++
 .../Pages/ListCourseSessions.php              |   7 +
 .../Controllers/ShareAssignmentController.php |  68 +++++
 .../learning/class-sessions/show.blade.php    |   1 +
 .../views/pages/share-assignment.blade.php    | 275 ++++++++++++++++++
 .../views/pages/share-attendance.blade.php    |   1 -
 routes/web.php                                |   2 +
 7 files changed, 407 insertions(+), 1 deletion(-)
 create mode 100644 app/Filament/Resources/Learning/ClassSessions/Actions/ShareAssignmentAction.php
 create mode 100644 app/Http/Controllers/ShareAssignmentController.php
 create mode 100644 resources/views/pages/share-assignment.blade.php

diff --git a/app/Filament/Resources/Learning/ClassSessions/Actions/ShareAssignmentAction.php b/app/Filament/Resources/Learning/ClassSessions/Actions/ShareAssignmentAction.php
new file mode 100644
index 0000000..5d02ca9
--- /dev/null
+++ b/app/Filament/Resources/Learning/ClassSessions/Actions/ShareAssignmentAction.php
@@ -0,0 +1,54 @@
+<?php
+
+namespace App\Filament\Resources\Learning\ClassSessions\Actions;
+
+use App\Models\ClassSession;
+use Filament\Actions\Action;
+use Illuminate\Support\Str;
+
+class ShareAssignmentAction extends Action
+{
+    public static function getDefaultName(): ?string
+    {
+        return 'shareAssignment';
+    }
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->label('Bagikan Tugas')
+            ->icon('heroicon-o-paper-airplane')
+            ->color('warning')
+            ->link()
+            ->action(function (array $arguments, $livewire) {
+                $course = $livewire->course;
+                if (empty($course->sharing_token)) {
+                    $course->update(['sharing_token' => Str::random(32)]);
+                }
+
+                $session = ClassSession::find($arguments['session'] ?? null);
+
+                $url = route('share.assignment', [
+                    'token' => $course->sharing_token,
+                    'session_id' => $session ? $session->id : null,
+                ]);
+
+                $text = "*Info Tugas Kelas {$course->name}*\nSesi ke-".($session->session_number ?? '-').' ('.($session->date->translatedFormat('d M Y') ?? '').")\n\nSilakan cek status pengumpulan tugas melalui tautan publik berikut:\n\n{$url}";
+
+                $escapedText = json_encode($text);
+
+                $livewire->js(
+                    <<<JS
+const text = {$escapedText};
+const url = 'https://wa.me/?text=' + encodeURIComponent(text);
+
+if (navigator.clipboard) {
+    navigator.clipboard.writeText(text).catch(() => {});
+}
+window.open(url, '_blank');
+JS
+                );
+            });
+    }
+}
diff --git a/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php b/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php
index 9df7b6f..edbe370 100644
--- a/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php
+++ b/app/Filament/Resources/Learning/ClassSessions/Pages/ListCourseSessions.php
@@ -7,6 +7,7 @@
 use App\Filament\Resources\Learning\ClassSessions\Actions\DeleteSessionAction;
 use App\Filament\Resources\Learning\ClassSessions\Actions\EditSessionAction;
 use App\Filament\Resources\Learning\ClassSessions\Actions\GenerateSessionsAction;
+use App\Filament\Resources\Learning\ClassSessions\Actions\ShareAssignmentAction;
 use App\Filament\Resources\Learning\ClassSessions\Actions\ShareAttendanceAction;
 use App\Filament\Resources\Learning\ClassSessions\Actions\ViewAssignmentDetailAction;
 use App\Filament\Resources\Learning\ClassSessions\Actions\ViewAssignmentsAction;
@@ -144,6 +145,7 @@ protected function getActions(): array
     {
         return [
             $this->shareAttendanceAction(),
+            $this->shareAssignmentAction(),
             $this->viewAttendanceAction(),
             $this->viewMaterialsAction(),
             $this->viewAssignmentsAction(),
@@ -159,6 +161,11 @@ public function shareAttendanceAction(): Action
         return ShareAttendanceAction::make();
     }
 
+    public function shareAssignmentAction(): Action
+    {
+        return ShareAssignmentAction::make();
+    }
+
     public function viewAttendanceAction(): Action
     {
         return ViewAttendanceAction::make();
diff --git a/app/Http/Controllers/ShareAssignmentController.php b/app/Http/Controllers/ShareAssignmentController.php
new file mode 100644
index 0000000..63331d8
--- /dev/null
+++ b/app/Http/Controllers/ShareAssignmentController.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Assignment;
+use App\Models\AssignmentSubmission;
+use App\Models\Course;
+use App\Models\Student;
+use Carbon\Carbon;
+use Illuminate\Contracts\View\View;
+use Illuminate\Http\Request;
+
+class ShareAssignmentController extends Controller
+{
+    public function show(Request $request, string $token): View
+    {
+        $course = Course::where('sharing_token', $token)->firstOrFail();
+
+        // Retrieve available assignments for the dropdown (from the whole course)
+        $availableAssignments = Assignment::where('course_id', $course->id)
+            ->with('classSession')
+            ->orderBy('created_at', 'desc')
+            ->get();
+
+        // Default: If session_id is provided, try to find an assignment for that session, or fallback to latest assignment.
+        $assignmentId = $request->query('assignment_id');
+        $sessionId = $request->query('session_id');
+
+        $assignment = null;
+        if ($assignmentId) {
+            $assignment = $availableAssignments->firstWhere('id', $assignmentId);
+        } elseif ($sessionId) {
+            $assignment = $availableAssignments->firstWhere('class_session_id', $sessionId) ?? $availableAssignments->first();
+        } else {
+            $assignment = $availableAssignments->first();
+        }
+
+        $sessionInfo = $assignment ? $assignment->classSession : null;
+
+        // Get submissions and calculate stats
+        $submissions = collect();
+        if ($assignment) {
+            $submissions = AssignmentSubmission::with(['student', 'media'])
+                ->where('assignment_id', $assignment->id)
+                ->get();
+        }
+
+        $totalStudents = Student::whereHas('user', fn ($q) => $q->active())->count();
+        $submittedCount = $submissions->count();
+        $submissionPercentage = $totalStudents > 0 ? round(($submittedCount / $totalStudents) * 100) : 0;
+
+        $formattedDeadline = $assignment && $assignment->due_date
+            ? Carbon::parse($assignment->due_date)->translatedFormat('l, d F Y H:i')
+            : '-';
+
+        return view('pages.share-assignment', compact(
+            'course',
+            'assignment',
+            'availableAssignments',
+            'sessionInfo',
+            'submissions',
+            'totalStudents',
+            'submittedCount',
+            'submissionPercentage',
+            'formattedDeadline'
+        ));
+    }
+}
diff --git a/resources/views/filament/resources/learning/class-sessions/show.blade.php b/resources/views/filament/resources/learning/class-sessions/show.blade.php
index 0cfd516..9c22b92 100644
--- a/resources/views/filament/resources/learning/class-sessions/show.blade.php
+++ b/resources/views/filament/resources/learning/class-sessions/show.blade.php
@@ -55,6 +55,7 @@
 
                     <div class="flex flex-wrap items-center gap-3 px-4 py-3 border-t border-gray-100 dark:border-gray-700">
                         {{ ($this->shareAttendanceAction)(['session' => $session->id]) }}
+                        {{ ($this->shareAssignmentAction)(['session' => $session->id]) }}
                         {{ ($this->viewAttendanceAction)(['session' => $session->id]) }}
                         {{ ($this->viewMaterialsAction)(['session' => $session->id]) }}
                         {{ ($this->viewAssignmentsAction)(['session' => $session->id]) }}
diff --git a/resources/views/pages/share-assignment.blade.php b/resources/views/pages/share-assignment.blade.php
new file mode 100644
index 0000000..ccada65
--- /dev/null
+++ b/resources/views/pages/share-assignment.blade.php
@@ -0,0 +1,275 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full antialiased font-sans">
+
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Tugas {{ $course->name }} - {{ config('app.name', 'MyClass') }}</title>
+        @vite(['resources/css/app.css', 'resources/js/app.js'])
+        <style>
+            .bg-grid {
+                background-size: 32px 32px;
+                background-image: linear-gradient(to right, rgba(230, 230, 230, 0.4) 1px, transparent 1px),
+                    linear-gradient(to bottom, rgba(230, 230, 230, 0.4) 1px, transparent 1px);
+            }
+
+            @media (prefers-color-scheme: dark) {
+                .bg-grid {
+                    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
+                        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
+                }
+            }
+
+            [x-cloak] {
+                display: none !important;
+            }
+        </style>
+    </head>
+
+    <body class="min-h-screen bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-gray-100 flex flex-col relative font-sans">
+
+        <!-- ERP Grid Background -->
+        <div class="fixed inset-0 z-0 pointer-events-none bg-grid"
+            style="mask-image: linear-gradient(to bottom, black, transparent); -webkit-mask-image: linear-gradient(to bottom, black, transparent);">
+        </div>
+
+        <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 w-full mb-12">
+            <!-- Header -->
+            <div
+                class="flex flex-col md:flex-row md:items-end justify-between gap-6 pb-6 mb-8 border-b border-gray-200 dark:border-gray-800">
+                <div class="space-y-1">
+                    <div class="flex items-center gap-2 mb-3">
+                        <span
+                            class="inline-flex items-center rounded-md bg-zinc-100 dark:bg-zinc-800 px-2 py-1 text-[11px] font-bold text-zinc-600 dark:text-zinc-300 ring-1 ring-inset ring-zinc-500/20 uppercase">
+                            {{ $course->code }}
+                        </span>
+                        <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">
+                            Semester Genap
+                        </span>
+                    </div>
+                    <h1 class="text-3xl font-extrabold text-gray-950 dark:text-white tracking-tight">{{ $course->name }}
+                    </h1>
+                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-1.5 mt-1">
+                        <x-heroicon-m-user class="w-4 h-4 opacity-70 shrink-0" />
+                        {{ $course->lecturer }}
+                    </p>
+                </div>
+            </div>
+
+            <!-- Main Grid -->
+            <div class="grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8">
+
+                <!-- Attendance -->
+                <div class="lg:col-span-8 flex flex-col gap-4">
+                    <div class="flex items-center justify-between px-1">
+                        <h2 class="text-base font-bold text-gray-950 dark:text-white tracking-tight uppercase">Daftar
+                            Pengumpulan</h2>
+                    </div>
+
+                    <div
+                        class="fi-card rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-sm flex flex-col overflow-hidden">
+                        <div class="overflow-x-auto">
+                            <table class="w-full text-left text-sm whitespace-nowrap">
+                                <thead
+                                    class="border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50">
+                                    <tr>
+                                        <th class="px-5 py-4 font-semibold text-gray-950 dark:text-white">Mahasiswa</th>
+                                        <th class="px-5 py-4 font-semibold text-gray-950 dark:text-white">Nomor Induk
+                                        </th>
+                                        <th class="px-5 py-4 font-semibold text-gray-950 dark:text-white">Hasil Tugas
+                                        </th>
+                                        <th class="px-5 py-4 font-semibold text-gray-950 dark:text-white text-right">
+                                            Waktu Pengumpulan</th>
+                                    </tr>
+                                </thead>
+                                <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
+                                    @forelse($submissions as $submission)
+                                        <tr class="hover:bg-gray-50/50 dark:hover:bg-gray-800/50 transition-colors">
+                                            <td class="px-5 py-4">
+                                                <div class="flex items-center gap-3">
+                                                    <div class="flex flex-col gap-0.5">
+                                                        <span
+                                                            class="font-bold text-gray-950 dark:text-white text-sm">{{ $submission->student->full_name }}</span>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td class="px-5 py-4">
+                                                <span class="text-gray-500 dark:text-gray-400 font-medium text-sm">
+                                                    {{ $submission->student->student_number }}
+                                                </span>
+                                            </td>
+                                            <td class="px-5 py-4">
+                                                <div class="flex flex-col gap-2 max-w-sm">
+
+                                                    @if ($submission->getMedia('submission')->count() > 0)
+                                                        <div class="flex flex-wrap gap-1.5 mt-1">
+                                                            @foreach ($submission->getMedia('submission') as $media)
+                                                                <button type="button" onclick="openPdfModal('{{ $media->getUrl() }}', '{{ addslashes($submission->student->full_name) }}')"
+                                                                    class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-primary-50 dark:bg-primary-500/10 hover:bg-primary-100 dark:hover:bg-primary-500/20 text-primary-600 dark:text-primary-400 border border-primary-200 dark:border-primary-500/20 text-[10px] font-bold uppercase tracking-widest transition-colors decoration-transparent shrink-0 focus:outline-none">
+                                                                    <x-heroicon-m-document-arrow-down
+                                                                        class="w-4 h-4 shrink-0" />
+                                                                    <span
+                                                                        class="truncate max-w-[150px]">{{ $media->file_name }}</span>
+                                                                </button>
+                                                            @endforeach
+                                                        </div>
+                                                    @else
+                                                        <span
+                                                            class="text-[10px] text-danger-500 uppercase tracking-widest font-bold italic mt-1">File
+                                                            tidak ditemukan</span>
+                                                    @endif
+                                                </div>
+                                            </td>
+                                            <td class="px-5 py-4 text-right align-top">
+                                                @php
+                                                    $isLate =
+                                                        $assignment &&
+                                                        $assignment->due_date &&
+                                                        $submission->submitted_at > $assignment->due_date;
+                                                @endphp
+                                                <div
+                                                    class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg {{ $isLate ? 'bg-amber-50 dark:bg-amber-500/10 text-amber-600 dark:text-amber-400' : 'bg-emerald-50 dark:bg-emerald-500/10 text-emerald-600 dark:text-emerald-400' }} font-bold text-[10px] uppercase tracking-widest">
+                                                    <span
+                                                        class="w-1.5 h-1.5 rounded-full {{ $isLate ? 'bg-amber-500' : 'bg-emerald-500' }}"></span>
+                                                    {{ $submission->submitted_at ? $submission->submitted_at->format('d M Y H:i') : '-' }}
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    @empty
+                                        <tr>
+                                            <td colspan="4" class="px-6 py-16 text-center">
+                                                <div
+                                                    class="mx-auto flex max-w-xs flex-col items-center justify-center text-center">
+                                                    <div
+                                                        class="mb-4 rounded-full bg-gray-100 dark:bg-gray-800 p-3 ring-1 ring-gray-200 dark:ring-gray-700">
+                                                        <x-heroicon-o-document-text
+                                                            class="h-6 w-6 text-gray-400 dark:text-gray-500" />
+                                                    </div>
+                                                    <h4 class="text-sm font-semibold text-gray-950 dark:text-white">
+                                                        Tidak ada pengumpulan</h4>
+                                                    <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Belum ada
+                                                        mahasiswa yang mengumpulkan tugas ini.</p>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    @endforelse
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Sidebar -->
+                <div class="lg:col-span-4 flex flex-col gap-8">
+
+                    <!-- Info Tugas -->
+                    <div class="flex flex-col gap-3">
+                        <h3
+                            class="text-[11px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest pl-1">
+                            Informasi Tugas</h3>
+
+                        <div
+                            class="fi-card rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-sm p-5 flex flex-col gap-5">
+                            <div class="flex flex-col gap-1">
+                                <label for="assignment-selector"
+                                    class="text-[10px] font-black text-gray-500 dark:text-gray-400 uppercase tracking-widest pl-1">
+                                    Pilih Tugas
+                                </label>
+                                <div class="relative">
+                                    <select id="assignment-selector" onchange="window.location.href = '?assignment_id=' + this.value"
+                                        class="w-full h-10 rounded-lg border-0 bg-white dark:bg-white/5 py-1.5 pl-3 pr-10 text-gray-950 dark:text-white font-medium shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-white/10 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6 transition-colors appearance-none cursor-pointer">
+                                        @foreach ($availableAssignments as $availableAssignment)
+                                            <option value="{{ $availableAssignment->id }}"
+                                                {{ $assignment && $assignment->id == $availableAssignment->id ? 'selected' : '' }}>
+                                                {{ Str::limit($availableAssignment->title, 40) }}
+                                            </option>
+                                        @endforeach
+                                    </select>
+                                </div>
+                            </div>
+
+                            <div class="border-t border-gray-100 dark:border-gray-800"></div>
+
+                            <div class="grid grid-cols-2 gap-4">
+                                <div class="flex flex-col gap-1 w-full relative">
+                                    <span
+                                        class="text-[10px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-widest mb-0.5">Terkumpul</span>
+                                    <span
+                                        class="text-sm font-bold text-gray-950 dark:text-white">{{ $submittedCount }}<span
+                                            class="text-[10px] text-gray-400 font-normal ml-0.5">/{{ $totalStudents }}</span>
+                                        Orang</span>
+
+                                    <div class="mt-2 flex items-center gap-2">
+                                        <div
+                                            class="h-1 flex-1 bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden">
+                                            <div class="h-full bg-info-500 rounded-full transition-all duration-500"
+                                                style="width: {{ $submissionPercentage }}%"></div>
+                                        </div>
+                                        <span
+                                            class="text-[9px] font-bold text-gray-500">{{ $submissionPercentage }}%</span>
+                                    </div>
+                                </div>
+                                <div class="flex flex-col gap-1 text-right">
+                                    <span
+                                        class="text-[10px] font-bold text-gray-400 dark:text-gray-500 uppercase tracking-widest mb-0.5">Batas
+                                        Pengumpulan</span>
+                                    <span class="text-sm font-bold text-gray-950 dark:text-white">
+                                        {{ $formattedDeadline }}
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- PDF Modal -->
+    <div id="pdf-modal" class="hidden relative z-[100]" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+        <div class="fixed inset-0 bg-gray-950/80 backdrop-blur-sm transition-opacity cursor-pointer" onclick="closePdfModal()"></div>
+
+        <div class="fixed inset-0 z-10 w-screen overflow-y-auto pointer-events-none">
+            <div class="flex min-h-full items-center justify-center p-4 sm:p-6">
+                <div class="relative transform overflow-hidden rounded-2xl bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 shadow-2xl w-full max-w-5xl h-[85vh] flex flex-col pointer-events-auto">
+                    
+                    <div class="flex items-center justify-between px-5 py-3 border-b border-gray-100 dark:border-gray-800 bg-gray-50/50 dark:bg-gray-900/50">
+                        <h3 class="text-sm font-bold text-gray-900 dark:text-white truncate pr-4" id="modal-title">Title</h3>
+                        <button type="button" onclick="closePdfModal()" class="rounded-full bg-white dark:bg-gray-800 p-2 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 ring-1 ring-inset ring-gray-200 dark:ring-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition focus:outline-none">
+                            <span class="sr-only">Tutup</span>
+                            <x-heroicon-m-x-mark class="w-4 h-4" />
+                        </button>
+                    </div>
+                    
+                    <div class="flex-1 bg-gray-100 dark:bg-gray-950 p-2 sm:p-4">
+                        <iframe id="pdf-iframe" src="" class="w-full h-full rounded-xl border-2 border-dashed border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 shadow-inner" frameborder="0" allowfullscreen></iframe>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        function openPdfModal(url, title) {
+            document.getElementById('pdf-modal').classList.remove('hidden');
+            document.getElementById('pdf-iframe').src = url;
+            document.getElementById('modal-title').innerText = title;
+            document.body.style.overflow = 'hidden';
+        }
+
+        function closePdfModal() {
+            document.getElementById('pdf-modal').classList.add('hidden');
+            document.getElementById('pdf-iframe').src = '';
+            document.body.style.overflow = '';
+        }
+
+        document.addEventListener('keydown', function(event) {
+            if (event.key === 'Escape') {
+                closePdfModal();
+            }
+        });
+    </script>
+</body>
+
+</html>
diff --git a/resources/views/pages/share-attendance.blade.php b/resources/views/pages/share-attendance.blade.php
index 7693bcb..82c35ee 100644
--- a/resources/views/pages/share-attendance.blade.php
+++ b/resources/views/pages/share-attendance.blade.php
@@ -105,7 +105,6 @@ class="font-bold text-gray-950 dark:text-white text-sm">{{ $attendance->student-
                                                     class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-emerald-50 dark:bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 font-bold text-[10px] uppercase tracking-widest">
                                                     <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
                                                     {{ $attendance->attended_at ? $attendance->attended_at->format('H:i') : '-' }}
-                                                    WIB
                                                 </div>
                                             </td>
                                         </tr>
diff --git a/routes/web.php b/routes/web.php
index 673a976..5247a16 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\ShareAssignmentController;
 use App\Http\Controllers\ShareAttendanceController;
 use Illuminate\Support\Facades\Route;
 
@@ -8,3 +9,4 @@
 });
 
 Route::get('/share/presensi/{token}', [ShareAttendanceController::class, 'show'])->name('share.attendance');
+Route::get('/share/tugas/{token}', [ShareAssignmentController::class, 'show'])->name('share.assignment');