feat: create review modal (#384)

Author: ell-ska

app/Http/Controllers/MovieController.php

@@ -36,9 +36,11 @@ public function store(Request $request)
     /**
      * Display the specified resource.
      */
-    public function show(Movie $movie)
+    public function show($id)
     {
-        return view('movie');
+        $movie = Movie::findOrFail($id);
+
+        return view('movie', ['movie' => $movie]);
     }
 
     /**

app/Http/Controllers/ReviewController.php

@@ -4,6 +4,7 @@
 
 use App\Models\Review;
 use App\Models\User;
+use Exception;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 
@@ -25,20 +26,35 @@ public function index($username)
         ]);
     }
 
-    /**
-     * Show the form for creating a new resource.
-     */
-    public function create()
-    {
-        //
-    }
-
     /**
      * Store a newly created resource in storage.
      */
-    public function store(Request $request)
+    public function store(Request $request, $id)
     {
-        //
+        $request->validateWithBag('createReviewValidation', [
+            'rating' => ['required', 'integer', 'min:1', 'max:10'],
+            'content' => ['nullable', 'string', 'max:800'],
+        ]);
+
+        try {
+            $user = Auth::user();
+
+            $review = Review::create([
+                'rating' => $request->rating,
+                'content' => $request->content,
+                'user_id' => $user->id,
+                'movie_id' => $id,
+            ]);
+
+            return redirect(route('review', ['id' => $review->id]));
+        } catch (Exception $error) {
+            dd($error);
+
+            return redirect()
+                ->back()
+                ->withInput()
+                ->withErrors('Something went wrong when publishing the review!', 'createReview');
+        }
     }
 
     /**

resources/views/components/input/rating.blade.php

@@ -1,4 +1,11 @@
-<div x-data="{ rating: 0 }" class="flex flex-col gap-1">
+@props([
+    'name',
+    'label',
+    'value' => 0,
+    'error',
+])
+
+<div x-data="{ rating: @js($value) }" class="flex flex-col gap-1">
     <x-input.label for="{{ $name }}">
         {{ $label }}
     </x-input.label>

resources/views/movie.blade.php

@@ -1,3 +1,59 @@
 <x-layout>
-    <h1>movie</h1>
+    <x-button
+        x-data
+        @click="$dispatch('open-modal', 'create-review')"
+        variant="secondary"
+        size="sm"
+    >
+        Write a review
+    </x-button>
+
+    <x-modal.base
+        name="create-review"
+        :show="$errors->createReview->isNotEmpty() || $errors->createReviewValidation->isNotEmpty()"
+    >
+        <x-modal.input>
+            <x-slot:title>
+                {{ $movie->title }}
+            </x-slot>
+            <form
+                method="post"
+                action="{{ route('review.store', ['id' => $movie->id, 'title' => $movie->title]) }}"
+                class="flex flex-col gap-6"
+            >
+                @csrf
+                <div class="flex flex-col gap-4">
+                    <x-input.rating
+                        name="rating"
+                        :value="old('rating')"
+                        required
+                        :error="$errors->createReviewValidation->first('rating')"
+                        label="Your rating"
+                    />
+                    <x-input.textarea
+                        name="content"
+                        :value="old('content')"
+                        :error="$errors->createReviewValidation->first('content')"
+                        label="Review"
+                        placeholder="Let others know why they should (or shouldn't) watch this film."
+                        color="light"
+                    />
+                </div>
+
+                <x-input.error :message="$errors->createReview->first()" />
+
+                <div class="flex gap-2">
+                    <x-button
+                        x-data
+                        @click="$dispatch('close-modal', 'create-list')"
+                        type="button"
+                        variant="secondary"
+                    >
+                        Cancel
+                    </x-button>
+                    <x-button class="flex-1">Publish review</x-button>
+                </div>
+            </form>
+        </x-modal.input>
+    </x-modal.base>
 </x-layout>

routes/web.php

@@ -26,6 +26,7 @@
     Route::get('/u/{username}/reviews', 'index')->name('reviews.user');
     Route::get('/m/{id}/{title}/reviews', 'index')->name('reviews.movie');
     Route::get('/review/{id}', 'show')->name('review');
+    Route::post('/m/{id}/{title}', 'store')->middleware(['auth'])->name('review.store');
 });
 
 Route::middleware(['auth', AdminMiddleware::class])->prefix('/admin')->group(function () {