From 27cd37bcfe296488f2a6a77271b7afcb378ce7bb Mon Sep 17 00:00:00 2001
From: Htet Phone Aung <senseihtetphone@gmail.com>
Date: Wed, 13 Sep 2023 00:50:43 +0630
Subject: [PATCH] select box onchange-submit and go to the specific chapter

---
 app/Http/Controllers/PageController.php          |  8 +++++++-
 resources/js/app.js                              |  5 +++++
 .../views/partials/chapter-select-box.blade.php  | 16 ++++++++++------
 routes/web.php                                   |  1 +
 4 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/app/Http/Controllers/PageController.php b/app/Http/Controllers/PageController.php
index b2cb3b2..dcc5577 100644
--- a/app/Http/Controllers/PageController.php
+++ b/app/Http/Controllers/PageController.php
@@ -38,7 +38,7 @@ class PageController extends Controller
         ]);
     }
 
-    public function chapter(Manga $manga, Chapter $chapter)
+    public function chapter(Manga $manga,Chapter $chapter)
     {
         $firstChapter = $manga->chapters()->orderBy('chapter_no', 'asc')->first();
         $lastChapter = $manga->chapters()->latest('chapter_no')->first();
@@ -49,4 +49,10 @@ class PageController extends Controller
             'lastChapter' => $lastChapter
         ]);
     }
+
+    public function select(Manga $manga, Request $request)
+    {
+        // dd($request);
+        return redirect()->route('page.chapter', [$manga, $request->chapter_no]);
+    }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index e59d6a0..12f805b 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1 +1,6 @@
 import './bootstrap';
+
+// let selectChapter = document.querySelector('#selectChapter');
+// selectChapter.addEventListener('change', function() {
+//     this.submit();
+// });
diff --git a/resources/views/partials/chapter-select-box.blade.php b/resources/views/partials/chapter-select-box.blade.php
index 2d3a823..4582300 100644
--- a/resources/views/partials/chapter-select-box.blade.php
+++ b/resources/views/partials/chapter-select-box.blade.php
@@ -1,8 +1,12 @@
 <div class="col-4">
-    <select name="" id="" class="form-select">
-        @foreach ($manga->chapters()->latest('id')->get() as $chap)
-            <option value="{{ $chap->id }}" {{ $chap->id == $chapter->id ? 'selected' : '' }}>
-                Chapter {{ $chap->chapter_no }} - {{ $chap->title ?? '' }} </option>
-        @endforeach
-    </select>
+    <form action="{{route('select.chapter', [$manga->slug])}}" method="post" id="selectChapter" onchange="this.submit();">
+        @csrf
+        <select name="chapter_no" class="form-select">
+            @foreach ($manga->chapters()->latest('chapter_no')->get() as $chap)
+                <option value="{{ $chap->chapter_no }}" {{ $chap->chapter_no == $chapter->chapter_no ? 'selected' : '' }}>
+                    Chapter {{ $chap->chapter_no }} - {{ $chap->title ?? '' }}
+                 </option>
+            @endforeach
+        </select>
+    </form>
 </div>
diff --git a/routes/web.php b/routes/web.php
index 0455ba1..4b42301 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -24,6 +24,7 @@ Route::controller(PageController::class)->group(function () {
     Route::get('/', 'index')->name('page.index');
     Route::get('/MangaDex/manga/{slug}', 'manga')->name('page.manga');
     Route::get('/manga/{manga:slug}/chapter/{chapter:chapter_no?}', 'chapter')->name('page.chapter');
+    Route::post('/manga/{manga:slug}/select', 'select')->name('select.chapter');
 });
 
 Auth::routes();