first change

Modules/Menu/app/Http/Controllers/MenuController.php

@@ -0,0 +1,245 @@
+<?php
+
+namespace Modules\Menu\Http\Controllers;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Str;
+use Modules\CCMS\Models\Blog;
+use Modules\CCMS\Models\Country;
+use Modules\CCMS\Models\Page;
+use Modules\CCMS\Models\Service;
+use Modules\Menu\Interfaces\MenuInterface;
+use Modules\Menu\Models\Menu;
+use Yajra\DataTables\Facades\DataTables;
+
+class MenuController extends Controller
+{
+    private $menu;
+
+    public function __construct(MenuInterface $menu)
+    {
+        $this->menu = $menu;
+    }
+
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        if (request()->ajax()) {
+            $model = Menu::query()->orderBy('order');
+            return DataTables::eloquent($model)
+                ->addIndexColumn()
+                ->setRowClass('tableRow')
+                ->addColumn('parent', function (Menu $menu) {
+                    return $menu->parent?->title ?? '-';
+                })
+                ->addColumn('parameter', function (Menu $menu) {
+                    return $menu->url_parameter;
+                })
+                ->editColumn('type', '{!! config("constants.menu_type_options")[$type] !!}')
+                ->editColumn('status', function (Menu $menu) {
+                    $status = $menu->status ? 'Published' : 'Draft';
+                    $color = $menu->status ? 'text-success' : 'text-danger';
+                    return "<p class='{$color}'>{$status}</p>";
+                })
+                ->addColumn('action', 'menu::menu.datatable.action')
+                ->rawColumns(['status', 'action'])
+                ->toJson();
+        }
+
+        return view('menu::menu.index', [
+            'title' => 'Menu List',
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        $data['title'] = 'Create Menu';
+        $data['editable'] = false;
+        $data['menuOptions'] = $this->menu->pluck();
+        $data['menuTypes'] = config('constants.menu_type_options');
+        return view('menu::menu.create', $data);
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+
+        $maxOrder = Menu::max('order');
+        $order = $maxOrder ? ++$maxOrder : 1;
+
+        $request->merge([
+            'alias' => Str::slug($request->title),
+            'order' => $order,
+        ]);
+
+        $validated = $request->validate([
+            'menu_location_id' => 'required',
+            'title' => 'required',
+            'alias' => 'required',
+            'type' => 'required',
+            'icon' => 'nullable', 'string',
+            'image' => 'nullable', 'string',
+            'target' => 'nullable', 'string',
+            'parameter' => 'required',
+            'order' => 'required', 'integer',
+            'parent_id' => 'nullable', 'integer',
+            'status' => 'required', 'integer',
+        ]);
+
+        try {
+
+            $menu = $this->menu->create($validated);
+            flash()->success("Menu for {$menu->title} has been created!");
+            return redirect()->route('menu.index');
+
+        } catch (\Throwable $th) {
+            return redirect()->back()->with('error', $th->getMessage())->withInput();
+        }
+
+    }
+
+    /**
+     * Show the specified resource.
+     */
+    public function show($id)
+    {
+        return view('cms::menu.show');
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit($id)
+    {
+        $data['title'] = 'Edit Menu';
+        $data['editable'] = true;
+        $data['menu'] = $this->menu->findOne($id);
+        $data['menuOptions'] = $this->menu->pluck();
+        $data['menuTypes'] = config('constants.menu_type_options');
+        return view('menu::menu.edit', $data);
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, $id)
+    {
+        $request->merge([
+            'alias' => Str::slug($request->title),
+        ]);
+
+        try {
+
+            $validated = $request->validate([
+                'menu_location_id' => 'required',
+                'title' => 'required',
+                'alias' => 'required',
+                'icon' => 'nullable', 'string',
+                'image' => 'nullable', 'string',
+                'target' => 'nullable', 'string',
+                'type' => 'required',
+                'parameter' => 'required',
+                'status' => 'integer',
+                'parent_id' => 'nullable', 'integer',
+            ]);
+
+            $this->menu->update($id, $request->all());
+            flash()->success('Menu has been updated!');
+            return redirect()->route('menu.index');
+
+        } catch (\Throwable $th) {
+            flash()->error($th->getMessage());
+        }
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy($id)
+    {
+        DB::beginTransaction();
+
+        try {
+
+            $this->menu->delete($id);
+            $higherOrders = Menu::where('id', '>', $id)->get();
+
+            if ($higherOrders) {
+                foreach ($higherOrders as $higherOrder) {
+                    $higherOrder->order--;
+                    $higherOrder->saveQuietly();
+                }
+            }
+
+            DB::commit();
+
+            return response()->json(['status' => 200, 'message' => 'Menu has been deleted!']);
+
+        } catch (\Throwable $th) {
+            DB::rollBack();
+            return redirect()->back()->with('error', $th->getMessage());
+        }
+    }
+
+    public function getMenuTypeOptions(Request $request)
+    {
+        $tableName = $request->tableName;
+
+        switch ($tableName) {
+
+            case 'pages':
+                $menuTypeOptions = Page::where(['type' => 'page', 'status' => 1])->pluck('title', 'id');
+                break;
+
+            case 'blogs':
+                $menuTypeOptions = Blog::where('status', 1)->pluck('title', 'id');
+                break;
+
+            case 'services':
+                $menuTypeOptions = Service::where('status', 1)->pluck('title', 'id');
+                break;
+
+            case 'countries':
+                $menuTypeOptions = Country::where('status', 1)->pluck('title', 'id');
+                break;
+
+            default:
+                $menuTypeOptions = [];
+
+        }
+
+        return response()->json(['status' => 200, 'data' => $menuTypeOptions], 200);
+    }
+
+    public function reorder(Request $request)
+    {
+
+        $menus = $this->menu->findAll();
+
+        foreach ($menus as $menu) {
+            foreach ($request->order as $order) {
+                if ($order['id'] == $menu->id) {
+                    $menu->update(['order' => $order['position']]);
+                }
+            }
+        }
+        return response(['status' => 200, 'message' => 'Reordered successfully'], 200);
+    }
+
+    public function toggle($id)
+    {
+        $menu = $this->menu->findOne($id);
+        $menu->update(['status' => !$menu->status]);
+        return response(['status' => 200, 'message' => 'Toggled successfully'], 200);
+    }
+}

Modules/Menu/app/Interfaces/MenuInterface.php

@@ -0,0 +1,12 @@
+<?php
+namespace Modules\Menu\Interfaces;
+
+interface MenuInterface
+{
+    public function findAll();
+    public function findOne($menuId);
+    public function create($menuDetails);
+    public function update($menuId, array $newDetails);
+    public function delete($menuId);
+    public function pluck();
+}

Modules/Menu/app/Models/Menu.php

@@ -0,0 +1,132 @@
+<?php
+
+namespace Modules\Menu\Models;
+
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Config;
+use Modules\CCMS\Models\Blog;
+use Modules\CCMS\Models\Country;
+use Modules\CCMS\Models\Page;
+use Modules\CCMS\Models\Service;
+
+class Menu extends Model
+{
+    use HasFactory;
+
+    /**
+     * The attributes that are mass assignable.
+     */
+    protected $fillable = [
+        'menu_location_id',
+        'title',
+        'alias',
+        'target',
+        'image',
+        'icon',
+        'parent_id',
+        'order',
+        'type',
+        'parameter',
+        'status',
+        'order',
+    ];
+
+    public $appends = ['location'];
+
+    public function parent()
+    {
+        return $this->belongsTo(Menu::class, 'parent_id');
+    }
+
+    protected function urlParameter(): Attribute
+    {
+        return Attribute::make(
+            get: function (?string $value, ?array $attributes) {
+                $parameter = null;
+
+                switch ($attributes['type']) {
+                    case 'single-link':
+                        $parameter = $attributes['parameter'];
+                        break;
+
+                    default:
+                        $model = config('constants.menu_type_options')[$attributes['type']] ?? null;
+                        if ($model) {
+                            $modelClass = "Modules\\CCMS\\Models\\$model";
+                            $parameter = optional($modelClass::find($attributes['parameter']))->slug;
+                        }
+                        break;
+                }
+
+                return $parameter;
+            }
+        );
+    }
+
+    public function children()
+    {
+        return $this->hasMany(Menu::class, 'parent_id');
+    }
+
+    public function location(): Attribute
+    {
+        return Attribute::make(
+            get: function (mixed $value, array $attributes) {
+                return config('constants.menu_location_options')[$attributes['menu_location_id']];
+            }
+        );
+    }
+
+    public function hasSubMenu()
+    {
+        return $this->relationLoaded('children') ? $this->children->isNotEmpty() : $this->children()->exists();
+    }
+
+
+    protected function routeName(): Attribute
+    {
+        return Attribute::make(
+            get: function (mixed $value, array $attributes) {
+
+                $route = null;
+
+                switch ($attributes['type']) {
+                    case 'pages':
+                        $route = route('page.load', Page::whereId($attributes['parameter'])->value('slug'));
+                        break;
+
+                    case 'services':
+                        $route = route('service.single', Service::whereId($attributes['parameter'])->value('slug'));
+                        break;
+
+                    case 'countries':
+                        $route = route('country.single', Country::whereId($attributes['parameter'])->value('slug'));
+                        break;
+
+                        case 'blogs':
+                            $route = route('blog.single', Blog::whereId($attributes['parameter'])->value('slug'));
+                            break;
+
+                    default:
+                        $route = ($attributes['parameter'] == '#')
+                            ? 'javascript:void(0)'
+                            : (preg_match('/^https/', $attributes['parameter'])
+                                ? $attributes['parameter']
+                                : config('app.url') . $attributes['parameter']);
+
+                }
+
+                return $route;
+            }
+        );
+    }
+
+    protected function image(): Attribute
+    {
+        return Attribute::make(
+            get: fn($value) => asset($value),
+        );
+    }
+}

Modules/Menu/app/Providers/EventServiceProvider.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace Modules\Menu\Providers;
+
+use Illuminate\Foundation\Support\Providers\EventServiceProvider as ServiceProvider;
+
+class EventServiceProvider extends ServiceProvider
+{
+    /**
+     * The event handler mappings for the application.
+     *
+     * @var array<string, array<int, string>>
+     */
+    protected $listen = [];
+
+    /**
+     * Indicates if events should be discovered.
+     *
+     * @var bool
+     */
+    protected static $shouldDiscoverEvents = true;
+
+    /**
+     * Configure the proper event listeners for email verification.
+     *
+     * @return void
+     */
+    protected function configureEmailVerification(): void
+    {
+
+    }
+}

Modules/Menu/app/Providers/MenuServiceProvider.php

@@ -0,0 +1,123 @@
+<?php
+
+namespace Modules\Menu\Providers;
+
+use Illuminate\Support\Facades\Blade;
+use Illuminate\Support\ServiceProvider;
+use Modules\Menu\Interfaces\MenuInterface;
+use Modules\Menu\Repositories\MenuRepository;
+
+class MenuServiceProvider extends ServiceProvider
+{
+    protected string $moduleName = 'Menu';
+
+    protected string $moduleNameLower = 'menu';
+
+    /**
+     * Boot the application events.
+     */
+    public function boot(): void
+    {
+        $this->registerCommands();
+        $this->registerCommandSchedules();
+        $this->registerTranslations();
+        $this->registerConfig();
+        $this->registerViews();
+        $this->loadMigrationsFrom(module_path($this->moduleName, 'database/migrations'));
+    }
+
+    /**
+     * Register the service provider.
+     */
+    public function register(): void
+    {
+        $this->app->bind(MenuInterface::class, MenuRepository::class);
+        $this->app->register(EventServiceProvider::class);
+        $this->app->register(RouteServiceProvider::class);
+    }
+
+    /**
+     * Register commands in the format of Command::class
+     */
+    protected function registerCommands(): void
+    {
+        // $this->commands([]);
+    }
+
+    /**
+     * Register command Schedules.
+     */
+    protected function registerCommandSchedules(): void
+    {
+        // $this->app->booted(function () {
+        //     $schedule = $this->app->make(Schedule::class);
+        //     $schedule->command('inspire')->hourly();
+        // });
+    }
+
+    /**
+     * Register translations.
+     */
+    public function registerTranslations(): void
+    {
+        $langPath = resource_path('lang/modules/'.$this->moduleNameLower);
+
+        if (is_dir($langPath)) {
+            $this->loadTranslationsFrom($langPath, $this->moduleNameLower);
+            $this->loadJsonTranslationsFrom($langPath);
+        } else {
+            $this->loadTranslationsFrom(module_path($this->moduleName, 'lang'), $this->moduleNameLower);
+            $this->loadJsonTranslationsFrom(module_path($this->moduleName, 'lang'));
+        }
+    }
+
+    /**
+     * Register config.
+     */
+    protected function registerConfig(): void
+    {
+        $this->publishes([module_path($this->moduleName, 'config/config.php') => config_path($this->moduleNameLower.'.php')], 'config');
+        $this->mergeConfigFrom(module_path($this->moduleName, 'config/config.php'), $this->moduleNameLower);
+    }
+
+    /**
+     * Register views.
+     */
+    public function registerViews(): void
+    {
+        $viewPath = resource_path('views/modules/'.$this->moduleNameLower);
+        $sourcePath = module_path($this->moduleName, 'resources/views');
+
+        $this->publishes([$sourcePath => $viewPath], ['views', $this->moduleNameLower.'-module-views']);
+
+        $this->loadViewsFrom(array_merge($this->getPublishableViewPaths(), [$sourcePath]), $this->moduleNameLower);
+
+        $componentNamespace = str_replace('/', '\\', config('modules.namespace').'\\'.$this->moduleName.'\\'.ltrim(config('modules.paths.generator.component-class.path'), config('modules.paths.app_folder', '')));
+        Blade::componentNamespace($componentNamespace, $this->moduleNameLower);
+    }
+
+    /**
+     * Get the services provided by the provider.
+     *
+     * @return array<string>
+     */
+    public function provides(): array
+    {
+        return [];
+    }
+
+    /**
+     * @return array<string>
+     */
+    private function getPublishableViewPaths(): array
+    {
+        $paths = [];
+        foreach (config('view.paths') as $path) {
+            if (is_dir($path.'/modules/'.$this->moduleNameLower)) {
+                $paths[] = $path.'/modules/'.$this->moduleNameLower;
+            }
+        }
+
+        return $paths;
+    }
+}

Modules/Menu/app/Providers/RouteServiceProvider.php

@@ -0,0 +1,49 @@
+<?php
+
+namespace Modules\Menu\Providers;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
+
+class RouteServiceProvider extends ServiceProvider
+{
+    /**
+     * Called before routes are registered.
+     *
+     * Register any model bindings or pattern based filters.
+     */
+    public function boot(): void
+    {
+        parent::boot();
+    }
+
+    /**
+     * Define the routes for the application.
+     */
+    public function map(): void
+    {
+        $this->mapApiRoutes();
+
+        $this->mapWebRoutes();
+    }
+
+    /**
+     * Define the "web" routes for the application.
+     *
+     * These routes all receive session state, CSRF protection, etc.
+     */
+    protected function mapWebRoutes(): void
+    {
+        Route::middleware('web')->group(module_path('Menu', '/routes/web.php'));
+    }
+
+    /**
+     * Define the "api" routes for the application.
+     *
+     * These routes are typically stateless.
+     */
+    protected function mapApiRoutes(): void
+    {
+        Route::middleware('api')->prefix('api')->name('api.')->group(module_path('Menu', '/routes/api.php'));
+    }
+}

Modules/Menu/app/Repositories/MenuRepository.php

@@ -0,0 +1,46 @@
+<?php
+namespace Modules\Menu\Repositories;
+
+use Modules\Menu\Interfaces\MenuInterface;
+use Modules\Menu\Models\Menu;
+
+class MenuRepository implements MenuInterface
+{
+    public function findAll()
+    {
+        return Menu::orderBy('order')->get();
+    }
+
+    public function findOne($menuId)
+    {
+        return Menu::findOrFail($menuId);
+    }
+
+    public function create($menuDetails)
+    {
+        return Menu::create($menuDetails);
+    }
+
+    public function update($menuId, array $newDetails)
+    {
+        $menu = Menu::whereId($menuId)->first();
+        $menu->update($newDetails);
+        return $menu;
+    }
+
+    public function delete($menuId)
+    {
+        return Menu::destroy($menuId);
+    }
+
+    public function pluck()
+    {
+        $menus = Menu::where('status', 1)->get();
+
+        return $menus->mapWithKeys(function ($item) {
+            $menuLocation = config('constants.menu_location_options')[$item->menu_location_id];
+            return [$item->id => "{$item->title} ({$menuLocation})"];
+        });
+    }
+
+}

Modules/Menu/composer.json

@@ -0,0 +1,30 @@
+{
+    "name": "nwidart/menu",
+    "description": "",
+    "authors": [
+        {
+            "name": "Nicolas Widart",
+            "email": "n.widart@gmail.com"
+        }
+    ],
+    "extra": {
+        "laravel": {
+            "providers": [],
+            "aliases": {
+
+            }
+        }
+    },
+    "autoload": {
+        "psr-4": {
+            "Modules\\Menu\\": "app/",
+            "Modules\\Menu\\Database\\Factories\\": "database/factories/",
+            "Modules\\Menu\\Database\\Seeders\\": "database/seeders/"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Modules\\Menu\\Tests\\": "tests/"
+        }
+    }
+}

Modules/Menu/config/config.php

@@ -0,0 +1,5 @@
+<?php
+
+return [
+    'name' => 'Menu',
+];

Modules/Menu/database/migrations/2024_05_26_144003_create_menus_table.php

@@ -0,0 +1,38 @@
+<?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('menus', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedInteger('menu_location_id')->nullable();
+            $table->string('title')->nullable();
+            $table->string('alias')->nullable();
+            $table->string('target')->default('_self');
+            $table->string('icon')->nullable();
+            $table->string('image')->nullable();
+            $table->unsignedInteger('parent_id')->nullable();
+            $table->integer('order')->nullable();
+            $table->string('type')->nullable();
+            $table->integer('status')->nullable();
+            $table->text('parameter')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('menus');
+    }
+};

Modules/Menu/database/seeders/MenuDatabaseSeeder.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace Modules\Menu\Database\Seeders;
+
+use Illuminate\Database\Seeder;
+
+class MenuDatabaseSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        $this->call([
+            MenuSeeder::class
+        ]);
+    }
+}

Modules/Menu/database/seeders/MenuSeeder.php

@@ -0,0 +1,157 @@
+<?php
+
+namespace Modules\Menu\Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use Modules\Menu\Models\Menu;
+
+class MenuSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        $headerMenus = [
+            [
+                'menu_location_id' => 1,
+                'title' => 'Home',
+                'alias' => 'home',
+                'target' => '_self',
+                'parent_id' => 0,
+                'order' => 1,
+                'type' => 'single-link',
+                'parameter' => '/',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 1,
+                'title' => 'Company Profile',
+                'alias' => 'company-profile',
+                'target' => '_self',
+                'parent_id' => 0,
+                'order' => 2,
+                'type' => 'single-link',
+                'parameter' => '/#company-profile',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 1,
+                'title' => 'Service',
+                'alias' => 'service',
+                'target' => '_self',
+                'parent_id' => 0,
+                'order' => 3,
+                'type' => 'single-link',
+                'parameter' => '/#service',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 1,
+                'title' => 'Blog',
+                'alias' => 'blog',
+                'target' => '_self',
+                'parent_id' => 0,
+                'order' => 4,
+                'type' => 'single-link',
+                'parameter' => '/#blog',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 1,
+                'title' => 'Contact',
+                'alias' => 'contact',
+                'target' => '_self',
+                'parent_id' => 0,
+                'order' => 5,
+                'type' => 'single-link',
+                'parameter' => '/#contact',
+                'status' => 11,
+            ],
+        ];
+
+
+        $footerMenus = [
+            [
+                'menu_location_id' => 2,
+                'title' => 'Company',
+                'alias' => 'company',
+                'target' => '_self',
+                'parent_id' => 0,
+                'order' => 6,
+                'type' => 'single-link',
+                'parameter' => '/',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 2,
+                'title' => 'Solutions',
+                'alias' => 'Solutions',
+                'target' => '_self',
+                'parent_id' => 0,
+                'order' => 7,
+                'type' => 'single-link',
+                'parameter' => '/',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 2,
+                'title' => 'About Us',
+                'alias' => 'about-us',
+                'target' => '_self',
+                'parent_id' => 6,
+                'order' => 8,
+                'type' => 'single-link',
+                'parameter' => '/about-us',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 2,
+                'title' => 'Meet Our Team',
+                'alias' => 'meet-our-team',
+                'target' => '_self',
+                'parent_id' => 6,
+                'order' => 9,
+                'type' => 'single-link',
+                'parameter' => '/meet-our-team',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 2,
+                'title' => 'IT Management',
+                'alias' => 'it-management',
+                'target' => '_self',
+                'parent_id' => 7,
+                'order' => 10,
+                'type' => 'single-link',
+                'parameter' => '/it-management',
+                'status' => 11,
+            ],
+
+            [
+                'menu_location_id' => 2,
+                'title' => 'Cyber Security',
+                'alias' => 'cyber-security',
+                'target' => '_self',
+                'parent_id' => 7,
+                'order' => 11,
+                'type' => 'single-link',
+                'parameter' => '/cyber-security',
+                'status' => 11,
+            ],
+
+            
+        ];
+
+        $menus = array_merge($headerMenus, $footerMenus);
+        Menu::insertOrIgnore($menus);
+    }
+}

Modules/Menu/module.json

@@ -0,0 +1,11 @@
+{
+    "name": "Menu",
+    "alias": "menu",
+    "description": "",
+    "keywords": [],
+    "priority": 0,
+    "providers": [
+        "Modules\\Menu\\Providers\\MenuServiceProvider"
+    ],
+    "files": []
+}

Modules/Menu/package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "axios": "^1.1.2",
+    "laravel-vite-plugin": "^0.7.5",
+    "sass": "^1.69.5",
+    "postcss": "^8.3.7",
+    "vite": "^4.0.0"
+  }
+}

Modules/Menu/resources/views/index.blade.php

@@ -0,0 +1,7 @@
+@extends('menu::layouts.master')
+
+@section('content')
+    <h1>Hello World</h1>
+
+    <p>Module: {!! config('menu.name') !!}</p>
+@endsection

Modules/Menu/resources/views/layouts/master.blade.php

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+    <title>Menu Module - {{ config('app.name', 'Laravel') }}</title>
+
+    <meta name="description" content="{{ $description ?? '' }}">
+    <meta name="keywords" content="{{ $keywords ?? '' }}">
+    <meta name="author" content="{{ $author ?? '' }}">
+
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+
+    {{-- Vite CSS --}}
+    {{-- {{ module_vite('build-menu', 'resources/assets/sass/app.scss') }} --}}
+</head>
+
+<body>
+    @yield('content')
+
+    {{-- Vite JS --}}
+    {{-- {{ module_vite('build-menu', 'resources/assets/js/app.js') }} --}}
+</body>

Modules/Menu/resources/views/menu/create.blade.php

@@ -0,0 +1,18 @@
+@extends('layouts.app')
+@section('content')
+        <div class="container-fluid">
+
+            <x-dashboard.breadcumb :title="$title" />
+
+            @if ($errors->any())
+            <x-flash-message type="danger" :messages="$errors->all()" />
+        @endif
+
+            {{ html()->form('POST')->route('menu.store')->class(['needs-validation'])->attributes(['enctype' => 'multipart/form-data', 'novalidate'])->open() }}
+
+            @include('menu::menu.partials._form')
+
+            {{ html()->form()->close() }}
+
+        </div>
+@endsection

Modules/Menu/resources/views/menu/datatable/action.blade.php

@@ -0,0 +1,7 @@
+<div class="hstack gap-3 flex-wrap">
+    <a href="{{ route('menu.edit', $id) }}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Edit" class="link-success fs-15"><i class="ri-edit-2-line"></i></a>
+    <a data-link="{{ route('menu.toggle', $id) }}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Toggle" data-status="{{ $status == 1 ? 'Draft' : 'Published' }}"
+        class="link-info fs-15 toggle-item"><i class="{{ $status == 1 ? 'ri-toggle-line' : 'ri-toggle-fill' }}"></i></a>
+    <a data-link="{{ route('menu.destroy', $id) }}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Delete" class="link-danger fs-15 remove-item"><i
+            class="ri-delete-bin-line"></i></a>
+</div>

Modules/Menu/resources/views/menu/edit.blade.php

@@ -0,0 +1,18 @@
+@extends('layouts.app')
+@section('content')
+        <div class="container-fluid">
+
+            <x-dashboard.breadcumb :title="$title" />
+
+            @if ($errors->any())
+            <x-flash-message type="danger" :messages="$errors->all()" />
+        @endif
+
+            {{ html()->modelForm($menu, 'PUT')->route('menu.update', $menu->id)->class(['needs-validation'])->attributes(['novalidate'])->open() }}
+
+            @include('menu::menu.partials._form')
+
+            {{ html()->form()->close() }}
+
+        </div>
+@endsection

Modules/Menu/resources/views/menu/index.blade.php

@@ -0,0 +1,32 @@
+@extends('layouts.app')
+@section('content')
+    <div class="container-fluid">
+        <x-dashboard.breadcumb :title="$title" />
+        <div class="card">
+            <div class="card-header align-items-center d-flex">
+                <h5 class="card-title flex-grow-1 mb-0">{{ $title }}</h5>
+                <div class="flex-shrink-0">
+                    <a href="{{ route('menu.create') }}" class="btn btn-primary waves-effect waves-light text-white"><i
+                            class="ri-add-fill me-1 align-bottom"></i> Create</a>
+                </div>
+            </div>
+            <div class="card-body">
+
+                @php
+                    $columns = [
+                        ['title' => 'S.N', 'data' => 'DT_RowIndex', 'name' => 'DT_RowIndex', 'orderable' => false, 'searchable' => false],
+                        ['title' => 'Location', 'data' => 'location', 'name' => 'location'],
+                        ['title' => 'Parent', 'data' => 'parent', 'name' => 'parent'],
+                        ['title' => 'Title', 'data' => 'title', 'name' => 'title'],
+                        ['title' => 'Type', 'data' => 'type', 'name' => 'type'],
+                        ['title' => 'URL', 'data' => 'parameter', 'name' => 'parameter'],
+                        ['title' => 'Order', 'data' => 'order', 'name' => 'order'],
+                        ['title' => 'Status', 'data' => 'status', 'name' => 'status'],
+                        ['title' => 'Action', 'data' => 'action', 'orderable' => false, 'searchable' => false],
+                    ];
+                @endphp
+                <x-data-table-script :route="route('menu.index')" :reorder="route('menu.reorder')" :columns="$columns" />
+            </div>
+        </div>
+    </div>
+@endsection

Modules/Menu/resources/views/menu/partials/_form.blade.php

@@ -0,0 +1,188 @@
+<div class="row">
+    <div class="col-lg-9">
+
+        <div class="card">
+            <div class="card-body">
+                <div class="row gy-3">
+                    <div class="col-md-6">
+                        {{ html()->label('Title')->class('form-label') }}
+                        {{ html()->span('*')->class('text-danger') }}
+                        {{ html()->text('title')->class('form-control')->placeholder('Menu Title')->required() }}
+                        {{ html()->div('Menu title is required')->class('invalid-feedback') }}
+                    </div>
+
+                    <div class="col-md-6">
+                        {{ html()->label('Location')->class('form-label') }}
+                        {{ html()->span('*')->class('text-danger') }}
+                        {{ html()->select('menu_location_id', config('constants.menu_location_options'))->class('form-select choices-select ')->required(true) }}
+                    </div>
+
+                    <div class="col-md-6">
+                        {{ html()->label('Type')->class('form-label') }}
+                        {{ html()->span('*')->class('text-danger') }}
+                        {{ html()->select('type', $menuTypes)->id('menuType')->class('form-select choices-select')->required(true) }}
+                    </div>
+
+                    <div class="col-md-6">
+                        {{ html()->label('Sub menu of (Empty if Parent Menu)')->class('form-label') }}
+                        {{ html()->select('parent_id', $menuOptions)->class('form-select choices-select')->placeholder('Select Parent') }}
+                    </div>
+
+                    <div class="col-md-6 dropdown-row" style="display: none">
+                        {{ html()->label('Ref (select Reference)')->class('form-label') }}
+                        {{ html()->span('*')->class('text-danger') }}
+                        {{ html()->select('parameter', [])->id('parameterDropdown')->class('form-select')->placeholder('Select option') }}
+                        {{ html()->div('Reference is required')->class('invalid-feedback') }}
+                    </div>
+
+                    <div class="col-md-6 text-row">
+                        {{ html()->label('#(Fragment) or Start from /(Custom)')->class('form-label') }}
+                        {{ html()->span('*')->class('text-danger') }}
+                        {{ html()->text('parameter')->id('parameterInput')->class('form-control') }}
+                        {{ html()->div('Link is required')->class('invalid-feedback') }}
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <div class="card">
+            <div class="card-header">
+                <h5 class="card-title mb-0">Icon</h5>
+            </div>
+            <div class="card-body">
+                <div class="row">
+                    <div class="col-md-6">
+                        {{ html()->label('Image')->class('form-label mb-1')->for('image') }}
+                        <x-image-input :data="$editable ? $menu->getRawOriginal('image') : null" id="image" name="image" :editable="$editable"
+                            :multiple=false />
+                    </div>
+
+                    <div class="col-md-6">
+                        {{ html()->label('Icon (Optional)')->class('form-label') }}
+                        {{ html()->text('icon')->class('form-control')->placeholder('Icon class') }}
+                    </div>
+                </div>
+            </div>
+            <!-- end card body -->
+        </div>
+    </div>
+
+    <!-- end col -->
+    <div class="col-lg-3">
+        <div class="card">
+            <div class="card-header">
+                <h5 class="card-title mb-0">Publish</h5>
+            </div>
+            <div class="card-body">
+                <div class="row">
+                    <div class="col-md-12">
+                        {{ html()->select('status', config('constants.page_status_options'))->class('form-select choices-select ') }}
+                    </div>
+                </div>
+            </div>
+            <!-- end card body -->
+            <x-form-buttons :editable="$editable" label="Create" href="{{ route('menu.index') }}" />
+        </div>
+
+        <div class="card featured-image-section">
+            <div class="card-header">
+                <h6 class="card-title mb-0 fs-14">
+                    Target
+                </h6>
+            </div>
+            <div class="card-body">
+                <div class="mb-3">
+                    {{ html()->select('target', config('constants.redirect_options'))->class('form-select choices-select') }}
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- end col -->
+</div>
+
+@push('js')
+
+    <script type="text/javascript">
+        $(document).ready(function() {
+            const editable = '{{ $editable }}';
+            console.log(editable);
+
+            if (editable == 1) {
+                const selectedValue = "{{ $menu->parameter ?? null }}";
+                $('#menuType').trigger('change', [selectedValue]);
+            }
+        });
+
+        $(document).on('change', '#menuType', function(event, selectedValue) {
+
+            const value = $(this).val();
+
+            if (value == 'single-link' || value == 'fragment') {
+
+                $('.dropdown-row').hide();
+
+                $('#parameterDropdown').prop({
+                    required: false,
+                });
+
+                $('.text-row').show();
+
+                $('#parameterInput').prop({
+                    required: true,
+                    disabled: false
+                });
+
+            } else {
+
+                $('.dropdown-row').show();
+
+                $('#parameterDropdown').prop({
+                    required: true,
+                });
+
+                $('.text-row').hide();
+
+                $('#parameterInput').prop({
+                    required: false,
+                    disabled: true
+                });
+
+                $.ajax({
+                        url: '{{ route('menu.getMenuTypeOptions') }}',
+                        type: 'GET',
+                        data: {
+                            tableName: value,
+                        },
+                        dataType: 'json',
+                    })
+                    .done(function(response) {
+                        $('#parameterDropdown').empty();
+
+                        $('#parameterDropdown').append($('<option>', {
+                            value: null,
+                            text: 'Select option',
+                            selected: true,
+                            disabled: true
+                        }));
+
+                        console.log(response.data);
+
+                        $.each(response.data, function(value, text) {
+                            const option = $('<option>', {
+                                value: value,
+                                text: text
+                            });
+                            if (value === selectedValue) {
+                                option.prop('selected', true);
+                            }
+                            $('#parameterDropdown').append(option);
+                        });
+                    })
+                    .fail(function(jqXHR, textStatus, errorThrown) {
+                        console.error("AJAX request failed: ", textStatus, errorThrown);
+                    });
+            }
+        });
+    </script>
+@endpush

Modules/Menu/routes/api.php

@@ -0,0 +1,19 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Modules\Menu\Http\Controllers\MenuController;
+
+/*
+ *--------------------------------------------------------------------------
+ * API Routes
+ *--------------------------------------------------------------------------
+ *
+ * Here is where you can register API routes for your application. These
+ * routes are loaded by the RouteServiceProvider within a group which
+ * is assigned the "api" middleware group. Enjoy building your API!
+ *
+*/
+
+Route::middleware(['auth:sanctum'])->prefix('v1')->group(function () {
+    //
+});

Modules/Menu/routes/web.php

@@ -0,0 +1,22 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Modules\Menu\Http\Controllers\MenuController;
+
+/*
+|--------------------------------------------------------------------------
+| Web Routes
+|--------------------------------------------------------------------------
+|
+| Here is where you can register web routes for your application. These
+| routes are loaded by the RouteServiceProvider within a group which
+| contains the "web" middleware group. Now create something great!
+|
+ */
+
+Route::group(['middleware' => ['auth', 'web'], 'prefix' => 'admin/'], function () {
+    Route::get('menu/getMenuTypeOptions', [MenuController::class, 'getMenuTypeOptions'])->name('menu.getMenuTypeOptions');
+    Route::get('menu/toggle/{id}', [MenuController::class, 'toggle'])->name('menu.toggle');
+    Route::post('menu/reorder', [MenuController::class, 'reorder'])->name('menu.reorder');
+    Route::resource('menu', MenuController::class)->names('menu');
+});

Modules/Menu/vite.config.js

@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+    build: {
+        outDir: '../../public/build-menu',
+        emptyOutDir: true,
+        manifest: true,
+    },
+    plugins: [
+        laravel({
+            publicDirectory: '../../public',
+            buildDirectory: 'build-menu',
+            input: [
+                __dirname + '/resources/assets/sass/app.scss',
+                __dirname + '/resources/assets/js/app.js'
+            ],
+            refresh: true,
+        }),
+    ],
+});
+
+//export const paths = [
+//    'Modules/Menu/resources/assets/sass/app.scss',
+//    'Modules/Menu/resources/assets/js/app.js',
+//];