From 68ec1d37005b6f811a2b85271d4ac6b396134190 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Mon, 30 Mar 2026 16:50:09 +0700
Subject: [PATCH] feat: add submission-completed event to reset file input and
 preview after assignment submission and update UI labels

---
 .../Pages/SubmitAssignmentPage.php            |  2 ++
 .../assignments/submit-assignment.blade.php   | 25 ++++++++++++++++---
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/app/Filament/Resources/Learning/Assignments/Pages/SubmitAssignmentPage.php b/app/Filament/Resources/Learning/Assignments/Pages/SubmitAssignmentPage.php
index ef5c792..4fe05e8 100644
--- a/app/Filament/Resources/Learning/Assignments/Pages/SubmitAssignmentPage.php
+++ b/app/Filament/Resources/Learning/Assignments/Pages/SubmitAssignmentPage.php
@@ -230,6 +230,8 @@ public function submit(): void
 
         $this->file = null;
         unset($this->existingSubmission, $this->isResubmit);
+
+        $this->dispatch('submission-completed');
     }
 
     protected function getHeaderActions(): array
diff --git a/resources/views/filament/resources/learning/assignments/submit-assignment.blade.php b/resources/views/filament/resources/learning/assignments/submit-assignment.blade.php
index 307d2ce..4ec9f99 100644
--- a/resources/views/filament/resources/learning/assignments/submit-assignment.blade.php
+++ b/resources/views/filament/resources/learning/assignments/submit-assignment.blade.php
@@ -34,7 +34,7 @@ class="prose prose-sm dark:prose-invert max-w-none text-gray-600 dark:text-gray-
 
             @if ($this->record->hasMedia('assignments'))
                 <div class="mt-4 pt-4 border-t border-gray-100 dark:border-gray-700">
-                    <p class="text-xs font-medium text-gray-500 dark:text-gray-400 mb-2">Lampiran Tugas (PDF)</p>
+                    <p class="text-xs font-medium text-gray-500 dark:text-gray-400 mb-2">Lampiran Tugas</p>
                     <div
                         class="rounded-lg overflow-hidden border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900">
                         <iframe src="{{ $this->record->getFirstMediaUrl('assignments') }}" width="100%" height="500"
@@ -115,7 +115,7 @@ class="block border-0"></iframe>
                 <div class="space-y-4">
                     <div>
                         <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5">
-                            {{ $this->isResubmit ? 'Ganti File PDF (opsional)' : 'File Tugas (PDF)' }}
+                            {{ $this->isResubmit ? 'Ganti File PDF (opsional)' : 'File Tugas' }}
                             @if (!$this->isResubmit)
                                 <span class="text-danger-500">*</span>
                             @endif
@@ -164,19 +164,36 @@ class="block border-0"></iframe>
 @push('scripts')
     <script>
         document.addEventListener('DOMContentLoaded', function() {
+            // Function to reset preview
+            function resetPreview() {
+                var preview = document.getElementById('pdf-submission-preview');
+                var frame = document.getElementById('pdf-submission-frame');
+                if (preview) preview.classList.add('hidden');
+                if (frame) frame.src = '';
+            }
+
+            // Delegation for change event
             document.addEventListener('change', function(e) {
                 if (e.target && e.target.id === 'assignment-file') {
                     var file = e.target.files[0];
                     var preview = document.getElementById('pdf-submission-preview');
                     var frame = document.getElementById('pdf-submission-frame');
+
                     if (file && preview && frame) {
                         frame.src = URL.createObjectURL(file);
                         preview.classList.remove('hidden');
-                    } else if (preview) {
-                        preview.classList.add('hidden');
+                    } else {
+                        resetPreview();
                     }
                 }
             });
+
+            // Listen for the Livewire event after submission
+            window.addEventListener('submission-completed', function() {
+                var input = document.getElementById('assignment-file');
+                if (input) input.value = ''; 
+                resetPreview();
+            });
         });
     </script>
 @endpush