From cc6a0f1bab9e8488dd62c25220865a853373a772 Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Tue, 1 Apr 2025 11:24:34 +0700
Subject: [PATCH] create: add validation modal for assessment

---
 .../assessments/modals/confirmation.blade.php | 48 +++++++++++++++++++
 .../modals/unanswered_warning.blade.php       | 18 +++++++
 2 files changed, 66 insertions(+)
 create mode 100644 Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/confirmation.blade.php
 create mode 100644 Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/unanswered_warning.blade.php

diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/confirmation.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/confirmation.blade.php
new file mode 100644
index 0000000..95fe7e7
--- /dev/null
+++ b/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/confirmation.blade.php	
@@ -0,0 +1,48 @@
+<!-- Modal Konfirmasi -->
+<div class="modal fade" id="confirmSubmitModal" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Konfirmasi Pengumpulan</h5>
+                <button type="button" class="close" data-dismiss="modal">&times;</button>
+            </div>
+            <div class="modal-body">
+                Apakah Anda yakin ingin menyelesaikan asesmen ini? Jawaban yang sudah disimpan akan diproses.
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                <button type="button" class="btn btn-primary" onclick="submitAssessment()">Ya, Selesaikan</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Skrip JavaScript untuk Submit Assessment -->
+<script>
+    function submitAssessment() {
+        var assessmentId = {{ $assessment->id ?? 'null' }}; // Pastikan ID ada
+
+        if (!assessmentId) {
+            alert("Terjadi kesalahan: ID asesmen tidak ditemukan.");
+            return;
+        }
+
+        $.ajax({
+            url: "/literacy/student/assessment/submit/" + assessmentId, // Perbaiki URL sesuai route
+            type: "POST",
+            headers: {
+                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content') // Pastikan CSRF Token dikirim
+            },
+            success: function(response) {
+                alert(response.message);
+                window.location.href = "/literacy/student/assessments"; // Redirect ke halaman indeks asesmen
+            },
+            error: function(xhr) {
+                console.error(xhr);
+                alert(xhr.responseJSON?.error || "Gagal menyelesaikan asesmen.");
+            }
+        });
+
+        $('#confirmSubmitModal').modal('hide'); // Tutup modal setelah klik tombol
+    }
+</script>
\ No newline at end of file
diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/unanswered_warning.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/unanswered_warning.blade.php
new file mode 100644
index 0000000..3d5d438
--- /dev/null
+++ b/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/modals/unanswered_warning.blade.php	
@@ -0,0 +1,18 @@
+<!-- Modal Peringatan Soal Belum Dijawab -->
+<div class="modal fade" id="unansweredWarningModal" tabindex="-1" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="unansweredWarningModalLabel">Soal Belum Terjawab</h5>
+                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <p>Anda masih memiliki <strong><span id="unansweredCount"></span></strong> soal yang belum dijawab.</p>
+                <p>Silakan selesaikan terlebih dahulu sebelum mengumpulkan asesmen.</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Kembali</button>
+            </div>
+        </div>
+    </div>
+</div>