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

resources/views/menus/create.blade.php

@@ -0,0 +1,56 @@
+@extends('layouts.vertical', ['subtitle' => 'Menu'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Menu'])
+
+<div class="row d-flex justify-content-center">
+    <div class="col-md-6">
+        <div class="card">
+            <div class="card-body">
+                <form action="{{route("menus.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 menu name" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="url">URL</label>
+                        <input type="text" id="url" name="url"
+                                class="form-control" placeholder="Enter menu url" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="icon">Icon</label>
+                        <input type="text" id="icon" name="icon"
+                                class="form-control" placeholder="Enter menu icon" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="parent_id">Parent Menu</label>
+                        <select name="parent_id" class="form-control">
+                            <option value="">Select parent menu</option>
+                            @foreach($parent_menus as $menu)
+                                <option value="{{ $menu->id }}">{{ $menu->name }}</option>
+                            @endforeach
+                        </select>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="sort_order">Sort Order</label>
+                        <input type="number" id="sort_order" name="sort_order"
+                                class="form-control" placeholder="Enter sort order" required>
+                    </div>
+                    <button type="submit" class="btn btn-success">Create</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@endsection

resources/views/menus/edit.blade.php

@@ -0,0 +1,57 @@
+@extends('layouts.vertical', ['subtitle' => 'Menu'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Menu'])
+
+<div class="row d-flex justify-content-center">
+    <div class="col-md-6">
+        <div class="card">
+            <div class="card-body">
+                <form action="{{route("menus.update", $menu->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 menu name" value="{{$menu->name}}" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="url">URL</label>
+                        <input type="text" id="url" name="url"
+                                class="form-control" placeholder="Enter menu url" value="{{$menu->url}}" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="icon">Icon</label>
+                        <input type="text" id="icon" name="icon"
+                                class="form-control" placeholder="Enter menu icon" value="{{$menu->icon}}" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="parent_id">Parent Menu</label>
+                        <select name="parent_id" class="form-control">
+                            <option value="">Select parent menu (Leave blank for parent)</option>
+                            @foreach($parent_menus as $parent)
+                                <option value="{{$parent->id}}"{{ $menu->parent_id == $parent->id ? 'selected' : '' }}>{{ $parent->name }}</option>
+                            @endforeach
+                        </select>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label" for="sort_order">Sort Order</label>
+                        <input type="number" id="sort_order" name="sort_order"
+                                class="form-control" placeholder="Enter sort order" value="{{$menu->sort_order}}" required>
+                    </div>
+                    <button type="submit" class="btn btn-success">Update</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@endsection

resources/views/menus/index.blade.php

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