From 909c767e01fdd2dfa61c5d9b98430dc38ff6e340 Mon Sep 17 00:00:00 2001
From: Iszuddin Ismail <dino@websegera.my>
Date: Mon, 11 May 2026 11:41:27 +0800
Subject: [PATCH 1/2] role listing

---
 app/Http/Controllers/RoleController.php       | 23 ++++++++++
 app/Models/Role.php                           |  9 ++++
 .../2026_05_11_033145_create_roles_table.php  | 28 +++++++++++++
 resources/views/layouts/navigation.blade.php  |  6 +++
 resources/views/role/index.blade.php          | 42 +++++++++++++++++++
 routes/web.php                                |  2 +
 tests/Feature/RoleIndexTest.php               | 23 ++++++++++
 7 files changed, 133 insertions(+)
 create mode 100644 app/Http/Controllers/RoleController.php
 create mode 100644 app/Models/Role.php
 create mode 100644 database/migrations/2026_05_11_033145_create_roles_table.php
 create mode 100644 resources/views/role/index.blade.php
 create mode 100644 tests/Feature/RoleIndexTest.php

diff --git a/app/Http/Controllers/RoleController.php b/app/Http/Controllers/RoleController.php
new file mode 100644
index 0000000..50796ca
--- /dev/null
+++ b/app/Http/Controllers/RoleController.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Role;
+use Illuminate\View\View;
+
+class RoleController extends Controller
+{
+    /**
+     * Display a listing of roles.
+     */
+    public function index(): View
+    {
+        $roles = Role::query()
+            ->orderBy('name')
+            ->get(['id', 'name', 'created_at']);
+
+        return view('role.index', [
+            'roles' => $roles,
+        ]);
+    }
+}
diff --git a/app/Models/Role.php b/app/Models/Role.php
new file mode 100644
index 0000000..c5fa26b
--- /dev/null
+++ b/app/Models/Role.php
@@ -0,0 +1,9 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Attributes\Fillable;
+use Illuminate\Database\Eloquent\Model;
+
+#[Fillable(['name'])]
+class Role extends Model {}
diff --git a/database/migrations/2026_05_11_033145_create_roles_table.php b/database/migrations/2026_05_11_033145_create_roles_table.php
new file mode 100644
index 0000000..87bd721
--- /dev/null
+++ b/database/migrations/2026_05_11_033145_create_roles_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('roles', function (Blueprint $table) {
+            $table->id();
+            $table->string('name')->unique();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('roles');
+    }
+};
diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
index c2d3a65..44109d3 100644
--- a/resources/views/layouts/navigation.blade.php
+++ b/resources/views/layouts/navigation.blade.php
@@ -15,6 +15,9 @@
                     <x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
                         {{ __('Dashboard') }}
                     </x-nav-link>
+                    <x-nav-link :href="route('role.index')" :active="request()->routeIs('role.index')">
+                        {{ __('Roles') }}
+                    </x-nav-link>
                 </div>
             </div>
 
@@ -70,6 +73,9 @@
             <x-responsive-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
                 {{ __('Dashboard') }}
             </x-responsive-nav-link>
+            <x-responsive-nav-link :href="route('role.index')" :active="request()->routeIs('role.index')">
+                {{ __('Roles') }}
+            </x-responsive-nav-link>
         </div>
 
         <!-- Responsive Settings Options -->
diff --git a/resources/views/role/index.blade.php b/resources/views/role/index.blade.php
new file mode 100644
index 0000000..e31be38
--- /dev/null
+++ b/resources/views/role/index.blade.php
@@ -0,0 +1,42 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            {{ __('Roles') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+                <div class="p-6 text-gray-900">
+                    <div class="overflow-x-auto">
+                        <table class="min-w-full divide-y divide-gray-200">
+                            <thead class="bg-gray-50">
+                                <tr>
+                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th>
+                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Created</th>
+                                </tr>
+                            </thead>
+                            <tbody class="divide-y divide-gray-200">
+                                @forelse ($roles as $role)
+                                    <tr class="odd:bg-white even:bg-gray-50">
+                                        <td class="px-4 py-3 text-sm text-gray-700">{{ $role->id }}</td>
+                                        <td class="px-4 py-3 text-sm text-gray-900">{{ $role->name }}</td>
+                                        <td class="px-4 py-3 text-sm text-gray-700">{{ $role->created_at?->format('Y-m-d H:i') }}</td>
+                                    </tr>
+                                @empty
+                                    <tr>
+                                        <td colspan="3" class="px-4 py-6 text-center text-sm text-gray-500">
+                                            No roles found.
+                                        </td>
+                                    </tr>
+                                @endforelse
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>
diff --git a/routes/web.php b/routes/web.php
index 74bb7ca..36af0fe 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\ProfileController;
+use App\Http\Controllers\RoleController;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/', function () {
@@ -12,6 +13,7 @@ Route::get('/dashboard', function () {
 })->middleware(['auth', 'verified'])->name('dashboard');
 
 Route::middleware('auth')->group(function () {
+    Route::get('/role', [RoleController::class, 'index'])->name('role.index');
     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');
diff --git a/tests/Feature/RoleIndexTest.php b/tests/Feature/RoleIndexTest.php
new file mode 100644
index 0000000..8381cd4
--- /dev/null
+++ b/tests/Feature/RoleIndexTest.php
@@ -0,0 +1,23 @@
+<?php
+
+use App\Models\Role;
+use App\Models\User;
+
+test('role index requires authentication', function () {
+    $this->get('/role')->assertRedirect('/login');
+});
+
+test('authenticated users can view the role index', function () {
+    Role::query()->create(['name' => 'Admin']);
+    Role::query()->create(['name' => 'Editor']);
+
+    $response = $this
+        ->actingAs(User::factory()->create())
+        ->get('/role');
+
+    $response
+        ->assertSuccessful()
+        ->assertSee('Roles')
+        ->assertSee('Admin')
+        ->assertSee('Editor');
+});

From 6739a5e1699a9dd7101c471bffd50400f82d22d2 Mon Sep 17 00:00:00 2001
From: Iszuddin Ismail <dino@websegera.my>
Date: Mon, 11 May 2026 11:46:40 +0800
Subject: [PATCH 2/2] new role functionality

---
 app/Http/Controllers/RoleController.php | 22 +++++++++++++++++
 app/Http/Requests/StoreRoleRequest.php  | 29 ++++++++++++++++++++++
 resources/views/role/create.blade.php   | 33 +++++++++++++++++++++++++
 resources/views/role/index.blade.php    | 18 +++++++++++---
 routes/web.php                          |  2 ++
 tests/Feature/RoleIndexTest.php         | 15 +++++++++++
 6 files changed, 116 insertions(+), 3 deletions(-)
 create mode 100644 app/Http/Requests/StoreRoleRequest.php
 create mode 100644 resources/views/role/create.blade.php

diff --git a/app/Http/Controllers/RoleController.php b/app/Http/Controllers/RoleController.php
index 50796ca..542de1e 100644
--- a/app/Http/Controllers/RoleController.php
+++ b/app/Http/Controllers/RoleController.php
@@ -2,7 +2,9 @@
 
 namespace App\Http\Controllers;
 
+use App\Http\Requests\StoreRoleRequest;
 use App\Models\Role;
+use Illuminate\Http\RedirectResponse;
 use Illuminate\View\View;
 
 class RoleController extends Controller
@@ -20,4 +22,24 @@ class RoleController extends Controller
             'roles' => $roles,
         ]);
     }
+
+    /**
+     * Show the form for creating a new role.
+     */
+    public function create(): View
+    {
+        return view('role.create');
+    }
+
+    /**
+     * Store a newly created role.
+     */
+    public function store(StoreRoleRequest $request): RedirectResponse
+    {
+        Role::create($request->validated());
+
+        return redirect()
+            ->route('role.index')
+            ->with('status', 'role-created');
+    }
 }
diff --git a/app/Http/Requests/StoreRoleRequest.php b/app/Http/Requests/StoreRoleRequest.php
new file mode 100644
index 0000000..83e7624
--- /dev/null
+++ b/app/Http/Requests/StoreRoleRequest.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreRoleRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required', 'string', 'max:255', 'unique:roles,name'],
+        ];
+    }
+}
diff --git a/resources/views/role/create.blade.php b/resources/views/role/create.blade.php
new file mode 100644
index 0000000..0428483
--- /dev/null
+++ b/resources/views/role/create.blade.php
@@ -0,0 +1,33 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            {{ __('Create Role') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+                <div class="p-6 text-gray-900">
+                    <form method="POST" action="{{ route('role.store') }}" class="space-y-6 max-w-xl">
+                        @csrf
+
+                        <div>
+                            <x-input-label for="name" :value="__('Name')" />
+                            <x-text-input id="name" class="mt-1 block w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="off" />
+                            <x-input-error class="mt-2" :messages="$errors->get('name')" />
+                        </div>
+
+                        <div class="flex items-center gap-4">
+                            <x-primary-button>{{ __('Save') }}</x-primary-button>
+
+                            <a href="{{ route('role.index') }}" class="text-sm text-gray-600 underline hover:text-gray-900">
+                                {{ __('Cancel') }}
+                            </a>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>
\ No newline at end of file
diff --git a/resources/views/role/index.blade.php b/resources/views/role/index.blade.php
index e31be38..604e19f 100644
--- a/resources/views/role/index.blade.php
+++ b/resources/views/role/index.blade.php
@@ -1,14 +1,26 @@
 <x-app-layout>
     <x-slot name="header">
-        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
-            {{ __('Roles') }}
-        </h2>
+        <div class="flex items-center justify-between gap-4">
+            <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+                {{ __('Roles') }}
+            </h2>
+
+            <a href="{{ route('role.create') }}" class="inline-flex items-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-xs font-semibold uppercase tracking-widest text-white transition hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
+                {{ __('New Role') }}
+            </a>
+        </div>
     </x-slot>
 
     <div class="py-12">
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 text-gray-900">
+                    @if (session('status') === 'role-created')
+                        <div class="mb-4 rounded-md bg-green-50 px-4 py-3 text-sm text-green-700">
+                            {{ __('Role created successfully.') }}
+                        </div>
+                    @endif
+
                     <div class="overflow-x-auto">
                         <table class="min-w-full divide-y divide-gray-200">
                             <thead class="bg-gray-50">
diff --git a/routes/web.php b/routes/web.php
index 36af0fe..5ae45dd 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -14,6 +14,8 @@ Route::get('/dashboard', function () {
 
 Route::middleware('auth')->group(function () {
     Route::get('/role', [RoleController::class, 'index'])->name('role.index');
+    Route::get('/role/create', [RoleController::class, 'create'])->name('role.create');
+    Route::post('/role', [RoleController::class, 'store'])->name('role.store');
     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');
diff --git a/tests/Feature/RoleIndexTest.php b/tests/Feature/RoleIndexTest.php
index 8381cd4..2458028 100644
--- a/tests/Feature/RoleIndexTest.php
+++ b/tests/Feature/RoleIndexTest.php
@@ -21,3 +21,18 @@ test('authenticated users can view the role index', function () {
         ->assertSee('Admin')
         ->assertSee('Editor');
 });
+
+test('authenticated users can create a role', function () {
+    $response = $this
+        ->actingAs(User::factory()->create())
+        ->post('/role', [
+            'name' => 'Manager',
+        ]);
+
+    $response
+        ->assertRedirect('/role');
+
+    $this->assertDatabaseHas('roles', [
+        'name' => 'Manager',
+    ]);
+});