From d477264af5a7bebcdc11c8f7cecbeca1a06e8dd4 Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Sat, 12 Apr 2025 10:37:23 +0700
Subject: [PATCH] update: delete label material on manage questions

---
 .../teacher/questions/index.blade.php         |  65 +---
 .../teacher/questions/modals/create.blade.php |  26 +-
 .../teacher/questions/modals/detail.blade.php |  10 +-
 .../teacher/questions/modals/edit.blade.php   | 291 ++----------------
 4 files changed, 66 insertions(+), 326 deletions(-)

diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/index.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/index.blade.php
index 3b08d81..9d1e764 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/index.blade.php	
+++ b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/index.blade.php	
@@ -337,9 +337,6 @@
                 <div class="content">
                     <p style="font-size: 24px; font-weight: 500; color: #34364A;">Manage Questions</p>
                     <div class="container mt-4">
-                        <h3>Manage Questions</h3>
-                        <p>This is the content for managing assessment questions.</p>
-
                         <div class="d-flex gap-2 mb-3">
                             <button class="btn btn-dark" data-toggle="modal" data-target="#modalTambahPertanyaan">
                                 + Tambah Soal
@@ -405,40 +402,6 @@
                         </div>
                     </div>
                 </div>
-
-                <div id="settings" class="content" style="display: none;">
-                    <h1>Settings</h1>
-                    <p>Possible account settings
-                        needed<br>during the learning process</p>
-
-                    <div class="container">
-                        <div class="row">
-                            <div class="col">
-                                <div class="custom-card">
-                                    <img src="./images/profile.png" alt="Image 1" class="circle-image">
-                                    <h2 class="custom-title">My Profile</h2>
-                                    <p class="custom-subtitle">Ubah data diri kamu</p>
-                                    {{-- <button type="button" class="btn btn-primary custom-button">
-                                        <p class="button-text">Edit Now</p>
-                                    </button> --}}
-                                    <div class="custom-button">
-                                        <p class="button-text">Edit Now</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col">
-                                <div class="custom-card">
-                                    <img src="./images/my-password.png" alt="Image 2" class="circle-image">
-                                    <h2 class="custom-title">My Password</h2>
-                                    <p class="custom-subtitle">Ganti kata sandimu</p>
-                                    <div class="custom-button">
-                                        <p class="button-text">Change Now</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
             </main>
         </div>
     </div>
@@ -683,20 +646,20 @@ function showContent(contentId) {
                 "paging": true,
                 "ordering": true,
                 "info": true,
-                dom: 'Bfrtip', // Needs to include 'B' for buttons
-                buttons: [
-                    {
-                        extend: 'excelHtml5',
-                        text: 'Export to Excel',
-                        title: 'Data Export REACT',
-                        filename: 'react_data_export_topic_finished_student_' + new Date().toLocaleDateString() + '_' + new Date().toLocaleTimeString(),
-                        customize: function (xlsx) {
-                            var sheet = xlsx.xl.worksheets['sheet1.xml'];
-                            // Customizations go here
-                        }
-                    },
-                    'pdf',
-                ]
+                // dom: 'Bfrtip', // Needs to include 'B' for buttons
+                // buttons: [
+                //     {
+                //         extend: 'excelHtml5',
+                //         text: 'Export to Excel',
+                //         title: 'Data Export REACT',
+                //         filename: 'react_data_export_topic_finished_student_' + new Date().toLocaleDateString() + '_' + new Date().toLocaleTimeString(),
+                //         customize: function (xlsx) {
+                //             var sheet = xlsx.xl.worksheets['sheet1.xml'];
+                //             // Customizations go here
+                //         }
+                //     },
+                //     'pdf',
+                // ]
             });
             $('#studentSubmissionTable').DataTable({
                 // Configuration options
diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/create.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/create.blade.php
index 32b4660..29bb59c 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/create.blade.php	
+++ b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/create.blade.php	
@@ -9,16 +9,16 @@
             <form action="{{ route('literacy_questions_store') }}" method="POST" id="questionForm">
                 @csrf
                 <div class="modal-body">
-                    <!-- Pilihan Materi -->
+                    {{-- <!-- Pilihan Materi -->
                     <div class="mb-3">
                         <label for="material_id" class="form-label">Materi</label>
                         <select name="material_id" class="form-control" required>
                             <option value="">Pilih Materi</option>
                             @foreach ($materials as $material)
-                                <option value="{{ $material->id }}">{{ $material->title }}</option>
+                            <option value="{{ $material->id }}">{{ $material->title }}</option>
                             @endforeach
                         </select>
-                    </div>
+                    </div> --}}
 
                     <!-- Teks Pertanyaan -->
                     <div class="mb-3">
@@ -114,13 +114,19 @@ function toggleFields() {
         function addNewOption() {
             let optionsCount = document.querySelectorAll(".option-group").length; // Hitung ulang indeks
             let div = document.createElement("div");
-            div.classList.add("option-group", "mb-2", "d-flex", "align-items-center");
+            div.classList.add("option-group", "mb-2", "d-flex", "align-items-center", "gap-2"); // Tambahkan gap agar lebih rapi
             div.innerHTML = `
-                <input type="text" name="options[${optionsCount}][text]" class="form-control me-2 option-text" style="width: 40%;" placeholder="Opsi ${optionsCount + 1}" required>
-                <input type="number" name="options[${optionsCount}][score]" class="form-control me-2 option-score" style="width: 20%;" placeholder="Skor" min="0" max="100" required>
-                <input type="checkbox" name="options[${optionsCount}][is_correct]" value="1" class="ms-2 correct-answer"> Jawaban Benar
-                <button type="button" class="btn btn-danger btn-sm ms-2 remove-option">X</button>
-            `;
+        <input type="text" name="options[${optionsCount}][text]" class="form-control me-2 option-text" style="width: 40%;" placeholder="Opsi ${optionsCount + 1}" required>
+        <input type="number" name="options[${optionsCount}][score]" class="form-control me-2 option-score" style="width: 20%;" placeholder="Skor" min="0" max="100" required>
+
+        <!-- Tambahkan margin kiri pada label -->
+        <label class="d-flex align-items-center ms-2">
+            <input type="checkbox" name="options[${optionsCount}][is_correct]" value="1" class="correct-answer me-1">
+            <span>Benar</span>
+        </label>
+
+        <button type="button" class="btn btn-danger btn-sm ms-2 remove-option">X</button>
+    `;
             answerOptions.appendChild(div);
 
             // Tambahkan event listener untuk tombol hapus opsi
@@ -171,4 +177,4 @@ function validateForm() {
         // Inisialisasi awal
         toggleFields();
     });
-</script>
+</script>
\ No newline at end of file
diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/detail.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/detail.blade.php
index 55ea31b..894ac29 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/detail.blade.php	
+++ b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/detail.blade.php	
@@ -8,13 +8,11 @@
             </div>
             <div class="modal-body">
                 <div class="mb-3">
-                    <label class="form-label">Materi:</label>
-                    <div class="form-control bg-light">{{ $question->material->title }}</div>
+                    <label class="form-label">Pertanyaan:</label>
+                    <textarea class="form-control bg-light" readonly
+                        style="height: 150px !important; overflow-y: auto !important; resize: none !important;">{{ $question->question_text }}</textarea>
+                    </textarea>
                 </div>
-                <textarea class="form-control bg-light" readonly
-                    style="height: 150px !important; overflow-y: auto !important; resize: none !important;">
-                    {{ $question->question_text }}
-                </textarea>
                 <div class="mb-3">
                     <label class="form-label">Tipe Pertanyaan:</label>
                     <div class="form-control bg-light">
diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/edit.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/edit.blade.php
index 79d216b..25b99e4 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/edit.blade.php	
+++ b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/modals/edit.blade.php	
@@ -1,141 +1,3 @@
-{{-- <!-- Modal Edit Pertanyaan -->
-<div class="modal fade" id="modalEditPertanyaan{{ $question->id }}" tabindex="-1" role="dialog">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title">Edit Pertanyaan</h5>
-                <button type="button" class="close" data-dismiss="modal">&times;</button>
-            </div>
-            <form action="{{ route('literacy_questions_update', $question->id) }}" method="POST" id="editQuestionForm">
-                @csrf
-                @method('PUT')
-                <input type="hidden" name="question_id" id="edit_question_id" value="{{ $question->id }}">
-                <div class="modal-body">
-                    <!-- Pilihan Materi -->
-                    <div class="mb-3">
-                        <label for="edit_material_id" class="form-label">Materi</label>
-                        <select name="material_id" id="edit_material_id" class="form-control" required>
-                            <option value="">Pilih Materi</option>
-                            @foreach ($materials as $material)
-                            <option value="{{ $material->id }}" {{ $question->material_id == $material->id ? 'selected'
-                                : '' }}>
-                                {{ $material->title }}
-                            </option>
-                            @endforeach
-                        </select>
-                    </div>
-
-                    <!-- Teks Pertanyaan -->
-                    <div class="mb-3">
-                        <label for="edit_question_text" class="form-label">Teks Pertanyaan</label>
-                        <textarea name="question_text" id="edit_question_text" class="form-control"
-                            required>{{ $question->question_text }}</textarea>
-                    </div>
-
-                    <!-- Tipe Pertanyaan -->
-                    <div class="mb-3">
-                        <label for="edit_questionType" class="form-label">Tipe Pertanyaan</label>
-                        <select name="type" class="form-control" id="edit_questionType" required>
-                            <option value="multiple_choice" {{ $question->type == 'multiple_choice' ? 'selected' : ''
-                                }}>Pilihan Ganda</option>
-                            <option value="essay" {{ $question->type == 'essay' ? 'selected' : '' }}>Isian</option>
-                        </select>
-                    </div>
-
-                    <!-- Opsi Jawaban (Untuk Pilihan Ganda) -->
-                    <div id="edit_multipleChoiceOptions" class="mb-3">
-                        <label class="form-label">Opsi Jawaban</label>
-                        <div id="edit_answerOptions">
-                            @foreach ($question->options as $index => $option)
-                            <div class="edit-option-group mb-2 d-flex align-items-center">
-                                <input type="text" name="options[{{ $index }}][option_text]"
-                                    class="form-control me-2 edit-option-text" style="width: 40%;"
-                                    value="{{ $option->option_text }}" required>
-                                <input type="number" name="options[{{ $index }}][score]"
-                                    class="form-control me-2 edit-option-score" style="width: 20%;"
-                                    value="{{ $option->score }}" min="0" max="100" required>
-                                <input type="checkbox" name="options[{{ $index }}][is_correct]" value="1"
-                                    class="ms-2 edit-correct-answer" {{ $option->is_correct ? 'checked' : '' }}> Jawaban
-                                Benar
-                                <button type="button" class="btn btn-danger btn-sm ms-2 edit-remove-option">X</button>
-                            </div>
-                            @endforeach
-                        </div>
-                        <button type="button" class="btn btn-success btn-sm" id="edit_addOption">+ Tambah Opsi</button>
-                    </div>
-
-                    <!-- Skor untuk pertanyaan Isian -->
-                    <div id="edit_essayScoreField" class="mb-3">
-                        <label for="edit_essay_score" class="form-label">Skor untuk Isian</label>
-                        <input type="number" name="essay_score" id="edit_essay_score" class="form-control" min="0"
-                            max="100" value="{{ $question->essay_score ?? '' }}" placeholder="Masukkan skor">
-                    </div>
-
-                    <!-- Jawaban untuk Isian -->
-                    <div id="edit_essayReferenceAnswerField" class="mb-3">
-                        <label for="edit_essay_answer" class="form-label">Jawaban Isian</label>
-                        <textarea name="essay_answer" id="edit_essay_answer" class="form-control"
-                            placeholder="Masukkan jawaban referensi">{{ $question->essay_answer ?? '' }}</textarea>
-                    </div>
-                </div>
-
-                <div class="modal-footer">
-                    <button type="submit" class="btn btn-primary" id="edit_saveButton">Simpan Perubahan</button>
-                </div>
-            </form>
-        </div>
-    </div>
-</div>
-
-<script>
-    document.addEventListener("DOMContentLoaded", function () {
-        const editQuestionType = document.getElementById("edit_questionType");
-        const editMultipleChoiceOptions = document.getElementById("edit_multipleChoiceOptions");
-        const editAnswerOptions = document.getElementById("edit_answerOptions");
-        const editAddOptionBtn = document.getElementById("edit_addOption");
-        const editEssayScoreField = document.getElementById("edit_essayScoreField");
-        const editEssayReferenceAnswerField = document.getElementById("edit_essayReferenceAnswerField");
-
-        function toggleEditFields() {
-            if (editQuestionType.value === "multiple_choice") {
-                editMultipleChoiceOptions.style.display = "block";
-                editEssayScoreField.style.display = "none";
-                editEssayReferenceAnswerField.style.display = "none";
-            } else {
-                editMultipleChoiceOptions.style.display = "none";
-                editEssayScoreField.style.display = "block";
-                editEssayReferenceAnswerField.style.display = "block";
-            }
-        }
-
-        editQuestionType.addEventListener("change", toggleEditFields);
-        toggleEditFields();
-
-        editAddOptionBtn.addEventListener("click", function () {
-            let index = document.querySelectorAll(".edit-option-group").length;
-            let div = document.createElement("div");
-            div.classList.add("edit-option-group", "mb-2", "d-flex", "align-items-center");
-            div.innerHTML = `
-                <input type="text" name="options[${index}][text]" class="form-control me-2 edit-option-text" style="width: 40%;" placeholder="Opsi ${index + 1}" required>
-                <input type="number" name="options[${index}][score]" class="form-control me-2 edit-option-score" style="width: 20%;" placeholder="Skor" min="0" max="100" required>
-                <input type="checkbox" name="options[${index}][is_correct]" value="1" class="ms-2 edit-correct-answer"> Jawaban Benar
-                <button type="button" class="btn btn-danger btn-sm ms-2 edit-remove-option">X</button>
-            `;
-            editAnswerOptions.appendChild(div);
-            div.querySelector(".edit-remove-option").addEventListener("click", function () {
-                div.remove();
-            });
-        });
-
-        document.querySelectorAll(".edit-remove-option").forEach(button => {
-            button.addEventListener("click", function () {
-                this.parentElement.remove();
-            });
-        });
-    });
-</script> --}}
-
-
 <!-- Modal Edit Pertanyaan -->
 <div class="modal fade" id="modalEditPertanyaan{{ $question->id }}" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document">
@@ -150,44 +12,46 @@ function toggleEditFields() {
                 <input type="hidden" name="question_id" value="{{ $question->id }}">
 
                 <div class="modal-body">
-                    <!-- Pilihan Materi -->
-                    <div class="mb-3">
-                        <label for="material_id" class="form-label">Materi</label>
-                        <select name="material_id" class="form-control" required>
-                            <option value="">Pilih Materi</option>
-                            @foreach ($materials as $material)
-                                <option value="{{ $material->id }}" {{ $question->material_id == $material->id ? 'selected' : '' }}>
-                                    {{ $material->title }}
-                                </option>
-                            @endforeach
-                        </select>
-                    </div>
                     <!-- Teks Pertanyaan -->
                     <div class="mb-3">
-                        <label for="edit_question_text" class="form-label">Teks Pertanyaan</label>
-                        <textarea name="question_text" class="form-control" required>{{ $question->question_text }}</textarea>
+                        <label for="edit_question_text" class="form-label">Pertanyaan</label>
+                        <textarea name="question_text" class="form-control"
+                            required>{{ $question->question_text }}</textarea>
                     </div>
 
                     <!-- Tipe Pertanyaan -->
                     <div class="mb-3">
                         <label for="edit_questionType" class="form-label">Tipe Pertanyaan</label>
                         <select name="type" class="form-control edit_questionType" required>
-                            <option value="multiple_choice" {{ $question->type == 'multiple_choice' ? 'selected' : '' }}>Pilihan Ganda</option>
+                            <option value="multiple_choice" {{ $question->type == 'multiple_choice' ? 'selected' : '' }}>
+                                Pilihan Ganda</option>
                             <option value="essay" {{ $question->type == 'essay' ? 'selected' : '' }}>Isian</option>
                         </select>
                     </div>
 
                     <!-- Opsi Jawaban -->
-                    <div class="mb-3 edit_multipleChoiceOptions" style="display: {{ $question->type == 'multiple_choice' ? 'block' : 'none' }};">
+                    <div class="mb-3 edit_multipleChoiceOptions"
+                        style="display: {{ $question->type == 'multiple_choice' ? 'block' : 'none' }};">
                         <label class="form-label">Opsi Jawaban</label>
                         <div class="edit_answerOptions">
                             @foreach ($question->options as $index => $option)
-                                <div class="option-group mb-2 d-flex align-items-center">
+                                <div class="option-group mb-2 d-flex align-items-center gap-2">
                                     <input type="hidden" name="options[{{ $index }}][id]" value="{{ $option->id }}">
-                                    <input type="text" name="options[{{ $index }}][option_text]" class="form-control me-2" style="width: 40%;" value="{{ $option->option_text }}" required>
-                                    <input type="number" name="options[{{ $index }}][score]" class="form-control me-2" style="width: 20%;" value="{{ $option->score }}" min="0" max="100" required>
-                                    <input type="checkbox" name="options[{{ $index }}][is_correct]" value="1" class="ms-2" {{ $option->is_correct ? 'checked' : '' }}> Benar
-                                    <button type="button" class="btn btn-danger btn-sm ms-2 remove-option">X</button>
+
+                                    <input type="text" name="options[{{ $index }}][option_text]" class="form-control"
+                                        style="width: 40%;" value="{{ $option->option_text }}" required>
+
+                                    <input type="number" name="options[{{ $index }}][score]" class="form-control"
+                                        style="width: 15%;" value="{{ $option->score }}" min="0" max="100" required>
+
+                                    <!-- Tambahkan margin kiri agar checkbox lebih rata -->
+                                    <label class="d-flex align-items-center ms-3">
+                                        <input type="checkbox" name="options[{{ $index }}][is_correct]" value="1"
+                                            class="me-2" {{ $option->is_correct ? 'checked' : '' }}>
+                                        <span>Benar</span>
+                                    </label>
+
+                                    <button type="button" class="btn btn-danger btn-sm remove-option">X</button>
                                 </div>
                             @endforeach
                         </div>
@@ -195,15 +59,19 @@ function toggleEditFields() {
                     </div>
 
                     <!-- Skor untuk pertanyaan Isian -->
-                    <div id="edit_essayScoreField" class="mb-3" style="display: {{ $question->type == 'essay' ? 'block' : 'none' }};">
+                    <div id="edit_essayScoreField" class="mb-3"
+                        style="display: {{ $question->type == 'essay' ? 'block' : 'none' }};">
                         <label for="edit_essay_score" class="form-label">Skor untuk Isian</label>
-                        <input type="number" name="essay_score" id="edit_essay_score" class="form-control" min="0" max="100" value="{{ $question->essay_score ?? '' }}" placeholder="Masukkan skor">
+                        <input type="number" name="essay_score" id="edit_essay_score" class="form-control" min="0"
+                            max="100" value="{{ $question->essay_score ?? '' }}" placeholder="Masukkan skor">
                     </div>
 
                     <!-- Jawaban untuk Isian -->
-                    <div id="edit_essayReferenceAnswerField" class="mb-3" style="display: {{ $question->type == 'essay' ? 'block' : 'none' }};">
+                    <div id="edit_essayReferenceAnswerField" class="mb-3"
+                        style="display: {{ $question->type == 'essay' ? 'block' : 'none' }};">
                         <label for="edit_essay_answer" class="form-label">Jawaban Isian</label>
-                        <textarea name="essay_answer" id="edit_essay_answer" class="form-control" placeholder="Masukkan jawaban referensi">{{ $question->essay_answer ?? '' }}</textarea>
+                        <textarea name="essay_answer" id="edit_essay_answer" class="form-control"
+                            placeholder="Masukkan jawaban referensi">{{ $question->essay_answer ?? '' }}</textarea>
                     </div>
                 </div>
 
@@ -213,99 +81,4 @@ function toggleEditFields() {
             </form>
         </div>
     </div>
-</div>
-
-{{-- <script>
-    document.addEventListener("DOMContentLoaded", function () {
-        document.querySelectorAll(".addOption").forEach(function (btn) {
-            btn.addEventListener("click", function (e) {
-                let container = this.previousElementSibling;
-                let index = container.querySelectorAll(".option-group").length;
-                let div = document.createElement("div");
-
-                div.classList.add("option-group", "mb-2", "d-flex", "align-items-center");
-                div.innerHTML = `
-                    <input type="text" name="options[${index}][option_text]" class="form-control me-2" style="width: 40%;" placeholder="Opsi ${index + 1}" required>
-                    <input type="number" name="options[${index}][score]" class="form-control me-2" style="width: 20%;" placeholder="Skor" min="0" max="100" required>
-                    <input type="checkbox" name="options[${index}][is_correct]" value="1" class="ms-2"> Benar
-                    <button type="button" class="btn btn-danger btn-sm ms-2 remove-option">X</button>
-                `;
-
-                container.appendChild(div);
-            });
-        });
-
-        document.addEventListener("click", function (e) {
-            if (e.target.classList.contains("remove-option")) {
-                e.target.parentElement.remove();
-            }
-        });
-
-        document.querySelectorAll(".edit_questionType").forEach(function (select) {
-            select.addEventListener("change", function () {
-                let parent = this.closest(".modal-content");
-                let multipleChoiceOptions = parent.querySelector(".edit_multipleChoiceOptions");
-                let essayScoreField = parent.querySelector("#edit_essayScoreField");
-                let essayReferenceAnswerField = parent.querySelector("#edit_essayReferenceAnswerField");
-
-                if (this.value === "multiple_choice") {
-                    multipleChoiceOptions.style.display = "block";
-                    essayScoreField.style.display = "none";
-                    essayReferenceAnswerField.style.display = "none";
-                } else {
-                    multipleChoiceOptions.style.display = "none";
-                    essayScoreField.style.display = "block";
-                    essayReferenceAnswerField.style.display = "block";
-                }
-            });
-        });
-    });
-</script> --}}
-
-
-<script>
-    document.addEventListener("DOMContentLoaded", function () {
-        document.querySelectorAll(".addOption").forEach(function (btn) {
-            btn.addEventListener("click", function (e) {
-                let container = this.previousElementSibling;
-                let index = container.querySelectorAll(".option-group").length;
-                let div = document.createElement("div");
-
-                div.classList.add("option-group", "mb-2", "d-flex", "align-items-center");
-                div.innerHTML = `
-                    <input type="text" name="options[${index}][option_text]" class="form-control me-2" style="width: 40%;" placeholder="Opsi ${index + 1}" required>
-                    <input type="number" name="options[${index}][score]" class="form-control me-2" style="width: 20%;" placeholder="Skor" min="0" max="100" required>
-                    <input type="checkbox" name="options[${index}][is_correct]" value="1" class="ms-2"> Benar
-                    <button type="button" class="btn btn-danger btn-sm ms-2 remove-option">X</button>
-                `;
-
-                container.appendChild(div);
-            });
-        });
-
-        document.addEventListener("click", function (e) {
-            if (e.target.classList.contains("remove-option")) {
-                e.target.parentElement.remove();
-            }
-        });
-
-        document.querySelectorAll(".edit_questionType").forEach(function (select) {
-            select.addEventListener("change", function () {
-                let parent = this.closest(".modal-content");
-                let multipleChoiceOptions = parent.querySelector(".edit_multipleChoiceOptions");
-                let essayScoreField = parent.querySelector("#edit_essayScoreField");
-                let essayReferenceAnswerField = parent.querySelector("#edit_essayReferenceAnswerField");
-
-                if (this.value === "multiple_choice") {
-                    multipleChoiceOptions.style.display = "block";
-                    essayScoreField.style.display = "none";
-                    essayReferenceAnswerField.style.display = "none";
-                } else {
-                    multipleChoiceOptions.style.display = "none";
-                    essayScoreField.style.display = "block";
-                    essayReferenceAnswerField.style.display = "block";
-                }
-            });
-        });
-    });
-</script>
\ No newline at end of file
+</div>
\ No newline at end of file