From b8ecb7cf8a87edc55b20581c1d41cf5e4e9fccad Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Sat, 21 Jun 2025 08:12:04 +0700
Subject: [PATCH] update: view on materials teacher

---
 .../teacher/materials/index.blade.php         | 53 +++++++------------
 .../teacher/materials/modals/create.blade.php |  4 ++
 .../teacher/materials/modals/detail.blade.php | 16 +++++-
 .../teacher/materials/modals/edit.blade.php   | 13 +++++
 4 files changed, 51 insertions(+), 35 deletions(-)

diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/index.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/index.blade.php
index 0f959ea..3e60389 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/index.blade.php	
+++ b/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');
diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/create.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/create.blade.php
index c53451e..f4611de 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/create.blade.php	
+++ b/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>
diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/detail.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/detail.blade.php
index 060bfde..4d0678b 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/detail.blade.php	
+++ b/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
diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/edit.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/edit.blade.php
index c668797..61e51c3 100644
--- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/materials/modals/edit.blade.php	
+++ b/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>