modal to show all speech

app/Http/Controllers/MainController.php

@@ -12,10 +12,11 @@ class MainController extends Controller
         $rsvp = RSVP::all();
         $guestbooks = GuestBook::orderBy('created_at', 'desc')->take(5)->get();
         $totalPages = $guestbooks->count();
+        $allguestbooks = GuestBook::all();
 
         $host = $request->getHost();
 
-        return view('digital-card', compact(['rsvp', 'guestbooks', 'totalPages', 'host']));
+        return view('digital-card', compact(['rsvp', 'guestbooks', 'totalPages', 'host', 'allguestbooks']));
     }
 
     public function saveRsvp(Request $request) {

resources/views/components/guestbook.blade.php

@@ -10,12 +10,15 @@
             @endfor
         </div>
     </div>
-    <div class="text-center pb-2 fade-element">
+    <div class="text-center flex justify-center pb-2 gap-2 fade-element">
         <a onclick="guestbook.showModal()" class="rounded-full border-solid border-2 border-navbarcolor py-1 px-3 font-medium text-gray-600">
             <i class="fa-solid fa-pen-fancy"></i>
-            <span>Ucapan</span>
+            <span>Beri Ucapan</span>
+        </a>
+        <a onclick="allguestbook.showModal()" class="rounded-full border-solid border-2 border-navbarcolor py-1 px-3 font-medium text-gray-600">
+            <i class="fa-solid fa-eye"></i>
+            <span>Lihat Ucapan</span>
         </a>
-
     </div>
     <div class="text-center pb-2 fade-element">
         <a onclick="rsvp.showModal()" class="rounded-full border-solid border-2 border-navbarcolor py-1 px-3 font-medium text-gray-600">
@@ -25,6 +28,7 @@
     </div>
     <hr class="border-t-1 border-gray-300 mt-5 mb-3 w-4/5 self-center fade-element">
     @include('modals.guestbook-modal')
+    @include('modals.show-all-guestbook')
 </div>
 
 @push('script')

resources/views/modals/show-all-guestbook.blade.php

@@ -0,0 +1,15 @@
+<dialog id="allguestbook" class="modal">
+    <div class="modal-box w-11/12 max-w-5xl">
+      <h3 class="text-lg font-bold">Semua Ucapan</h3>
+      @foreach ($allguestbooks as $allguestbook)
+          <p>{{$allguestbook->name}}</p>
+          <p>{{$allguestbook->speech}}</p>
+          <hr class="border-t-1 border-gray-300 my-5 w-4/5 self-center ">
+      @endforeach
+      <div class="modal-action">
+        <form method="dialog">
+            <button class="btn">Tutup</button>
+        </form>
+      </div>
+    </div>
+</dialog>