Episode 02

Author: Alex Garrett-Smith

app/Http/Controllers/NotificationController.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class NotificationController extends Controller
+{
+    public function edit()
+    {
+        return view('notifications.edit');
+    }
+
+    public function update()
+    {
+        //
+    }
+}

resources/views/layouts/navigation.blade.php

@@ -38,6 +38,10 @@
                             {{ __('Profile') }}
                         </x-dropdown-link>
 
+                        <x-dropdown-link :href="route('notifications.edit')">
+                            {{ __('Notifications') }}
+                        </x-dropdown-link>
+
                         <!-- Authentication -->
                         <form method="POST" action="{{ route('logout') }}">
                             @csrf

resources/views/notifications/edit.blade.php

@@ -0,0 +1,67 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            {{ __('Notifications') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-4xl mx-auto sm:px-6 lg:px-8 space-y-6">
+            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
+                <form action="{{ route('notifications.update') }}" method="post" class="space-y-6">
+                    <div class="space-y-6">
+                        <div class="flex items-center justify-between">
+                            <div></div>
+
+                            <div class="flex items-center">
+                                {{--Notification channels--}}
+                                <div class="w-24 flex items-center justify-center font-semibold text-gray-800">
+                                    Channel
+                                </div>
+                                {{--/Notification channels--}}
+                            </div>
+                        </div>
+
+                        {{--Notification groups--}}
+                        <div class="border-b border-b-gray-100 last:border-b-0 pb-8">
+                            <div class="flex items-center justify-between">
+                                <div class="text-lg font-semibold text-gray-800">
+                                    Group
+                                </div>
+                            </div>
+
+                            <div class="space-y-1.5 mt-4">
+                                {{--Notifications--}}
+                                <div class="flex items-center justify-between">
+                                    <div>
+                                        Notification title
+                                    </div>
+
+                                    <div class="flex items-center">
+                                        {{--Notification channel checkboxes--}}
+                                        <div class="w-24 flex items-center justify-center">
+                                            <input
+                                                type="checkbox"
+                                                class="rounded"
+                                            >
+                                        </div>
+                                        {{--/Notification channel checkboxes--}}
+                                    </div>
+                                </div>
+                                {{--/Notifications--}}
+                            </div>
+                        </div>
+                        {{--/Notification groups--}}
+                    </div>
+
+                    <div class="flex items-center gap-4">
+                        <x-primary-button>{{ __('Save') }}</x-primary-button>
+                    </div>
+
+                    @csrf
+                    @method('patch')
+                </form>
+            </div>
+        </div>
+    </div>
+</x-app-layout>

routes/web.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\NotificationController;
 use App\Http\Controllers\ProfileController;
 use Illuminate\Support\Facades\Route;
 
@@ -12,6 +13,9 @@
 })->middleware(['auth', 'verified'])->name('dashboard');
 
 Route::middleware('auth')->group(function () {
+    Route::get('/notifications', [NotificationController::class, 'edit'])->name('notifications.edit');
+    Route::patch('/notifications', [NotificationController::class, 'update'])->name('notifications.update');
+
     Route::get('/profile', [ProfileController::class, 'edit'])->name('profile.edit');
     Route::patch('/profile', [ProfileController::class, 'update'])->name('profile.update');
     Route::delete('/profile', [ProfileController::class, 'destroy'])->name('profile.destroy');