update: view on materials teacher

Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/index.blade.php

@@ -434,40 +434,6 @@ class="btn btn-sm btn-primary" target="_blank">
                         </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>
@@ -492,6 +458,25 @@ class="btn btn-sm btn-primary" target="_blank">
             </div>
         </div>
     </div>
+    <script>
+    function addStoryText(id) {
+        let container = document.getElementById('editStoryTextContainer-' + id);
+        let div = document.createElement('div');
+        div.classList.add('d-flex', 'mb-2', 'align-items-start');
+        div.innerHTML = `
+            <input type="hidden" name="story_text_ids[]" value="">
+            <textarea name="story_texts[]" class="form-control mr-2" rows="2"></textarea>
+            <button type="button" class="btn btn-danger btn-sm remove-story-text">Hapus</button>
+        `;
+        container.appendChild(div);
+    }
+
+    document.addEventListener('click', function (e) {
+        if (e.target.classList.contains('remove-story-text')) {
+            e.target.parentElement.remove();
+        }
+    });
+    </script>
     <script>
         document.getElementById('toggleSidebar').addEventListener('click', function () {
             var sidebar = document.getElementById('sidebarMenu');

Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/create.blade.php

@@ -13,6 +13,10 @@
                         <label for="title" class="form-label">Judul</label>
                         <input type="text" class="form-control" name="title" required>
                     </div>
+                    <div class="mb-3">
+                        <label for="story_text" class="form-label">Teks Bacaan</label>
+                        <textarea name="story_text" class="form-control" rows="3"></textarea>
+                    </div>
                     <div class="mb-3">
                         <label for="description" class="form-label">Deskripsi</label>
                         <textarea name="description" class="form-control"></textarea>

Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/detail.blade.php

@@ -1,6 +1,6 @@
 <div class="modal fade" id="detailMateriModal{{ $material->id }}" tabindex="-1" role="dialog"
     aria-labelledby="detailMateriLabel{{ $material->id }}" aria-hidden="true">
-    <div class="modal-dialog" role="document">
+    <div class="modal-dialog modal-dialog-scrollable" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title" id="detailMateriLabel{{ $material->id }}">Detail Materi</h5>
@@ -12,6 +12,20 @@
                     <textarea class="form-control bg-light" rows="2" readonly
                         style="resize: none; overflow: auto;">{{ $material->title }}</textarea>
                 </div>
+                <div class="mb-3">
+                    <label class="form-label">Teks Cerita:</label>
+                    @if ($material->storyTexts->isEmpty())
+                        <div class="form-control bg-light">-</div>
+                    @else
+                        @foreach ($material->storyTexts as $index => $story)
+                            <div class="mb-2">
+                                <label class="form-label">Cerita {{ $index + 1 }}:</label>
+                                <textarea class="form-control bg-light" rows="3" readonly
+                                    style="resize: none; overflow: auto;">{{ $story->story_text }}</textarea>
+                            </div>
+                        @endforeach
+                    @endif
+                </div>
                 <div class="mb-3">
                     <label class="form-label">Deskripsi:</label>
                     <textarea class="form-control bg-light" rows="4" readonly

Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/edit.blade.php

@@ -13,6 +13,19 @@
                     <div class="mb-3">
                         <label for="title" class="form-label">Judul</label>
                         <textarea name="title" class="form-control overflow-auto" rows="2">{{ $material->title }}</textarea>
+                    </div>
+                    <div class="mb-3">
+                        <label for="story_texts" class="form-label">Teks Bacaan</label>
+                        <div id="editStoryTextContainer-{{ $material->id }}">
+                            @foreach ($material->storyTexts as $story)
+                                <div class="d-flex mb-2 align-items-start">
+                                    <input type="hidden" name="story_text_ids[]" value="{{ $story->id }}">
+                                    <textarea name="story_texts[]" class="form-control me-2" rows="2">{{ $story->story_text }}</textarea>
+                                    <button type="button" class="btn btn-danger btn-sm remove-story-text">Hapus</button>
+                                </div>
+                            @endforeach
+                        </div>
+                        <button type="button" class="btn btn-sm btn-success mt-2" onclick="addStoryText({{ $material->id }})">Tambah Teks Bacaan</button>
                     </div>                    
                     <div class="mb-3">
                         <label for="description" class="form-label">Deskripsi</label>