create user role and menu, create seeder for first user and create crud role, menu and user

resources/views/roles/create.blade.php

@@ -0,0 +1,37 @@
+@extends('layouts.vertical', ['subtitle' => 'Role'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Role'])
+
+<div class="row d-flex justify-content-center">
+    <div class="col-md-6">
+        <div class="card">
+            <div class="card-body">
+                <form action="{{route("roles.store")}}" method="post">
+                    @csrf
+                    <div class="mb-3">
+                        <label class="form-label" for="name">Name</label>
+                        <input type="text" id="name" name="name"
+                                class="form-control" placeholder="Enter role name" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="description">Description</label>
+                        <input type="text" id="description" name="description"
+                                class="form-control" placeholder="Enter description">
+                    </div>
+                    <button type="submit" class="btn btn-success">Create</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@endsection

resources/views/roles/edit.blade.php

@@ -0,0 +1,38 @@
+@extends('layouts.vertical', ['subtitle' => 'Role'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Role'])
+
+<div class="row d-flex justify-content-center">
+    <div class="col-md-6">
+        <div class="card">
+            <div class="card-body">
+                <form action="{{route("roles.update", $role->id)}}" method="post">
+                    @csrf
+                    @method("put")
+                    <div class="mb-3">
+                        <label class="form-label" for="name">Name</label>
+                        <input type="text" id="name" name="name"
+                                class="form-control" placeholder="Enter role name" value="{{$role->name}}" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="description">Description</label>
+                        <input type="text" id="description" name="description"
+                                class="form-control" placeholder="Enter description" value="{{$role->description}}">
+                    </div>
+                    <button type="submit" class="btn btn-success">Update</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@endsection

resources/views/roles/index.blade.php

@@ -0,0 +1,24 @@
+@extends('layouts.vertical', ['subtitle' => 'Role'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Role'])
+
+<div class="row">
+    <div class="d-flex justify-content-end pb-3">
+        <a href="{{ route('roles.create')}}" class="btn btn-success width-lg">Create</a>
+    </div>
+    <div>
+        <div id="table-roles"></div>
+    </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/roles/index.js'])
+@endsection