commit 911731a0e6c0901de53465f839504ad3eb606efc
Author: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date:   Tue May 16 11:51:54 2023 +0700

    Initial Commit

diff --git a/Config/.gitkeep b/Config/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Config/config.php b/Config/config.php
new file mode 100644
index 0000000..c055c3f
--- /dev/null
+++ b/Config/config.php
@@ -0,0 +1,5 @@
+<?php
+
+return [
+    'name' => 'UserManager'
+];
diff --git a/DataTables/PermissionsDataTable.php b/DataTables/PermissionsDataTable.php
new file mode 100644
index 0000000..41394e4
--- /dev/null
+++ b/DataTables/PermissionsDataTable.php
@@ -0,0 +1,103 @@
+<?php
+
+    namespace Modules\UserManager\DataTables;
+
+    use Modules\UserManager\Entities\PermissionGroup;
+	use Yajra\DataTables\Html\Column;
+	use Yajra\DataTables\Services\DataTable;
+
+	class PermissionsDataTable extends DataTable
+    {
+        /**
+         * Build DataTable class.
+         *
+         * @param mixed $query Results from query() method.
+         * @return \Yajra\DataTables\DataTableAbstract
+         */
+        public function dataTable($query)
+        {
+            return datatables()
+                ->eloquent($query)
+                ->filter(function ($query) {
+                    if (request()->has('search')) {
+                        $search = request()->get('search');
+                        $query->where('name', 'like', "%" . $search['value'] . "%");
+                    }
+                })
+                ->rawColumns(['action','role'])
+                ->addIndexColumn()
+                ->addColumn('name', function (PermissionGroup $model) {
+                    return $model->name;
+                })
+                ->addColumn('role', function (PermissionGroup $model){
+                    $role =  $model->roles($model);
+                    return view('usermanager::users.permissions._checkbox', compact('role'));
+                })
+                ->addColumn('action', function (PermissionGroup $model) {
+                    return view('usermanager::users.permissions._action', compact('model'));
+                });
+        }
+
+        /**
+         * Get query source of dataTable.
+         *
+         * @param \Modules\UserManager\Entities\PermissionGroup $model
+         *
+         * @return \Illuminate\Database\Eloquent\Builder
+         */
+        public function query(PermissionGroup $model)
+        {
+            return $model->newQuery();
+        }
+
+        /**
+         * Optional method if you want to use html builder.
+         *
+         * @return \Yajra\DataTables\Html\Builder
+         */
+        public function html()
+        {
+            return $this->builder()
+                ->setTableId('user-permissions-table')
+                ->columns($this->getColumns())
+                ->minifiedAjax()
+                ->orderBy(1,'asc')
+                ->stateSave(false)
+                ->responsive()
+                ->autoWidth(false)
+                ->parameters([
+                    'scrollX'      => true,
+                    'drawCallback' => 'function() { KTMenu.createInstances(); }',
+                ])
+                ->addTableClass('align-middle table-row-dashed fs-6 gy-5');
+        }
+
+        /**
+         * Get columns.
+         *
+         * @return array
+         */
+        protected function getColumns()
+        {
+            return [
+                Column::make('DT_RowIndex')->title('No')->orderable(false)->searchable(false),
+                Column::make('name')->title('Name'),
+                Column::make('role')->title('Assign To'),
+                Column::computed('action')
+                    ->exportable(false)
+                    ->printable(false)
+                    ->addClass('text-center')
+                    ->responsivePriority(-1),
+
+            ];
+        }
+
+        /**
+         * Get filename for export
+         * @return string
+         */
+        protected function filename() : string
+        {
+            return 'Permissions_' . date('YmdHis');
+        }
+    }
diff --git a/DataTables/RolesDataTable.php b/DataTables/RolesDataTable.php
new file mode 100644
index 0000000..98350ec
--- /dev/null
+++ b/DataTables/RolesDataTable.php
@@ -0,0 +1,96 @@
+<?php
+
+    namespace Modules\UserManager\DataTables;
+
+use Spatie\Permission\Models\Role;
+use Yajra\DataTables\Html\Column;
+use Yajra\DataTables\Services\DataTable;
+
+class RolesDataTable extends DataTable
+{
+    /**
+     * Build DataTable class.
+     *
+     * @param mixed $query Results from query() method.
+     * @return \Yajra\DataTables\DataTableAbstract
+     */
+    public function dataTable($query)
+    {
+        return datatables()
+            ->eloquent($query)
+            ->rawColumns(['action'])
+            ->addIndexColumn()
+            ->filter(function ($query) {
+               if (request()->has('search')) {
+                   $search = request()->get('search');
+                    $query->where('name', 'like', "%" . $search['value'] . "%");
+                }
+            })
+            ->addColumn('action', function (Role $model) {
+                return view('usermanager::users.roles._action', compact('model'));
+            });
+    }
+
+    /**
+     * Get query source of dataTable.
+     *
+     * @param \Spatie\Permission\Models\Role $model
+     * @return \Illuminate\Database\Eloquent\Builder
+     */
+    public function query(Role $model)
+    {
+        return $model->newQuery();
+    }
+
+    /**
+     * Optional method if you want to use html builder.
+     *
+     * @return \Yajra\DataTables\Html\Builder
+     */
+    public function html()
+    {
+        return $this->builder()
+                    ->setTableId('user-roles-table')
+            ->columns($this->getColumns())
+            ->minifiedAjax()
+            ->orderBy(1,'asc')
+            ->stateSave(false)
+            ->responsive()
+            ->autoWidth(false)
+            ->parameters([
+                'scrollX'      => true,
+                'drawCallback' => 'function() { KTMenu.createInstances(); }',
+            ])
+            ->addTableClass('align-middle table-row-dashed fs-6 gy-5');
+
+    }
+
+    /**
+     * Get columns.
+     *
+     * @return array
+     */
+    protected function getColumns()
+    {
+        return [
+            Column::make('DT_RowIndex')->title('No')->orderable(false)->searchable(false),
+            Column::make('name'),
+            Column::computed('action')
+                ->exportable(false)
+                ->printable(false)
+                ->addClass('text-center')
+                ->responsivePriority(-1),
+
+        ];
+    }
+
+    /**
+     * Get filename for export.
+     *
+     * @return string
+     */
+    protected function filename() : string
+    {
+        return 'Roles_' . date('YmdHis');
+    }
+}
diff --git a/DataTables/UsersDataTable.php b/DataTables/UsersDataTable.php
new file mode 100644
index 0000000..7158974
--- /dev/null
+++ b/DataTables/UsersDataTable.php
@@ -0,0 +1,98 @@
+<?php
+
+    namespace Modules\UserManager\DataTables;
+
+use Modules\UserManager\Entities\User;
+use Yajra\DataTables\Html\Column;
+use Yajra\DataTables\Services\DataTable;
+
+class UsersDataTable extends DataTable
+{
+    /**
+     * Build DataTable class.
+     *
+     * @param mixed $query Results from query() method.
+     * @return \Yajra\DataTables\DataTableAbstract
+     */
+    public function dataTable($query)
+    {
+
+        return datatables()
+            ->eloquent($query)
+            ->filter(function ($query) {
+                $search = request()->get('search');
+                if ($search['value']!=="") {
+                    $query->where('name', 'like', "%" . $search['value'] . "%")
+                        ->orWhere('email', 'like', "%" . $search['value'] . "%");
+                }
+            })
+            ->rawColumns(['action'])
+            ->addIndexColumn()
+            ->addColumn('action', function (User $model) {
+                return view('usermanager::users.users._action', compact('model'));
+            });
+    }
+
+    /**
+     * Get query source of dataTable.
+     *
+     * @param \Modules\UserManager\Entities\User $model
+     *
+     * @return \Illuminate\Database\Eloquent\Builder
+     */
+    public function query(User $model)
+    {
+        return $model->newQuery();
+    }
+
+    /**
+     * Optional method if you want to use html builder.
+     *
+     * @return \Yajra\DataTables\Html\Builder
+     */
+    public function html()
+    {
+        return $this->builder()
+                    ->setTableId('user-users-table')
+                    ->columns($this->getColumns())
+                    ->minifiedAjax()
+                    ->orderBy(1,'asc')
+                    ->stateSave(false)
+                    ->responsive()
+                    ->autoWidth(false)
+                    ->parameters([
+                        'scrollX'      => true,
+                        'drawCallback' => 'function() { KTMenu.createInstances(); }',
+                    ])
+                    ->addTableClass('align-middle table-row-dashed fs-6 gy-5');
+    }
+
+    /**
+     * Get columns.
+     *
+     * @return array
+     */
+    protected function getColumns()
+    {
+        return [
+            Column::make('DT_RowIndex')->title('No')->orderable(false)->searchable(false),
+            Column::make('name')->title(__('Name')),
+            Column::make('email'),
+            Column::computed('action')
+                ->exportable(false)
+                ->printable(false)
+                ->addClass('text-center')
+                ->responsivePriority(-1),
+        ];
+    }
+
+    /**
+     * Get filename for export.
+     *
+     * @return string
+     */
+    protected function filename() : string
+    {
+        return 'Users_' . date('YmdHis');
+    }
+}
diff --git a/Database/Migrations/.gitkeep b/Database/Migrations/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Database/Migrations/2014_10_12_000000_create_users_table.php b/Database/Migrations/2014_10_12_000000_create_users_table.php
new file mode 100644
index 0000000..17b28da
--- /dev/null
+++ b/Database/Migrations/2014_10_12_000000_create_users_table.php
@@ -0,0 +1,43 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('users', function (Blueprint $table) {
+            $table->id();
+            $table->foreignIdFor('Modules\CetakLabel\Entities\Directorat', 'directorat_id')->nullable();
+            $table->foreignIdFor('Modules\CetakLabel\Entities\SubDirectorat', 'sub_directorat_id')->nullable();
+            $table->string('name');
+            $table->string('email')->unique();
+            $table->timestamp('email_verified_at')->nullable();
+            $table->string('password');
+            $table->rememberToken();
+            $table->timestamps();
+            $table->softDeletes();
+
+            $table->unsignedBigInteger('created_by')->nullable();
+            $table->unsignedBigInteger('updated_by')->nullable();
+            $table->unsignedBigInteger('deleted_by')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('users');
+    }
+};
diff --git a/Database/Migrations/2014_10_12_100000_create_password_resets_table.php b/Database/Migrations/2014_10_12_100000_create_password_resets_table.php
new file mode 100644
index 0000000..3d3536e
--- /dev/null
+++ b/Database/Migrations/2014_10_12_100000_create_password_resets_table.php
@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('password_resets', function (Blueprint $table) {
+            $table->string('email')->index();
+            $table->string('token');
+            $table->timestamp('created_at')->nullable();
+            $table->softDeletes();
+
+            $table->unsignedBigInteger('created_by')->nullable();
+            $table->unsignedBigInteger('updated_by')->nullable();
+            $table->unsignedBigInteger('deleted_by')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('password_resets');
+    }
+};
diff --git a/Database/Migrations/2019_08_19_000000_create_failed_jobs_table.php b/Database/Migrations/2019_08_19_000000_create_failed_jobs_table.php
new file mode 100644
index 0000000..579b7f6
--- /dev/null
+++ b/Database/Migrations/2019_08_19_000000_create_failed_jobs_table.php
@@ -0,0 +1,41 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('failed_jobs', function (Blueprint $table) {
+            $table->id();
+            $table->string('uuid')->unique();
+            $table->text('connection');
+            $table->text('queue');
+            $table->longText('payload');
+            $table->longText('exception');
+            $table->timestamp('failed_at')->useCurrent();
+            $table->softDeletes();
+
+            $table->unsignedBigInteger('created_by')->nullable();
+            $table->unsignedBigInteger('updated_by')->nullable();
+            $table->unsignedBigInteger('deleted_by')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('failed_jobs');
+    }
+};
diff --git a/Database/Migrations/2019_12_14_000001_create_personal_access_tokens_table.php b/Database/Migrations/2019_12_14_000001_create_personal_access_tokens_table.php
new file mode 100644
index 0000000..b1259f9
--- /dev/null
+++ b/Database/Migrations/2019_12_14_000001_create_personal_access_tokens_table.php
@@ -0,0 +1,42 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('personal_access_tokens', function (Blueprint $table) {
+            $table->id();
+            $table->morphs('tokenable');
+            $table->string('name');
+            $table->string('token', 64)->unique();
+            $table->text('abilities')->nullable();
+            $table->timestamp('last_used_at')->nullable();
+            $table->timestamp('expires_at')->nullable();
+            $table->timestamps();
+            $table->softDeletes();
+
+            $table->unsignedBigInteger('created_by')->nullable();
+            $table->unsignedBigInteger('updated_by')->nullable();
+            $table->unsignedBigInteger('deleted_by')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('personal_access_tokens');
+    }
+};
diff --git a/Database/Migrations/2023_04_15_221620_create_permission_tables.php b/Database/Migrations/2023_04_15_221620_create_permission_tables.php
new file mode 100644
index 0000000..04c3278
--- /dev/null
+++ b/Database/Migrations/2023_04_15_221620_create_permission_tables.php
@@ -0,0 +1,141 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+use Spatie\Permission\PermissionRegistrar;
+
+class CreatePermissionTables extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        $tableNames = config('permission.table_names');
+        $columnNames = config('permission.column_names');
+        $teams = config('permission.teams');
+
+        if (empty($tableNames)) {
+            throw new \Exception('Error: config/permission.php not loaded. Run [php artisan config:clear] and try again.');
+        }
+        if ($teams && empty($columnNames['team_foreign_key'] ?? null)) {
+            throw new \Exception('Error: team_foreign_key on config/permission.php not loaded. Run [php artisan config:clear] and try again.');
+        }
+
+        Schema::create($tableNames['permissions'], function (Blueprint $table) {
+            $table->bigIncrements('id'); // permission id
+            $table->string('name');       // For MySQL 8.0 use string('name', 125);
+            $table->string('guard_name'); // For MySQL 8.0 use string('guard_name', 125);
+            $table->timestamps();
+
+            $table->unique(['name', 'guard_name']);
+        });
+
+        Schema::create($tableNames['roles'], function (Blueprint $table) use ($teams, $columnNames) {
+            $table->bigIncrements('id'); // role id
+            if ($teams || config('permission.testing')) { // permission.testing is a fix for sqlite testing
+                $table->unsignedBigInteger($columnNames['team_foreign_key'])->nullable();
+                $table->index($columnNames['team_foreign_key'], 'roles_team_foreign_key_index');
+            }
+            $table->string('name');       // For MySQL 8.0 use string('name', 125);
+            $table->string('guard_name'); // For MySQL 8.0 use string('guard_name', 125);
+            $table->timestamps();
+            if ($teams || config('permission.testing')) {
+                $table->unique([$columnNames['team_foreign_key'], 'name', 'guard_name']);
+            } else {
+                $table->unique(['name', 'guard_name']);
+            }
+        });
+
+        Schema::create($tableNames['model_has_permissions'], function (Blueprint $table) use ($tableNames, $columnNames, $teams) {
+            $table->unsignedBigInteger(PermissionRegistrar::$pivotPermission);
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_model_id_model_type_index');
+
+            $table->foreign(PermissionRegistrar::$pivotPermission)
+                ->references('id') // permission id
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+            if ($teams) {
+                $table->unsignedBigInteger($columnNames['team_foreign_key']);
+                $table->index($columnNames['team_foreign_key'], 'model_has_permissions_team_foreign_key_index');
+
+                $table->primary([$columnNames['team_foreign_key'], PermissionRegistrar::$pivotPermission, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_permissions_permission_model_type_primary');
+            } else {
+                $table->primary([PermissionRegistrar::$pivotPermission, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_permissions_permission_model_type_primary');
+            }
+
+        });
+
+        Schema::create($tableNames['model_has_roles'], function (Blueprint $table) use ($tableNames, $columnNames, $teams) {
+            $table->unsignedBigInteger(PermissionRegistrar::$pivotRole);
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_roles_model_id_model_type_index');
+
+            $table->foreign(PermissionRegistrar::$pivotRole)
+                ->references('id') // role id
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+            if ($teams) {
+                $table->unsignedBigInteger($columnNames['team_foreign_key']);
+                $table->index($columnNames['team_foreign_key'], 'model_has_roles_team_foreign_key_index');
+
+                $table->primary([$columnNames['team_foreign_key'], PermissionRegistrar::$pivotRole, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_roles_role_model_type_primary');
+            } else {
+                $table->primary([PermissionRegistrar::$pivotRole, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_roles_role_model_type_primary');
+            }
+        });
+
+        Schema::create($tableNames['role_has_permissions'], function (Blueprint $table) use ($tableNames) {
+            $table->unsignedBigInteger(PermissionRegistrar::$pivotPermission);
+            $table->unsignedBigInteger(PermissionRegistrar::$pivotRole);
+
+            $table->foreign(PermissionRegistrar::$pivotPermission)
+                ->references('id') // permission id
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+
+            $table->foreign(PermissionRegistrar::$pivotRole)
+                ->references('id') // role id
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+
+            $table->primary([PermissionRegistrar::$pivotPermission, PermissionRegistrar::$pivotRole], 'role_has_permissions_permission_id_role_id_primary');
+        });
+
+        app('cache')
+            ->store(config('permission.cache.store') != 'default' ? config('permission.cache.store') : null)
+            ->forget(config('permission.cache.key'));
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        $tableNames = config('permission.table_names');
+
+        if (empty($tableNames)) {
+            throw new \Exception('Error: config/permission.php not found and defaults could not be merged. Please publish the package configuration before proceeding, or drop the tables manually.');
+        }
+
+        Schema::drop($tableNames['role_has_permissions']);
+        Schema::drop($tableNames['model_has_roles']);
+        Schema::drop($tableNames['model_has_permissions']);
+        Schema::drop($tableNames['roles']);
+        Schema::drop($tableNames['permissions']);
+    }
+}
diff --git a/Database/Migrations/2023_04_15_225705_create_permission_groups_table.php b/Database/Migrations/2023_04_15_225705_create_permission_groups_table.php
new file mode 100644
index 0000000..7842625
--- /dev/null
+++ b/Database/Migrations/2023_04_15_225705_create_permission_groups_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.
+         *
+         * @return void
+         */
+        public function up()
+        {
+            Schema::create('permission_groups', function (Blueprint $table) {
+                $table->id();
+                $table->string('name');
+                $table->timestamps();
+                $table->softDeletes();
+
+                $table->unsignedBigInteger('created_by')->nullable();
+                $table->unsignedBigInteger('updated_by')->nullable();
+                $table->unsignedBigInteger('deleted_by')->nullable();
+
+            });
+        }
+
+        /**
+         * Reverse the migrations.
+         *
+         * @return void
+         */
+        public function down()
+        {
+            Schema::dropIfExists('permission_groups');
+        }
+    };
diff --git a/Database/Migrations/2023_04_15_225909_update_permissions_table.php b/Database/Migrations/2023_04_15_225909_update_permissions_table.php
new file mode 100644
index 0000000..88967cb
--- /dev/null
+++ b/Database/Migrations/2023_04_15_225909_update_permissions_table.php
@@ -0,0 +1,27 @@
+<?php
+
+	use Illuminate\Database\Migrations\Migration;
+	use Illuminate\Support\Facades\Schema;
+	use Modules\UserManager\Entities\PermissionGroup;
+
+	return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('permissions', function($table) {
+            $table->foreignIdFor(PermissionGroup::class);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropForeignKey('permission_group_id');
+        Schema::dropColumn('permission_group_id');
+    }
+};
diff --git a/Database/Seeders/.gitkeep b/Database/Seeders/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Database/Seeders/UserManagerDatabaseSeeder.php b/Database/Seeders/UserManagerDatabaseSeeder.php
new file mode 100644
index 0000000..23e2e82
--- /dev/null
+++ b/Database/Seeders/UserManagerDatabaseSeeder.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Modules\UserManager\Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use Illuminate\Database\Eloquent\Model;
+
+class UserManagerDatabaseSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        Model::unguard();
+
+        $this->call([
+            UsersSeeder::class
+        ]);
+    }
+}
diff --git a/Database/Seeders/UsersSeeder.php b/Database/Seeders/UsersSeeder.php
new file mode 100644
index 0000000..62c8124
--- /dev/null
+++ b/Database/Seeders/UsersSeeder.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Modules\UserManager\Database\Seeders;
+
+use Faker\Generator;
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\Hash;
+use Modules\UserManager\Entities\User;
+
+class UsersSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run(Generator $faker)
+    {
+        $demoUser = User::create([
+            'name'              => $faker->name,
+            'email'             => 'demo@demo.com',
+            'password'          => Hash::make('demo'),
+            'email_verified_at' => now(),
+        ]);
+
+        $demoUser2 = User::create([
+            'name'              => $faker->name,
+            'email'             => 'admin@demo.com',
+            'password'          => Hash::make('demo'),
+            'email_verified_at' => now(),
+        ]);
+    }
+}
diff --git a/Database/factories/.gitkeep b/Database/factories/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Entities/.gitkeep b/Entities/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Entities/BaseModel.php b/Entities/BaseModel.php
new file mode 100644
index 0000000..8b38625
--- /dev/null
+++ b/Entities/BaseModel.php
@@ -0,0 +1,34 @@
+<?php
+
+    namespace Modules\UserManager\Entities;
+
+    use Illuminate\Database\Eloquent\Factories\HasFactory;
+    use Illuminate\Database\Eloquent\Model;
+    use Illuminate\Database\Eloquent\SoftDeletes;
+    use Spatie\Activitylog\LogOptions;
+    use Spatie\Activitylog\Traits\LogsActivity;
+    use Wildside\Userstamps\Userstamps;
+
+    class BaseModel extends Model
+    {
+        use LogsActivity, HasFactory, SoftDeletes, Userstamps;
+
+        protected $connection;
+
+        public function __construct(array $attributes = [])
+        {
+            parent::__construct($attributes);
+            $module = file_get_contents(dirname(__FILE__, 2) . '/module.json');
+            $module = json_decode($module);
+
+            $this->connection = $module->database;
+        }
+
+        public function getActivitylogOptions()
+        : LogOptions
+        {
+            return LogOptions::defaults()->logAll()
+                ->useLogName('Cetak Label : ');
+        }
+
+    }
diff --git a/Entities/Permission.php b/Entities/Permission.php
new file mode 100644
index 0000000..5902493
--- /dev/null
+++ b/Entities/Permission.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Modules\UserManager\Entities;
+
+use Spatie\Activitylog\LogOptions;
+use Spatie\Activitylog\Traits\LogsActivity;
+use Spatie\Permission\Models\Permission as SpatiePermission;
+
+class Permission extends SpatiePermission
+{
+    use LogsActivity;
+
+    public function getActivitylogOptions(): LogOptions
+    {
+        return LogOptions::defaults()->logAll()
+            ->useLogName('master data');
+    }
+
+    public function group()
+    {
+        return $this->hasOne(PermissionGroup::class);
+    }
+}
diff --git a/Entities/PermissionGroup.php b/Entities/PermissionGroup.php
new file mode 100644
index 0000000..c8f3d60
--- /dev/null
+++ b/Entities/PermissionGroup.php
@@ -0,0 +1,43 @@
+<?php
+
+    namespace Modules\UserManager\Entities;
+
+    use Illuminate\Support\Facades\DB;
+    use Spatie\Permission\Models\Role;
+
+    class PermissionGroup extends BaseModel
+    {
+
+        protected $fillable = [
+            'name'
+        ];
+
+        public static function getpermissionsByGroupId($id)
+        {
+            $permissions = DB::table('permissions')->select('name', 'id')->where('permission_group_id', $id)->get();
+            return $permissions;
+        }
+
+        public function permission()
+        {
+            return $this->hasMany(Permission::class);
+        }
+
+        public function roles($group)
+        {
+            $permission = Permission::where('permission_group_id', $group->id)->first();
+
+            $data = [];
+
+            $roles = Role::all();
+
+            foreach ($roles as $role) {
+                if ($role->hasPermissionTo($permission->name)) {
+                    array_push($data, $role);
+                }
+            }
+
+            return $data;
+        }
+
+    }
diff --git a/Entities/User.php b/Entities/User.php
new file mode 100644
index 0000000..3fda4a4
--- /dev/null
+++ b/Entities/User.php
@@ -0,0 +1,48 @@
+<?php
+
+    namespace Modules\UserManager\Entities;
+
+    use Illuminate\Database\Eloquent\Factories\HasFactory;
+    use Illuminate\Foundation\Auth\User as Authenticatable;
+    use Illuminate\Notifications\Notifiable;
+    use Laravel\Sanctum\HasApiTokens;
+    use Spatie\Permission\Traits\HasRoles;
+    use Wildside\Userstamps\Userstamps;
+
+    class User extends Authenticatable
+    {
+        use HasApiTokens, HasFactory, Notifiable, Userstamps;
+        use HasRoles;
+
+        /**
+         * The attributes that are mass assignable.
+         *
+         * @var array<int, string>
+         */
+        protected $fillable = [
+            'name',
+            'email',
+            'password',
+            'directorat_id',
+            'sub_directorat_id',
+        ];
+
+        /**
+         * The attributes that should be hidden for serialization.
+         *
+         * @var array<int, string>
+         */
+        protected $hidden = [
+            'password',
+            'remember_token',
+        ];
+
+        /**
+         * The attributes that should be cast.
+         *
+         * @var array<string, string>
+         */
+        protected $casts = [
+            'email_verified_at' => 'datetime',
+        ];
+    }
diff --git a/Http/Controllers/.gitkeep b/Http/Controllers/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Http/Controllers/Auth/AuthApiController.php b/Http/Controllers/Auth/AuthApiController.php
new file mode 100644
index 0000000..96bf91a
--- /dev/null
+++ b/Http/Controllers/Auth/AuthApiController.php
@@ -0,0 +1,58 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\ApiController;
+    use Illuminate\Http\JsonResponse;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Auth;
+    use Illuminate\Support\Facades\Validator;
+    use Modules\UserManager\Entities\User;
+
+    class AuthApiController extends ApiController
+    {
+        /**
+         * Register api
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function register(Request $request): JsonResponse
+        {
+            $validator = Validator::make($request->all(), [
+                'name'                  => 'required',
+                'email'                 => 'required|email',
+                'password'              => 'required',
+                'password_confirmation' => 'required|same:password',
+            ]);
+
+            if ($validator->fails()) {
+                return $this->sendError('Validation Error.', $validator->errors());
+            }
+
+            $input             = $request->all();
+            $input['password'] = bcrypt($input['password']);
+            $user              = User::create($input);
+            $success['token']  = $user->createToken('MyApp')->plainTextToken;
+            $success['name']   = $user->name;
+
+            return $this->sendResponse($success, 'User register successfully.');
+        }
+
+        /**
+         * Login api
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function login(Request $request): JsonResponse
+        {
+            if (Auth::attempt(['email' => $request->email, 'password' => $request->password])) {
+                $user             = Auth::user();
+                $success['token'] = $user->createToken('MyApp')->plainTextToken;
+                $success['name']  = $user->name;
+
+                return $this->sendResponse($success, 'User login successfully.');
+            } else {
+                return $this->sendError('Unauthorised.', ['error' => 'Unauthorised']);
+            }
+        }
+    }
diff --git a/Http/Controllers/Auth/AuthenticatedSessionController.php b/Http/Controllers/Auth/AuthenticatedSessionController.php
new file mode 100644
index 0000000..c607ad0
--- /dev/null
+++ b/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -0,0 +1,58 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use App\Providers\RouteServiceProvider;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Auth;
+    use Modules\UserManager\Http\Requests\LoginRequest;
+
+    class AuthenticatedSessionController extends Controller
+    {
+        /**
+         * Display the login view.
+         *
+         * @return \Illuminate\View\View
+         */
+        public function create()
+        {
+            addJavascriptFile('assets/js/custom/authentication/sign-in/general.js');
+
+            return view('usermanager::auth.login');
+        }
+
+        /**
+         * Handle an incoming authentication request.
+         *
+         * @param \Modules\UserManager\Http\Requests\LoginRequest $request
+         *
+         * @return \Illuminate\Http\RedirectResponse
+         */
+        public function store(LoginRequest $request)
+        {
+            $request->authenticate();
+
+            $request->session()->regenerate();
+
+            return redirect()->intended(RouteServiceProvider::HOME);
+        }
+
+        /**
+         * Destroy an authenticated session.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return \Illuminate\Http\RedirectResponse
+         */
+        public function destroy(Request $request)
+        {
+            Auth::guard('web')->logout();
+
+            $request->session()->invalidate();
+
+            $request->session()->regenerateToken();
+
+            return redirect('/');
+        }
+    }
diff --git a/Http/Controllers/Auth/ConfirmablePasswordController.php b/Http/Controllers/Auth/ConfirmablePasswordController.php
new file mode 100644
index 0000000..4dca1f3
--- /dev/null
+++ b/Http/Controllers/Auth/ConfirmablePasswordController.php
@@ -0,0 +1,45 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use App\Providers\RouteServiceProvider;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Auth;
+    use Illuminate\Validation\ValidationException;
+
+    class ConfirmablePasswordController extends Controller
+    {
+        /**
+         * Show the confirm password view.
+         *
+         * @return \Illuminate\View\View
+         */
+        public function show()
+        {
+            return view('usermanager::auth.confirm-password');
+        }
+
+        /**
+         * Confirm the user's password.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return mixed
+         */
+        public function store(Request $request)
+        {
+            if (!Auth::guard('web')->validate([
+                'email'    => $request->user()->email,
+                'password' => $request->password,
+            ])) {
+                throw ValidationException::withMessages([
+                    'password' => __('auth.password'),
+                ]);
+            }
+
+            $request->session()->put('auth.password_confirmed_at', time());
+
+            return redirect()->intended(RouteServiceProvider::HOME);
+        }
+    }
diff --git a/Http/Controllers/Auth/EmailVerificationNotificationController.php b/Http/Controllers/Auth/EmailVerificationNotificationController.php
new file mode 100644
index 0000000..382ab76
--- /dev/null
+++ b/Http/Controllers/Auth/EmailVerificationNotificationController.php
@@ -0,0 +1,28 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use App\Providers\RouteServiceProvider;
+    use Illuminate\Http\Request;
+
+    class EmailVerificationNotificationController extends Controller
+    {
+        /**
+         * Send a new email verification notification.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return \Illuminate\Http\RedirectResponse
+         */
+        public function store(Request $request)
+        {
+            if ($request->user()->hasVerifiedEmail()) {
+                return redirect()->intended(RouteServiceProvider::HOME);
+            }
+
+            $request->user()->sendEmailVerificationNotification();
+
+            return back()->with('status', 'verification-link-sent');
+        }
+    }
diff --git a/Http/Controllers/Auth/EmailVerificationPromptController.php b/Http/Controllers/Auth/EmailVerificationPromptController.php
new file mode 100644
index 0000000..cbf71cc
--- /dev/null
+++ b/Http/Controllers/Auth/EmailVerificationPromptController.php
@@ -0,0 +1,22 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use App\Providers\RouteServiceProvider;
+    use Illuminate\Http\Request;
+
+    class EmailVerificationPromptController extends Controller
+    {
+        /**
+         * Display the email verification prompt.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return mixed
+         */
+        public function __invoke(Request $request)
+        {
+            return $request->user()->hasVerifiedEmail() ? redirect()->intended(RouteServiceProvider::HOME) : view('usermanager::auth.verify-email');
+        }
+    }
diff --git a/Http/Controllers/Auth/NewPasswordController.php b/Http/Controllers/Auth/NewPasswordController.php
new file mode 100644
index 0000000..0bde770
--- /dev/null
+++ b/Http/Controllers/Auth/NewPasswordController.php
@@ -0,0 +1,61 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use Illuminate\Auth\Events\PasswordReset;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Hash;
+    use Illuminate\Support\Facades\Password;
+    use Illuminate\Support\Str;
+    use Illuminate\Validation\Rules;
+
+    class NewPasswordController extends Controller
+    {
+        /**
+         * Display the password reset view.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return \Illuminate\View\View
+         */
+        public function create(Request $request)
+        {
+            return view('usermanager::auth.reset-password', ['request' => $request]);
+        }
+
+        /**
+         * Handle an incoming new password request.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return \Illuminate\Http\RedirectResponse
+         *
+         * @throws \Illuminate\Validation\ValidationException
+         */
+        public function store(Request $request)
+        {
+            $request->validate([
+                'token'    => ['required'],
+                'email'    => ['required', 'email'],
+                'password' => ['required', 'confirmed', Rules\Password::defaults()],
+            ]);
+
+            // Here we will attempt to reset the user's password. If it is successful we
+            // will update the password on an actual user model and persist it to the
+            // database. Otherwise we will parse the error and return the response.
+            $status = Password::reset($request->only('email', 'password', 'password_confirmation', 'token'), function ($user) use ($request) {
+                $user->forceFill([
+                    'password'       => Hash::make($request->password),
+                    'remember_token' => Str::random(60),
+                ])->save();
+
+                event(new PasswordReset($user));
+            });
+
+            // If the password was successfully reset, we will redirect the user back to
+            // the application's home authenticated view. If there is an error we can
+            // redirect them back to where they came from with their error message.
+            return $status == Password::PASSWORD_RESET ? redirect()->route('login')->with('status', __($status)) : back()->withInput($request->only('email'))->withErrors(['email' => __($status)]);
+        }
+    }
diff --git a/Http/Controllers/Auth/PasswordResetLinkController.php b/Http/Controllers/Auth/PasswordResetLinkController.php
new file mode 100644
index 0000000..7057425
--- /dev/null
+++ b/Http/Controllers/Auth/PasswordResetLinkController.php
@@ -0,0 +1,45 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Password;
+
+    class PasswordResetLinkController extends Controller
+    {
+        /**
+         * Display the password reset link request view.
+         *
+         * @return \Illuminate\View\View
+         */
+        public function create()
+        {
+            addJavascriptFile('assets/js/custom/authentication/reset-password/reset-password.js');
+
+            return view('usermanager::auth.forgot-password');
+        }
+
+        /**
+         * Handle an incoming password reset link request.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return \Illuminate\Http\RedirectResponse
+         *
+         * @throws \Illuminate\Validation\ValidationException
+         */
+        public function store(Request $request)
+        {
+            $request->validate([
+                'email' => ['required', 'email'],
+            ]);
+
+            // We will send the password reset link to this user. Once we have attempted
+            // to send the link, we will examine the response then see the message we
+            // need to show to the user. Finally, we'll send out a proper response.
+            $status = Password::sendResetLink($request->only('email'));
+
+            return $status == Password::RESET_LINK_SENT ? back()->with('status', __($status)) : back()->withInput($request->only('email'))->withErrors(['email' => __($status)]);
+        }
+    }
diff --git a/Http/Controllers/Auth/RegisteredUserController.php b/Http/Controllers/Auth/RegisteredUserController.php
new file mode 100644
index 0000000..a907f3a
--- /dev/null
+++ b/Http/Controllers/Auth/RegisteredUserController.php
@@ -0,0 +1,57 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use App\Providers\RouteServiceProvider;
+    use Illuminate\Auth\Events\Registered;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Auth;
+    use Illuminate\Support\Facades\Hash;
+    use Illuminate\Validation\Rules;
+    use Modules\UserManager\Entities\User;
+
+    class RegisteredUserController extends Controller
+    {
+        /**
+         * Handle an incoming registration request.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return \Illuminate\Http\RedirectResponse
+         *
+         * @throws \Illuminate\Validation\ValidationException
+         */
+        public function store(Request $request)
+        {
+            $request->validate([
+                'name'     => ['required', 'string', 'max:255'],
+                'email'    => ['required', 'string', 'email', 'max:255', 'unique:users'],
+                'password' => ['required', 'confirmed', Rules\Password::defaults()],
+            ]);
+
+            $user = User::create([
+                'name'     => $request->name,
+                'email'    => $request->email,
+                'password' => Hash::make($request->password),
+            ]);
+
+            event(new Registered($user));
+
+            Auth::login($user);
+
+            return redirect(RouteServiceProvider::HOME);
+        }
+
+        /**
+         * Display the registration view.
+         *
+         * @return \Illuminate\View\View
+         */
+        public function create()
+        {
+            addJavascriptFile('assets/js/custom/authentication/sign-up/general.js');
+
+            return view('usermanager::auth.register');
+        }
+    }
diff --git a/Http/Controllers/Auth/VerifyEmailController.php b/Http/Controllers/Auth/VerifyEmailController.php
new file mode 100644
index 0000000..8c75dfb
--- /dev/null
+++ b/Http/Controllers/Auth/VerifyEmailController.php
@@ -0,0 +1,31 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Auth;
+
+    use App\Http\Controllers\Controller;
+    use App\Providers\RouteServiceProvider;
+    use Illuminate\Auth\Events\Verified;
+    use Illuminate\Foundation\Auth\EmailVerificationRequest;
+
+    class VerifyEmailController extends Controller
+    {
+        /**
+         * Mark the authenticated user's email address as verified.
+         *
+         * @param \Illuminate\Foundation\Auth\EmailVerificationRequest $request
+         *
+         * @return \Illuminate\Http\RedirectResponse
+         */
+        public function __invoke(EmailVerificationRequest $request)
+        {
+            if ($request->user()->hasVerifiedEmail()) {
+                return redirect()->intended(RouteServiceProvider::HOME . '?verified=1');
+            }
+
+            if ($request->user()->markEmailAsVerified()) {
+                event(new Verified($request->user()));
+            }
+
+            return redirect()->intended(RouteServiceProvider::HOME . '?verified=1');
+        }
+    }
diff --git a/Http/Controllers/Users/PermissionsController.php b/Http/Controllers/Users/PermissionsController.php
new file mode 100644
index 0000000..550e6c6
--- /dev/null
+++ b/Http/Controllers/Users/PermissionsController.php
@@ -0,0 +1,211 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Users;
+
+    use App\Http\Controllers\Controller;
+    use Exception;
+    use Illuminate\Http\Request;
+    use Illuminate\Support\Facades\Auth;
+    use Modules\UserManager\DataTables\PermissionsDataTable;
+    use Modules\UserManager\Entities\Permission;
+    use Modules\UserManager\Entities\PermissionGroup;
+
+    class PermissionsController extends Controller
+    {
+        public $user;
+
+        public function __construct()
+        {
+            $this->middleware(function ($request, $next) {
+                $this->user = Auth::guard('web')->user();
+                return $next($request);
+            });
+        }
+
+        /**
+         * Display a listing of the resource.
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function index(PermissionsDataTable $dataTable)
+        {
+            /* if (is_null($this->user) || !$this->user->can('permission.read')) {
+                 abort(403, 'Sorry !! You are Unauthorized to view any permission !');
+             }*/
+            return $dataTable->render('usermanager::users.permissions.index');
+        }
+
+        /**
+         * Store a newly created resource in storage.
+         *
+         * @param \Illuminate\Http\Request $request
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function store(Request $request)
+        {
+            /*if (is_null($this->user) || !$this->user->can('permission.create')) {
+                abort(403, 'Sorry !! You are Unauthorized to create any permission !');
+            }*/
+
+            // Validation Data
+            $validate = $request->validate([
+                'name' => 'required|max:100|unique:permission_groups'
+            ], [
+                'name.requried' => 'Please give a permission name'
+            ]);
+
+            if ($validate) {
+                try {
+                    // Process Data
+                    $group = PermissionGroup::create(['name' => $request->name]);
+
+                    $group_name = strtolower($request->name);
+                    $data       = [
+                        $group_name . '.create',
+                        $group_name . '.read',
+                        $group_name . '.update',
+                        $group_name . '.delete',
+                        $group_name . '.authorize',
+                        $group_name . '.report'
+                    ];
+
+                    foreach ($data as $permission) {
+
+                        Permission::create([
+                            'name'                => $permission,
+                            'guard_name'          => 'web',
+                            'permission_group_id' => $group->id
+                        ]);
+                    }
+
+                    echo json_encode(['status' => 'success', 'message' => 'Permission created successfully.']);
+                } catch (Exception $e) {
+                    echo json_encode(['status' => 'error', 'message' => 'Permission created failed.']);
+                }
+            }
+
+            return false;
+        }
+
+        /**
+         * Show the form for creating a new resource.
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function create()
+        {
+
+        }
+
+        /**
+         * Display the specified resource.
+         *
+         * @param int $id
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function show($id)
+        {
+            //
+        }
+
+        /**
+         * Show the form for editing the specified resource.
+         *
+         * @param int $id
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function edit($id)
+        {
+            /*if (is_null($this->user) || !$this->user->can('permission.update')) {
+                abort(403, 'Sorry !! You are Unauthorized to edit any permission !');
+            }*/
+
+            $permission = PermissionGroup::find($id);
+            echo json_encode($permission);
+        }
+
+        /**
+         * Update the specified resource in storage.
+         *
+         * @param \Illuminate\Http\Request $request
+         * @param int                      $id
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function update(Request $request, $id)
+        {
+            /* if (is_null($this->user) || !$this->user->can('permission.update')) {
+                 abort(403, 'Sorry !! You are Unauthorized to edit any permission !');
+             }*/
+
+            // Validation Data
+            $validated = $request->validate([
+                'name' => 'required|max:100|unique:permission_groups,name,' . $id
+            ], [
+                'name.requried' => 'Please give a permission name'
+            ]);
+
+            if ($validated) {
+                try {
+                    // Process Data
+                    $group       = PermissionGroup::find($id);
+                    $group->name = $request->name;
+
+                    if ($group->save()) {
+                        $group_name  = strtolower($request->name);
+                        $permissions = Permission::where('permission_group_id', $group->id)->get();
+
+                        $data = [
+                            $group_name . '.create',
+                            $group_name . '.read',
+                            $group_name . '.update',
+                            $group_name . '.delete',
+                            $group_name . '.authorize',
+                            $group_name . '.report'
+                        ];
+
+                        $i = 0;
+                        foreach ($permissions as $permission) {
+                            $permission->name = $data[$i];
+                            $permission->save();
+
+                            $i++;
+                        }
+                    }
+
+                    echo json_encode(['status' => 'success', 'message' => 'Permission updated successfully.']);
+                } catch (Exception $e) {
+                    echo json_encode(['status' => 'error', 'message' => 'Permission updated failed.']);
+                }
+            }
+
+            return false;
+        }
+
+        /**
+         * Remove the specified resource from storage.
+         *
+         * @param int $id
+         *
+         * @return \Illuminate\Http\Response
+         */
+        public function destroy($id)
+        {
+            /*if (is_null($this->user) || !$this->user->can('permission.delete')) {
+                abort(403, 'Sorry !! You are Unauthorized to delete any role !');
+            }*/
+
+
+            $permission = PermissionGroup::find($id);
+            if (!is_null($permission)) {
+                if ($permission->delete()) {
+                    Permission::where('permission_group_id', $id)->delete();
+                }
+            }
+
+            echo json_encode(['status' => 'success', 'message' => 'Permission deleted successfully.']);
+        }
+    }
diff --git a/Http/Controllers/Users/RolesController.php b/Http/Controllers/Users/RolesController.php
new file mode 100644
index 0000000..572da3f
--- /dev/null
+++ b/Http/Controllers/Users/RolesController.php
@@ -0,0 +1,188 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Users;
+
+    use App\Http\Controllers\Controller;
+    use Exception;
+    use Illuminate\Http\Request;
+    use Illuminate\Http\Response;
+    use Illuminate\Support\Facades\Auth;
+    use Modules\UserManager\DataTables\RolesDataTable;
+    use Modules\UserManager\Entities\Permission;
+    use Modules\UserManager\Entities\PermissionGroup;
+    use Spatie\Permission\Models\Role;
+
+    class RolesController extends Controller
+    {
+        public $user;
+
+        public function __construct()
+        {
+            $this->middleware(function ($request, $next) {
+                $this->user = Auth::guard('web')->user();
+                return $next($request);
+            });
+        }
+
+        /**
+         * Display a listing of the resource.
+         *
+         * @return Response
+         */
+        public function index(RolesDataTable $dataTable)
+        {
+            /*if (is_null($this->user) || !$this->user->can('role.read')) {
+                abort(403, 'Sorry !! You are Unauthorized to view any role !');
+            }*/
+            $permissiongroups = PermissionGroup::all();
+
+            return $dataTable->render('usermanager::users.roles.index', compact('permissiongroups'));
+        }
+
+        /**
+         * Store a newly created resource in storage.
+         *
+         * @param Request $request
+         *
+         * @return Response
+         */
+        public function store(Request $request)
+        {
+            /*if (is_null($this->user) || !$this->user->can('role.create')) {
+                abort(403, 'Sorry !! You are Unauthorized to create any role !');
+            }*/
+
+            // Validation Data
+            $validated = $request->validate([
+                'name' => 'required|max:100|unique:roles'
+            ], [
+                'name.requried' => 'Please give a role name'
+            ]);
+
+
+            if ($validated) {
+                try {
+                    // Process Data
+                    $role = Role::create(['name' => $request->name, 'guard_name' => 'web']);
+
+                    $permissions = $request->input('permissions');
+
+                    if (!empty($permissions)) {
+                        $role = Role::find($role->id);
+                        $role->syncPermissions($permissions);
+                    }
+
+                    echo json_encode(['status' => 'success', 'message' => 'Role Created Successfully']);
+                } catch (Exception $e) {
+                    echo json_encode(['status' => 'error', 'message' => 'Role Created Failed']);
+                }
+            }
+
+            return false;
+        }
+
+        /**
+         * Show the form for creating a new resource.
+         *
+         * @return Response
+         */
+        public function create()
+        {
+        }
+
+        /**
+         * Display the specified resource.
+         *
+         * @param int $id
+         *
+         * @return Response
+         */
+        public function show($id)
+        {
+            //
+        }
+
+        /**
+         * Show the form for editing the specified resource.
+         *
+         * @param int $id
+         *
+         * @return Response
+         */
+        public function edit($id)
+        {
+            /* if (is_null($this->user) || !$this->user->can('role.update')) {
+                 abort(403, 'Sorry !! You are Unauthorized to edit any role !');
+             }*/
+
+            $role             = Role::findById($id, 'web');
+            $permissions      = Permission::all();
+            $permissiongroups = PermissionGroup::all();
+
+            $_array = [
+                'role'             => $role,
+                'permissions'      => $permissions,
+                'permissiongroups' => $permissiongroups
+            ];
+
+            return view('usermanager::users.roles.edit', $_array);
+        }
+
+        /**
+         * Update the specified resource in storage.
+         *
+         * @param Request $request
+         * @param int     $id
+         *
+         * @return Response
+         */
+        public function update(Request $request, $id)
+        {
+            /*  if (is_null($this->user) || !$this->user->can('role.update')) {
+                  abort(403, 'Sorry !! You are Unauthorized to edit any role !');
+              }*/
+
+            // Validation Data
+            $request->validate([
+                'name' => 'required|max:100|unique:roles,name,' . $id
+            ], [
+                'name.requried' => 'Please give a role name'
+            ]);
+
+            $role        = Role::findById($id, 'web');
+            $permissions = $request->input('permissions');
+
+            $role->name = $request->name;
+            $role->save();
+
+            if (!empty($permissions)) {
+                $role->syncPermissions($permissions);
+            }
+
+            session()->flash('success', 'Role has been updated !!');
+            return redirect()->route('user.roles.index');
+        }
+
+        /**
+         * Remove the specified resource from storage.
+         *
+         * @param int $id
+         *
+         * @return Response
+         */
+        public function destroy($id)
+        {
+            /*if (is_null($this->user) || !$this->user->can('role.delete')) {
+                abort(403, 'Sorry !! You are Unauthorized to delete any role !');
+            }*/
+
+
+            $role = Role::findById($id, 'web');
+            if (!is_null($role)) {
+                $role->delete();
+            }
+
+            session()->flash('success', 'Role has been deleted !!');
+            return redirect()->route('user.roles.index');
+        }
+    }
diff --git a/Http/Controllers/Users/UsersController.php b/Http/Controllers/Users/UsersController.php
new file mode 100644
index 0000000..c27c270
--- /dev/null
+++ b/Http/Controllers/Users/UsersController.php
@@ -0,0 +1,237 @@
+<?php
+
+    namespace Modules\UserManager\Http\Controllers\Users;
+
+    use App\Http\Controllers\Controller;
+    use App\Models\UserInfo;
+    use Exception;
+    use Illuminate\Http\Request;
+    use Illuminate\Http\Response;
+    use Illuminate\Support\Facades\Auth;
+    use Illuminate\Support\Facades\Hash;
+    use Modules\CetakLabel\Entities\Directorat;
+    use Modules\UserManager\DataTables\UsersDataTable;
+    use Modules\UserManager\Entities\User;
+    use Spatie\Permission\Models\Role;
+
+    class UsersController extends Controller
+    {
+        public $user;
+
+        public function __construct()
+        {
+            $this->middleware(function ($request, $next) {
+                $this->user = Auth::guard('web')->user();
+                return $next($request);
+            });
+        }
+
+        /**
+         * Display a listing of the resource.
+         *
+         * @return Response
+         */
+
+        public function index(UsersDataTable $dataTable)
+        {
+            /*if (is_null($this->user) || !$this->user->can('user.read')) {
+                abort(403, 'Sorry !! You are Unauthorized to view any users !');
+            }*/
+
+            addVendor('chained-select');
+
+            $directorat = Directorat::all();
+            $roles      = Role::all();
+            return $dataTable->render('usermanager::users.users.index', compact('directorat', 'roles'));
+        }
+
+        /**
+         * Show the form for creating a new resource.
+         *
+         * @return Response
+         */
+        public function create()
+        {
+            /* if (is_null($this->user) || !$this->user->can('user.create')) {
+                 abort(403, 'Sorry !! You are Unauthorized to create any users !');
+             }*/
+
+            $roles = Role::all();
+            return view('usermanager::users.create', compact('roles'));
+        }
+
+        /**
+         * Store a newly created resource in storage.
+         *
+         * @param Request $request
+         *
+         * @return Response
+         */
+        public function store(Request $request)
+        {
+            /* if (is_null($this->user) || !$this->user->can('user.create')) {
+                 abort(403, 'Sorry !! You are Unauthorized to create any users !');
+             }*/
+            // Validation Data
+            $request->password = 'bagbag';
+
+            $validated = $request->validate([
+                'name'  => 'required|max:50',
+                'email' => 'required|max:100|email|unique:users'
+            ]);
+
+            if ($validated) {
+                try {
+                    // Create New User
+                    $user                    = new User();
+                    $user->name              = $request->name;
+                    $user->email             = $request->email;
+                    $user->directorat_id     = $request->directorat_id;
+                    $user->sub_directorat_id = $request->sub_directorat_id;
+                    $user->password          = Hash::make($request->password);
+
+                    $user->save();
+
+                    if ($request->roles) {
+                        $user->assignRole($request->roles);
+                    }
+
+                    echo json_encode([
+                        'status'  => 'success',
+                        'message' => 'User Created Successfully'
+                    ]);
+                } catch (Exception $e) {
+                    echo json_encode([
+                        'status'  => 'error',
+                        'message' => $e->getMessage()
+                    ]);
+                }
+            }
+
+            return false;
+
+        }
+
+        /**
+         * Display the specified resource.
+         *
+         * @param int $id
+         *
+         * @return Response
+         */
+        public function show($id)
+        {
+            /*if (is_null($this->user) || !$this->user->can('user.read')) {
+                abort(403, 'Sorry !! You are Unauthorized to view any users !');
+            }*/
+        }
+
+        /**
+         * Show the form for editing the specified resource.
+         *
+         * @param int $id
+         *
+         * @return Response
+         */
+        public function edit($id)
+        {
+            /*if (is_null($this->user) || !$this->user->can('user.update')) {
+                abort(403, 'Sorry !! You are Unauthorized to update any users !');
+            }*/
+
+            $user  = User::find($id);
+            $roles = $user->roles;
+
+            echo json_encode([
+                'status' => 'success',
+                'data'   => $user,
+                'roles'  => $roles
+            ]);
+        }
+
+        /**
+         * Update the specified resource in storage.
+         *
+         * @param Request $request
+         * @param int     $id
+         *
+         * @return Response
+         */
+        public function update(Request $request, $id)
+        {
+            /* if (is_null($this->user) || !$this->user->can('user.update')) {
+                 abort(403, 'Sorry !! You are Unauthorized to update any users !');
+             }*/
+
+            // Create New User
+            $user = User::find($id);
+
+            // Validation Data
+            if ($request->password !== '') {
+                $validated = $request->validate([
+                    'name'     => 'required|max:50',
+                    'email'    => 'required|max:100|email|unique:users,email,' . $id,
+                    'password' => 'nullable|min:6|confirmed'
+                ]);
+            } else {
+                $validated = $request->validate([
+                    'name'  => 'required|max:50',
+                    'email' => 'required|max:100|email|unique:users,email,' . $id
+                ]);
+            }
+
+            if ($validated) {
+                try {
+                    $user->name              = $request->name;
+                    $user->email             = $request->email;
+                    $user->directorat_id     = $request->directorat_id;
+                    $user->sub_directorat_id = $request->sub_directorat_id;
+
+                    if ($request->password) {
+                        $user->password = Hash::make($request->password);
+                    }
+
+                    $user->save();
+
+                    $user->roles()->detach();
+                    if ($request->roles) {
+                        $user->assignRole($request->roles);
+                    }
+
+                    echo json_encode([
+                        'status'  => 'success',
+                        'message' => 'User Updated Successfully'
+                    ]);
+
+                } catch (Exception $e) {
+                    echo json_encode([
+                        'status'  => 'error',
+                        'message' => $e->getMessage()
+                    ]);
+                }
+            }
+
+            return false;
+        }
+
+        /**
+         * Remove the specified resource from storage.
+         *
+         * @param int $id
+         *
+         * @return Response
+         */
+        public function destroy(User $user)
+        {
+            /*if (is_null($this->user) || !$this->user->can('user.delete')) {
+                abort(403, 'Sorry !! You are Unauthorized to delete any users !');
+            }*/
+
+            $user->delete();
+
+            echo json_encode([
+                'status'  => 'success',
+                'message' => 'User Deleted Successfully'
+            ]);
+        }
+    }
diff --git a/Http/Middleware/.gitkeep b/Http/Middleware/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Http/Requests/.gitkeep b/Http/Requests/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Http/Requests/LoginRequest.php b/Http/Requests/LoginRequest.php
new file mode 100644
index 0000000..3ef477c
--- /dev/null
+++ b/Http/Requests/LoginRequest.php
@@ -0,0 +1,93 @@
+<?php
+
+    namespace Modules\UserManager\Http\Requests;
+
+    use Illuminate\Auth\Events\Lockout;
+    use Illuminate\Foundation\Http\FormRequest;
+    use Illuminate\Support\Facades\Auth;
+    use Illuminate\Support\Facades\RateLimiter;
+    use Illuminate\Support\Str;
+    use Illuminate\Validation\ValidationException;
+
+    class LoginRequest extends FormRequest
+    {
+        /**
+         * Determine if the user is authorized to make this request.
+         *
+         * @return bool
+         */
+        public function authorize()
+        {
+            return true;
+        }
+
+        /**
+         * Get the validation rules that apply to the request.
+         *
+         * @return array
+         */
+        public function rules()
+        {
+            return [
+                'email'    => ['required', 'string', 'email'],
+                'password' => ['required', 'string'],
+            ];
+        }
+
+        /**
+         * Attempt to authenticate the request's credentials.
+         *
+         * @return void
+         *
+         * @throws \Illuminate\Validation\ValidationException
+         */
+        public function authenticate()
+        {
+            $this->ensureIsNotRateLimited();
+
+            if (!Auth::attempt($this->only('email', 'password'), $this->boolean('remember'))) {
+                RateLimiter::hit($this->throttleKey());
+
+                throw ValidationException::withMessages([
+                    'email' => trans('auth.failed'),
+                ]);
+            }
+
+            RateLimiter::clear($this->throttleKey());
+        }
+
+        /**
+         * Ensure the login request is not rate limited.
+         *
+         * @return void
+         *
+         * @throws \Illuminate\Validation\ValidationException
+         */
+        public function ensureIsNotRateLimited()
+        {
+            if (!RateLimiter::tooManyAttempts($this->throttleKey(), 5)) {
+                return;
+            }
+
+            event(new Lockout($this));
+
+            $seconds = RateLimiter::availableIn($this->throttleKey());
+
+            throw ValidationException::withMessages([
+                'email' => trans('auth.throttle', [
+                    'seconds' => $seconds,
+                    'minutes' => ceil($seconds / 60),
+                ]),
+            ]);
+        }
+
+        /**
+         * Get the rate limiting throttle key for the request.
+         *
+         * @return string
+         */
+        public function throttleKey()
+        {
+            return Str::transliterate(Str::lower($this->input('email')) . '|' . $this->ip());
+        }
+    }
diff --git a/Providers/.gitkeep b/Providers/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Providers/AuthServiceProvider.php b/Providers/AuthServiceProvider.php
new file mode 100644
index 0000000..1157c05
--- /dev/null
+++ b/Providers/AuthServiceProvider.php
@@ -0,0 +1,27 @@
+<?php
+
+    namespace Modules\UserManager\Providers;
+
+    // use Illuminate\Support\Facades\Gate;
+    use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
+
+    class AuthServiceProvider extends ServiceProvider
+    {
+        /**
+         * The model to policy mappings for the application.
+         *
+         * @var array<class-string, class-string>
+         */
+        protected $policies = [// 'App\Models\Model' => 'App\Policies\ModelPolicy',
+        ];
+
+        /**
+         * Register any authentication / authorization services.
+         *
+         * @return void
+         */
+        public function boot()
+        {
+            //
+        }
+    }
diff --git a/Providers/RouteServiceProvider.php b/Providers/RouteServiceProvider.php
new file mode 100644
index 0000000..c0b6a7e
--- /dev/null
+++ b/Providers/RouteServiceProvider.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace Modules\UserManager\Providers;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
+
+class RouteServiceProvider extends ServiceProvider
+{
+    /**
+     * The module namespace to assume when generating URLs to actions.
+     *
+     * @var string
+     */
+    protected $moduleNamespace = 'Modules\UserManager\Http\Controllers';
+
+    /**
+     * Called before routes are registered.
+     *
+     * Register any model bindings or pattern based filters.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        parent::boot();
+    }
+
+    /**
+     * Define the routes for the application.
+     *
+     * @return void
+     */
+    public function map()
+    {
+        $this->mapApiRoutes();
+        $this->mapWebRoutes();
+    }
+
+    /**
+     * Define the "web" routes for the application.
+     *
+     * These routes all receive session state, CSRF protection, etc.
+     *
+     * @return void
+     */
+    protected function mapWebRoutes()
+    {
+        Route::middleware('web')
+            ->namespace($this->moduleNamespace)
+            ->group(module_path('UserManager', '/Routes/web.php'));
+    }
+
+    /**
+     * Define the "api" routes for the application.
+     *
+     * These routes are typically stateless.
+     *
+     * @return void
+     */
+    protected function mapApiRoutes()
+    {
+        Route::prefix('api')
+            ->middleware('api')
+            ->namespace($this->moduleNamespace)
+            ->group(module_path('UserManager', '/Routes/api.php'));
+    }
+}
diff --git a/Providers/UserManagerServiceProvider.php b/Providers/UserManagerServiceProvider.php
new file mode 100644
index 0000000..59830b7
--- /dev/null
+++ b/Providers/UserManagerServiceProvider.php
@@ -0,0 +1,114 @@
+<?php
+
+namespace Modules\UserManager\Providers;
+
+use Illuminate\Support\ServiceProvider;
+use Illuminate\Database\Eloquent\Factory;
+
+class UserManagerServiceProvider extends ServiceProvider
+{
+    /**
+     * @var string $moduleName
+     */
+    protected $moduleName = 'UserManager';
+
+    /**
+     * @var string $moduleNameLower
+     */
+    protected $moduleNameLower = 'usermanager';
+
+    /**
+     * Boot the application events.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        $this->registerTranslations();
+        $this->registerConfig();
+        $this->registerViews();
+        $this->loadMigrationsFrom(module_path($this->moduleName, 'Database/Migrations'));
+    }
+
+    /**
+     * Register the service provider.
+     *
+     * @return void
+     */
+    public function register()
+    {
+        $this->app->register(RouteServiceProvider::class);
+    }
+
+    /**
+     * Register config.
+     *
+     * @return void
+     */
+    protected function registerConfig()
+    {
+        $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.
+     *
+     * @return void
+     */
+    public function registerViews()
+    {
+        $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);
+    }
+
+    /**
+     * Register translations.
+     *
+     * @return void
+     */
+    public function registerTranslations()
+    {
+        $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, 'Resources/lang'), $this->moduleNameLower);
+            $this->loadJsonTranslationsFrom(module_path($this->moduleName, 'Resources/lang'));
+        }
+    }
+
+    /**
+     * Get the services provided by the provider.
+     *
+     * @return array
+     */
+    public function provides()
+    {
+        return [];
+    }
+
+    private function getPublishableViewPaths(): array
+    {
+        $paths = [];
+        foreach (\Config::get('view.paths') as $path) {
+            if (is_dir($path . '/modules/' . $this->moduleNameLower)) {
+                $paths[] = $path . '/modules/' . $this->moduleNameLower;
+            }
+        }
+        return $paths;
+    }
+}
diff --git a/Resources/lang/.gitkeep b/Resources/lang/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Resources/views/.gitkeep b/Resources/views/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Resources/views/auth/forgot-password.blade.php b/Resources/views/auth/forgot-password.blade.php
new file mode 100644
index 0000000..be1adac
--- /dev/null
+++ b/Resources/views/auth/forgot-password.blade.php
@@ -0,0 +1,41 @@
+<x-auth-layout>
+
+    <!--begin::Form-->
+    <form class="form w-100" novalidate="novalidate" id="kt_password_reset_form" data-kt-redirect-url="/reset-password" action="#">
+        @csrf
+        <!--begin::Heading-->
+        <div class="text-center mb-10">
+            <!--begin::Title-->
+            <h1 class="text-dark fw-bolder mb-3">
+                Forgot Password ?
+            </h1>
+            <!--end::Title-->
+
+            <!--begin::Link-->
+            <div class="text-gray-500 fw-semibold fs-6">
+                Enter your email to reset your password.
+            </div>
+            <!--end::Link-->
+        </div>
+        <!--begin::Heading-->
+
+        <!--begin::Input group--->
+        <div class="fv-row mb-8">
+            <!--begin::Email-->
+            <input type="text" placeholder="Email" name="email" autocomplete="off" class="form-control bg-transparent"/>
+            <!--end::Email-->
+        </div>
+
+        <!--begin::Actions-->
+        <div class="d-flex flex-wrap justify-content-center pb-lg-0">
+            <button type="button" id="kt_password_reset_submit" class="btn btn-primary me-4">
+                @include('partials/general/_button-indicator', ['label' => 'Submit'])
+            </button>
+
+            <a href="/login" class="btn btn-light">Cancel</a>
+        </div>
+        <!--end::Actions-->
+    </form>
+    <!--end::Form-->
+
+</x-auth-layout>
diff --git a/Resources/views/auth/login.blade.php b/Resources/views/auth/login.blade.php
new file mode 100644
index 0000000..9561408
--- /dev/null
+++ b/Resources/views/auth/login.blade.php
@@ -0,0 +1,102 @@
+<x-auth-layout>
+
+    <!--begin::Form-->
+    <form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" data-kt-redirect-url="/" action="login">
+        @csrf
+        <!--begin::Heading-->
+        <div class="text-center mb-11">
+            <!--begin::Title-->
+            <h1 class="text-dark fw-bolder mb-3">
+                Sign In
+            </h1>
+            <!--end::Title-->
+
+            <!--begin::Subtitle-->
+            <div class="text-gray-500 fw-semibold fs-6">
+                Your Social Campaigns
+            </div>
+            <!--end::Subtitle--->
+        </div>
+        <!--begin::Heading-->
+
+        <!--begin::Login options-->
+        <div class="row g-3 mb-9">
+            <!--begin::Col-->
+            <div class="col-md-6">
+                <!--begin::Google link--->
+                <a href="#" class="btn btn-flex btn-outline btn-text-gray-700 btn-active-color-primary bg-state-light flex-center text-nowrap w-100">
+                    <img alt="Logo" src="{{ image('svg/brand-logos/google-icon.svg') }}" class="h-15px me-3"/>
+                    Sign in with Google
+                </a>
+                <!--end::Google link--->
+            </div>
+            <!--end::Col-->
+
+            <!--begin::Col-->
+            <div class="col-md-6">
+                <!--begin::Google link--->
+                <a href="#" class="btn btn-flex btn-outline btn-text-gray-700 btn-active-color-primary bg-state-light flex-center text-nowrap w-100">
+                    <img alt="Logo" src="{{ image('svg/brand-logos/apple-black.svg') }}" class="theme-light-show h-15px me-3"/>
+                    <img alt="Logo" src="{{ image('svg/brand-logos/apple-black-dark.svg') }}" class="theme-dark-show h-15px me-3"/>
+                    Sign in with Apple
+                </a>
+                <!--end::Google link--->
+            </div>
+            <!--end::Col-->
+        </div>
+        <!--end::Login options-->
+
+        <!--begin::Separator-->
+        <div class="separator separator-content my-14">
+            <span class="w-125px text-gray-500 fw-semibold fs-7">Or with email</span>
+        </div>
+        <!--end::Separator-->
+
+        <!--begin::Input group--->
+        <div class="fv-row mb-8">
+            <!--begin::Email-->
+            <input type="text" placeholder="Email" name="email" autocomplete="off" class="form-control bg-transparent" value="demo@demo.com"/>
+            <!--end::Email-->
+        </div>
+
+        <!--end::Input group--->
+        <div class="fv-row mb-3">
+            <!--begin::Password-->
+            <input type="password" placeholder="Password" name="password" autocomplete="off" class="form-control bg-transparent" value="demo"/>
+            <!--end::Password-->
+        </div>
+        <!--end::Input group--->
+
+        <!--begin::Wrapper-->
+        <div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8">
+            <div></div>
+
+            <!--begin::Link-->
+            <a href="/forgot-password" class="link-primary">
+                Forgot Password ?
+            </a>
+            <!--end::Link-->
+        </div>
+        <!--end::Wrapper-->
+
+        <!--begin::Submit button-->
+        <div class="d-grid mb-10">
+            <button type="submit" id="kt_sign_in_submit" class="btn btn-primary">
+                @include('partials/general/_button-indicator', ['label' => 'Sign In'])
+            </button>
+        </div>
+        <!--end::Submit button-->
+
+        <!--begin::Sign up-->
+        <div class="text-gray-500 text-center fw-semibold fs-6">
+            Not a Member yet?
+
+            <a href="/register" class="link-primary">
+                Sign up
+            </a>
+        </div>
+        <!--end::Sign up-->
+    </form>
+    <!--end::Form-->
+
+</x-auth-layout>
diff --git a/Resources/views/auth/register.blade.php b/Resources/views/auth/register.blade.php
new file mode 100644
index 0000000..96283be
--- /dev/null
+++ b/Resources/views/auth/register.blade.php
@@ -0,0 +1,142 @@
+<x-auth-layout>
+
+    <!--begin::Form-->
+    <form class="form w-100" novalidate="novalidate" id="kt_sign_up_form" data-kt-redirect-url="/login" action="register">
+        @csrf
+        <!--begin::Heading-->
+        <div class="text-center mb-11">
+            <!--begin::Title-->
+            <h1 class="text-dark fw-bolder mb-3">
+                Sign Up
+            </h1>
+            <!--end::Title-->
+
+            <!--begin::Subtitle-->
+            <div class="text-gray-500 fw-semibold fs-6">
+                Your Social Campaigns
+            </div>
+            <!--end::Subtitle--->
+        </div>
+        <!--begin::Heading-->
+
+        <!--begin::Login options-->
+        <div class="row g-3 mb-9">
+            <!--begin::Col-->
+            <div class="col-md-6">
+                <!--begin::Google link--->
+                <a href="#" class="btn btn-flex btn-outline btn-text-gray-700 btn-active-color-primary bg-state-light flex-center text-nowrap w-100">
+                    <img alt="Logo" src="{{ image('svg/brand-logos/google-icon.svg') }}" class="h-15px me-3"/>
+                    Sign in with Google
+                </a>
+                <!--end::Google link--->
+            </div>
+            <!--end::Col-->
+
+            <!--begin::Col-->
+            <div class="col-md-6">
+                <!--begin::Google link--->
+                <a href="#" class="btn btn-flex btn-outline btn-text-gray-700 btn-active-color-primary bg-state-light flex-center text-nowrap w-100">
+                    <img alt="Logo" src="{{ image('svg/brand-logos/apple-black.svg') }}" class="theme-light-show h-15px me-3"/>
+                    <img alt="Logo" src="{{ image('svg/brand-logos/apple-black-dark.svg') }}" class="theme-dark-show h-15px me-3"/>
+                    Sign in with Apple
+                </a>
+                <!--end::Google link--->
+            </div>
+            <!--end::Col-->
+        </div>
+        <!--end::Login options-->
+
+        <!--begin::Separator-->
+        <div class="separator separator-content my-14">
+            <span class="w-125px text-gray-500 fw-semibold fs-7">Or with email</span>
+        </div>
+        <!--end::Separator-->
+
+        <!--begin::Input group--->
+        <div class="fv-row mb-8">
+            <!--begin::Name-->
+            <input type="text" placeholder="Name" name="name" autocomplete="off" class="form-control bg-transparent"/>
+            <!--end::Name-->
+        </div>
+
+        <!--begin::Input group--->
+        <div class="fv-row mb-8">
+            <!--begin::Email-->
+            <input type="text" placeholder="Email" name="email" autocomplete="off" class="form-control bg-transparent"/>
+            <!--end::Email-->
+        </div>
+
+        <!--begin::Input group-->
+        <div class="fv-row mb-8" data-kt-password-meter="true">
+            <!--begin::Wrapper-->
+            <div class="mb-1">
+                <!--begin::Input wrapper-->
+                <div class="position-relative mb-3">
+                    <input class="form-control bg-transparent" type="password" placeholder="Password" name="password" autocomplete="off"/>
+
+                    <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
+                        <i class="bi bi-eye-slash fs-2"></i>
+                        <i class="bi bi-eye fs-2 d-none"></i>
+                    </span>
+                </div>
+                <!--end::Input wrapper-->
+
+                <!--begin::Meter-->
+                <div class="d-flex align-items-center mb-3" data-kt-password-meter-control="highlight">
+                    <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
+                    <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
+                    <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
+                    <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px"></div>
+                </div>
+                <!--end::Meter-->
+            </div>
+            <!--end::Wrapper-->
+
+            <!--begin::Hint-->
+            <div class="text-muted">
+                Use 8 or more characters with a mix of letters, numbers & symbols.
+            </div>
+            <!--end::Hint-->
+        </div>
+        <!--end::Input group--->
+
+        <!--end::Input group--->
+        <div class="fv-row mb-8">
+            <!--begin::Repeat Password-->
+            <input placeholder="Repeat Password" name="password_confirmation" type="password" autocomplete="off" class="form-control bg-transparent"/>
+            <!--end::Repeat Password-->
+        </div>
+        <!--end::Input group--->
+
+        <!--begin::Accept-->
+        <div class="fv-row mb-8">
+            <label class="form-check form-check-inline">
+                <input class="form-check-input" type="checkbox" name="toc" value="1"/>
+                <span class="form-check-label fw-semibold text-gray-700 fs-base ms-1">
+                    I Accept the <a href="#" class="ms-1 link-primary">Terms</a>
+                </span>
+            </label>
+        </div>
+        <!--end::Accept-->
+
+        <!--begin::Submit button-->
+        <div class="d-grid mb-10">
+            <button type="submit" id="kt_sign_up_submit" class="btn btn-primary">
+                @include('partials/general/_button-indicator', ['label' => 'Sign Up'])
+            </button>
+        </div>
+        <!--end::Submit button-->
+
+        <!--begin::Sign up-->
+        <div class="text-gray-500 text-center fw-semibold fs-6">
+            Already have an Account?
+
+            <a href="/login" class="link-primary fw-semibold">
+                Sign in
+            </a>
+        </div>
+        <!--end::Sign up-->
+    </form>
+    <!--end::Form-->
+
+</x-auth-layout>
diff --git a/Resources/views/auth/reset-password.blade.php b/Resources/views/auth/reset-password.blade.php
new file mode 100644
index 0000000..6b0d9b1
--- /dev/null
+++ b/Resources/views/auth/reset-password.blade.php
@@ -0,0 +1,51 @@
+<x-auth-layout>
+    <x-auth-card>
+        <x-slot name="logo">
+            <a href="/">
+                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+            </a>
+        </x-slot>
+
+        <form method="POST" action="{{ route('password.update') }}">
+            @csrf
+
+            <!-- Password Reset Token -->
+            <input type="hidden" name="token" value="{{ $request->input('token') }}">
+
+            <!-- Email Address -->
+            <div>
+                <x-input-label for="email" :value="__('Email')" />
+
+                <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus />
+
+                <x-input-error :messages="$errors->get('email')" class="mt-2" />
+            </div>
+
+            <!-- Password -->
+            <div class="mt-4">
+                <x-input-label for="password" :value="__('Password')" />
+
+                <x-text-input id="password" class="block mt-1 w-full" type="password" name="password" required />
+
+                <x-input-error :messages="$errors->get('password')" class="mt-2" />
+            </div>
+
+            <!-- Confirm Password -->
+            <div class="mt-4">
+                <x-input-label for="password_confirmation" :value="__('Confirm Password')" />
+
+                <x-text-input id="password_confirmation" class="block mt-1 w-full"
+                                    type="password"
+                                    name="password_confirmation" required />
+
+                <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
+            </div>
+
+            <div class="flex items-center justify-end mt-4">
+                <x-primary-button>
+                    {{ __('Reset Password') }}
+                </x-primary-button>
+            </div>
+        </form>
+    </x-auth-card>
+</x-auth-layout>
diff --git a/Resources/views/users/permissions/_action.blade.php b/Resources/views/users/permissions/_action.blade.php
new file mode 100644
index 0000000..3ea2ecb
--- /dev/null
+++ b/Resources/views/users/permissions/_action.blade.php
@@ -0,0 +1,13 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+<div class="d-flex flex-row flex-center">
+        <a href="{{ route($route[0].'.'.$route[1].'.edit',['permission' => $model->id]) }}"
+           class="kt_edit_form btn btn-icon btn-bg-light  btn-active-light-primary btn-sm me-1">
+            {!! getIcon("pencil", "fs-1 text-info","duotune") !!}
+        </a>
+
+        {!! Form::open(['method' => 'DELETE','route' => [$route[0].'.'.$route[1].'.destroy', $model->id],'class'=>'']) !!}
+        {{ Form::button(getIcon("trash", "fs-1 text-danger","duotune"), ['type' => 'submit', 'class' => 'delete btn btn-icon btn-bg-light btn-active-light-danger btn-sm'] )  }}
+        {!! Form::close() !!}
+</div>
diff --git a/Resources/views/users/permissions/_checkbox.blade.php b/Resources/views/users/permissions/_checkbox.blade.php
new file mode 100644
index 0000000..04631f2
--- /dev/null
+++ b/Resources/views/users/permissions/_checkbox.blade.php
@@ -0,0 +1,21 @@
+<td>
+    @php
+        $color = [
+	        'badge-white',
+	        'badge-light-primary',#
+	        'badge-light-dark',#
+	        'badge-secondary',
+	        'badge-light-success',#
+	        'badge-light-info',#
+	        'badge-light-warning',#
+	        'badge-light-danger'#
+        ];
+
+        $i = 1;
+
+    @endphp
+    @foreach($role as $row)
+        <a href="javascript:;" class="text-capitalize badge {{ $color[$row->id]  }} fs-7 m-1">{{ $row->name }}</a>
+        @php $i++ @endphp
+    @endforeach
+</td>
diff --git a/Resources/views/users/permissions/_form.blade.php b/Resources/views/users/permissions/_form.blade.php
new file mode 100644
index 0000000..7e532ab
--- /dev/null
+++ b/Resources/views/users/permissions/_form.blade.php
@@ -0,0 +1,58 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+<!--begin::Modal - New Target-->
+<div class="modal fade" id="kt_modal_user_permissions" tabindex="-1" aria-hidden="true">
+	<!--begin::Modal dialog-->
+	<div class="modal-dialog modal-dialog-centered mw-650px">
+		<!--begin::Modal content-->
+		<div class="modal-content rounded">
+			<!--begin::Modal header-->
+			<div class="modal-header pb-0 border-0 justify-content-end">
+				<!--begin::Close-->
+				<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
+				<!--end::Close-->
+			</div>
+			<!--begin::Modal header-->
+			<!--begin::Modal body-->
+			<div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
+				<!--begin:Form-->
+				<form class="form_{{$route[0].'_'.$route[1]}}" method="POST" action="{{ route($route[0].'.'.$route[1].'.store') }}">
+                    @csrf
+					<!--begin::Heading-->
+					<div class="mb-13 text-center">
+						<!--begin::Title-->
+						<h1 class="mb-3 text-capitalize" id="title_form">{{ str_replace('-',' ',$route[0].' '.$route[1]) }}</h1>
+						<!--end::Title-->
+					</div>
+					<!--end::Heading-->
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Name</span>
+                            <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
+                        </label>
+                        <!--end::Label-->
+                        <input type="hidden" id="user_permissions_id" name="id" />
+                        <input type="text" id="user_permissions_name" maxlength="50" class="form-control form-control-solid" placeholder="Enter Permission Name" name="name" />
+                    </div>
+                    <!--end::Input group-->
+
+					<!--begin::Actions-->
+					<div class="text-center">
+						<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancel</button>
+						<button type="submit" class="btn btn-primary">Submit</button>
+					</div>
+					<!--end::Actions-->
+				</form>
+				<!--end:Form-->
+			</div>
+			<!--end::Modal body-->
+		</div>
+		<!--end::Modal content-->
+	</div>
+	<!--end::Modal dialog-->
+</div>
+<!--end::Modal - New Target-->
diff --git a/Resources/views/users/permissions/_table.blade.php b/Resources/views/users/permissions/_table.blade.php
new file mode 100644
index 0000000..1d8b2af
--- /dev/null
+++ b/Resources/views/users/permissions/_table.blade.php
@@ -0,0 +1,116 @@
+<!--begin::Table-->
+{{ $dataTable->table() }}
+<!--end::Table-->
+
+{{-- Inject Scripts --}}
+@section('scripts')
+    {{ $dataTable->scripts() }}
+@endsection
+
+@push('customscript')
+    @php
+        $route = explode('.', Route::currentRouteName());
+    @endphp
+
+    <script>
+        $("#searchbox").on("keyup search input paste cut", function () {
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].search(this.value).draw();
+        });
+
+        $(function () {
+            const documentTitle = '{{ ucfirst($route[0].' '.$route[1]) }} Report';
+            var buttons = new $.fn.dataTable.Buttons(LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"], {
+                buttons: [
+                    {
+                        extend: 'copyHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'excelHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'csvHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'pdfHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'print',
+                        title: documentTitle
+                    }
+                ]
+            }).container().appendTo($('#kt_datatable_example_buttons'));
+
+            // Hook dropdown menu click event to datatable export buttons
+            const exportButtons = document.querySelectorAll('#kt_datatable_example_export_menu [data-kt-export]');
+            exportButtons.forEach(exportButton => {
+                exportButton.addEventListener('click', e => {
+                    e.preventDefault();
+                    console.log(e.target.getAttribute('data-kt-export'));
+                    // Get clicked export value
+                    const exportValue = e.target.getAttribute('data-kt-export');
+                    const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
+
+                    // Trigger click event on hidden datatable export buttons
+                    target.click();
+                });
+            });
+
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].on('click','.kt_edit_form',function(event){
+                event.preventDefault();
+                $.ajax({
+                    url: $(this).attr('href'),
+                    type: 'GET',
+                    dataType: 'json',
+                    success: function (response) {
+                        console.log(response);
+                        $('#title_form').text('Edit {{ ucfirst(str_replace('-',' ',$route[0].' '.$route[1])) }}');
+                        $('#{{$route[0].'_'.$route[1]}}_id').val(response.id);
+                        $('#{{$route[0].'_'.$route[1]}}_name').val(response.name);
+                        $('.form_{{$route[0].'_'.$route[1]}}').attr('action', '{{ URL::to('/'.$route[0].'/'.$route[1].'/') }}/' + response.id).append('<input type="hidden" name="_method" value="PUT">');
+                        $('#kt_modal_{{$route[0].'_'.$route[1]}}').modal('show');
+                    }
+                })
+            })
+
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].on('click', '.delete', function (event) {
+                var form = $(this).closest("form");
+                event.preventDefault();
+                Swal.fire({
+                    title: 'Are you sure?',
+                    text: "You won't be able to revert this!",
+                    icon: 'warning',
+                    showCancelButton: true,
+                    confirmButtonColor: '#3085d6',
+                    cancelButtonColor: '#d33',
+                    confirmButtonText: 'Yes, delete it!'
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajax({
+                            type: "POST",
+                            url: form.attr('action'),
+                            data: form.serialize(), // serializes the form's elements.
+                            success: function(data)
+                            {
+                                toastr.success('{{ucfirst($route[0].' '.$route[1])}} has been deleted.', 'Success!', {timeOut: 5000});
+                                LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].ajax.reload();
+                            }
+                        });
+
+                    }
+                })
+            })
+        })
+    </script>
+@endpush
+
+@section('styles')
+    <style>
+        .dataTables_filter {
+            display: none;
+        }
+    </style>
+@endsection
diff --git a/Resources/views/users/permissions/index.blade.php b/Resources/views/users/permissions/index.blade.php
new file mode 100644
index 0000000..8e370df
--- /dev/null
+++ b/Resources/views/users/permissions/index.blade.php
@@ -0,0 +1,135 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+<x-default-layout>
+    <!--begin::Card-->
+    <div class="card card-xxl-stretch mb-5 mb-xl-8">
+        <!--begin::Card body-->
+        <div class="card-header border-0 pt-5">
+            <div class="card-title align-items-start flex-column">
+                <div class="d-flex align-items-center position-relative my-1">
+                    <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
+                    <span class="svg-icon svg-icon-1 position-absolute ms-6">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
+                                  transform="rotate(45 17.0365 15.1223)" fill="currentColor"></rect>
+                            <path
+                                d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
+                                fill="currentColor"></path>
+                        </svg>
+                    </span>
+                    <!--end::Svg Icon-->
+                    <input type="text" id="searchbox"
+                           class="form-control form-control-solid border border-gray-300 w-250px ps-15"
+                           placeholder="Search Permission">
+                </div>
+
+                <!--begin::Export buttons-->
+                <div id="kt_datatable_example_1_export" class="d-none"></div>
+                <!--end::Export buttons-->
+
+            </div>
+
+            <div class="card-toolbar">
+
+                <!--begin::Export dropdown-->
+                <button type="button" class="btn btn-light-primary" data-kt-menu-trigger="click"
+                        data-kt-menu-placement="bottom-end">
+                    <i class="ki-duotone ki-exit-down fs-2"><span class="path1"></span><span class="path2"></span></i>
+                    Export Report
+                </button>
+                <!--begin::Menu-->
+                <div id="kt_datatable_example_export_menu"
+                     class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4"
+                     data-kt-menu="true">
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="copy">
+                            Copy to clipboard
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="excel">
+                            Export as Excel
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="csv">
+                            Export as CSV
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="pdf">
+                            Export as PDF
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="print">
+                            Print
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                </div>
+
+                <!--begin::Hide default export buttons-->
+                <div id="kt_datatable_example_buttons" class="d-none"></div>
+                <!--end::Hide default export buttons-->
+
+            </div>
+        </div>
+        <div class="card-body pt-6">
+            @include('usermanager::users.permissions._table')
+            @include('usermanager::users.permissions._form')
+        </div>
+        <!--end::Card body-->
+    </div>
+    <!--end::Card-->
+    @push('customscript')
+        <script>
+            $(function () {
+                $(".form_user_permissions").submit(function (e) {
+                    e.preventDefault(); // avoid to execute the actual submit of the form.
+
+                    var form = $(this);
+                    var actionUrl = form.attr('action');
+
+                    $.ajax({
+                        type: "POST",
+                        url: actionUrl,
+                        data: form.serialize(), // serializes the form's elements.
+                        success: function (data) {
+                            var _data = JSON.parse(data);
+                            toastr.success(_data.message);
+                            form[0].reset();
+                            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].ajax.reload();
+                            $('#kt_modal_user_permissions').modal('hide');
+
+                        },
+                        error: function (data, textStatus, errorThrown) {
+                            var errors = data.responseJSON.errors;
+                            $.each(errors, function (key, value) {
+                                toastr.error(value);
+                            });
+                        }
+                    });
+                });
+
+                $('#kt_modal_user_permissions').on('hidden.bs.modal', function (e) {
+                    $(".form_user_permissions")[0].reset();
+                    $(".form_user_permissions").attr('action', "{{ route('user.permissions.store') }}");
+                    $(".form_user_permissions").find('input[name="_method"]').remove();
+                    $("#title_form").html("Create Permission");
+                })
+            });
+        </script>
+    @endpush
+</x-default-layout>
diff --git a/Resources/views/users/roles/_action.blade.php b/Resources/views/users/roles/_action.blade.php
new file mode 100644
index 0000000..7c24f5b
--- /dev/null
+++ b/Resources/views/users/roles/_action.blade.php
@@ -0,0 +1,13 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+<div class="d-flex flex-row flex-center">
+        <a href="{{ route($route[0].'.'.$route[1].'.edit',['role' => $model->id]) }}"
+           class="kt_edit_form btn btn-icon btn-bg-light  btn-active-light-primary btn-sm me-1">
+            {!! getIcon("pencil", "fs-1 text-info","duotune") !!}
+        </a>
+
+        {!! Form::open(['method' => 'DELETE','route' => [$route[0].'.'.$route[1].'.destroy', $model->id],'class'=>'']) !!}
+        {{ Form::button(getIcon("trash", "fs-1 text-danger","duotune"), ['type' => 'submit', 'class' => 'delete btn btn-icon btn-bg-light btn-active-light-danger btn-sm'] )  }}
+        {!! Form::close() !!}
+</div>
diff --git a/Resources/views/users/roles/_editform.blade.php b/Resources/views/users/roles/_editform.blade.php
new file mode 100644
index 0000000..6c382a9
--- /dev/null
+++ b/Resources/views/users/roles/_editform.blade.php
@@ -0,0 +1,142 @@
+<form id="kt_modal_add_role_form" method="POST" class="form" action="{{ route('user.roles.update',['role' => $role->id]) }}">
+@method('PUT')
+{{ csrf_field() }}
+<!--begin::Scroll-->
+    <div class="d-flex flex-column flex-row-fluid" id="kt_modal_add_role_scroll" data-kt-scroll="true"
+         data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto"
+         data-kt-scroll-dependencies="#kt_modal_add_role_header" data-kt-scroll-wrappers="#kt_modal_add_role_scroll"
+         data-kt-scroll-offset="300px">
+        <!--begin::Input group-->
+        <div class="fv-row mb-7">
+            <!--begin::Label-->
+            <label class="required fw-bold fs-6 mb-2">Role Name</label>
+            <!--end::Label-->
+            <!--begin::Input-->
+            <div class="input-group input-group-solid has-validation mb-3">
+                <input type="text" name="name"
+                       class="form-control form-control-solid mb-3 mb-lg-0 @error('name') is-invalid @enderror"
+                       placeholder="Role name" value="{{ $role->name ?? '' }}"/>
+            </div>
+            @error('name')
+            <div class="text-danger">{{ $message }}</div>
+        @enderror
+        <!--end::Input-->
+        </div>
+        <!--end::Input group-->
+        <div class="fv-row">
+            <!--begin::Label-->
+            <label class="fs-5 fw-bolder form-label mb-2">Role Permissions</label>
+            <!--end::Label-->
+            <!--begin::Table wrapper-->
+            <div class="table-responsive">
+                <!--begin::Table-->
+                <table class="table align-middle table-row-dashed fs-6 gy-5">
+                    <!--begin::Table body-->
+                    <tbody class="text-gray-600 fw-bold">
+                    <!--begin::Table row-->
+                    <tr>
+                        <td class="text-gray-800">Administrator/Superuser Access
+                            <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="Allows a full access to the system"></i></td>
+                        <td>
+                            <!--begin::Checkbox-->
+                            <label class="form-check form-check-sm form-check-custom form-check-solid me-9">
+                                <input class="form-check-input" type="checkbox" value="" id="kt_roles_select_all" />
+                                <span class="form-check-label" for="kt_roles_select_all">Select all</span>
+                            </label>
+                            <!--end::Checkbox-->
+                        </td>
+                    </tr>
+                    <!--end::Table row-->
+                    @foreach($permissiongroups as $group)
+                        <!--begin::Table row-->
+                        <tr>
+                            <!--begin::Label-->
+                            <td class="text-gray-800">{{ $group->name }}</td>
+                            <!--end::Label-->
+                            <!--begin::Input group-->
+                            <td>
+                                <!--begin::Wrapper-->
+                                <div class="d-flex">
+                                @foreach($group->getpermissionsByGroupId($group->id) as $permission)
+                                    <!--begin::Checkbox-->
+                                        <label class="form-check form-check-sm form-check-custom form-check-solid me-5 me-lg-20">
+                                            <input class="form-check-input" type="checkbox" id="permission_{{ $permission->id }}" value="{{ $permission->id }}" name="permissions[]" {{ $role->hasPermissionTo($permission->name) ? 'checked' : null }} />
+                                            @php
+                                                $permission_name = explode('.',$permission->name);
+                                            @endphp
+                                            <span class="form-check-label text-capitalize">{{ $permission_name[1] }}</span>
+                                        </label>
+                                        <!--end::Checkbox-->
+                                    @endforeach
+                                </div>
+                                <!--end::Wrapper-->
+                            </td>
+                            <!--end::Input group-->
+                        </tr>
+                        <!--end::Table row-->
+                    @endforeach
+                    </tbody>
+                    <!--end::Table body-->
+                </table>
+                <!--end::Table-->
+            </div>
+            <!--end::Table wrapper-->
+        </div>
+        <!--end::Permissions-->
+    </div>
+    <!--end::Scroll-->
+    <!--begin::Actions-->
+    <div class="text-center pt-15">
+        <a href="{{ route('user.roles.index')  }}" class="btn btn-light-primary">
+            Cancel
+        </a>
+        <button type="submit" class="btn btn-primary" data-kt-roles-modal-action="submit">
+            <span class="indicator-label">Submit</span>
+            <span class="indicator-progress">Please wait...
+																		<span
+                                                                            class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
+        </button>
+    </div>
+    <!--end::Actions-->
+</form>
+
+@push('customscript')
+    <script>
+        "use strict";
+
+        // Class definition
+        var Roles = function () {
+            // Shared variables
+            const form = document.getElementById('kt_modal_add_role_form');
+
+            // Select all handler
+            const handleSelectAll = () => {
+                // Define variables
+                const selectAll = form.querySelector('#kt_roles_select_all');
+                const allCheckboxes = form.querySelectorAll('[type="checkbox"]');
+
+                // Handle check state
+                selectAll.addEventListener('change', e => {
+
+                    // Apply check state to all checkboxes
+                    allCheckboxes.forEach(c => {
+                        c.checked = e.target.checked;
+                    });
+                });
+            }
+
+            return {
+                // Public functions
+                init: function () {
+                    handleSelectAll();
+                }
+            };
+        }();
+
+        // On document ready
+        KTUtil.onDOMContentLoaded(function () {
+            Roles.init();
+        });
+    </script>
+@endpush
+
diff --git a/Resources/views/users/roles/_form.blade.php b/Resources/views/users/roles/_form.blade.php
new file mode 100644
index 0000000..1271645
--- /dev/null
+++ b/Resources/views/users/roles/_form.blade.php
@@ -0,0 +1,160 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+<!--begin::Modal - New Target-->
+<div class="modal fade" id="kt_modal_user_roles" tabindex="-1" aria-hidden="true">
+	<!--begin::Modal dialog-->
+	<div class="modal-dialog modal-dialog-centered modal-fullscreen">
+		<!--begin::Modal content-->
+		<div class="modal-content rounded">
+			<!--begin::Modal header-->
+			<div class="modal-header pb-0 border-0 justify-content-end">
+				<!--begin::Close-->
+				<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
+				<!--end::Close-->
+			</div>
+			<!--begin::Modal header-->
+			<!--begin::Modal body-->
+			<div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
+				<!--begin:Form-->
+				<form id="form_{{$route[0].'_'.$route[1]}}" class="form_{{$route[0].'_'.$route[1]}}" method="POST" action="{{ route($route[0].'.'.$route[1].'.store') }}">
+                    @csrf
+					<!--begin::Heading-->
+					<div class="mb-13 text-center">
+						<!--begin::Title-->
+						<h1 class="mb-3 text-capitalize" id="title_form">{{ str_replace('-',' ',$route[0].' '.$route[1]) }}</h1>
+						<!--end::Title-->
+					</div>
+					<!--end::Heading-->
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Name</span>
+                            <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
+                        </label>
+                        <!--end::Label-->
+                        <input type="hidden" id="user_roles_id" name="id" />
+                        <input type="text" id="user_roles_name" maxlength="50" class="form-control form-control-solid" placeholder="Enter Role Name" name="name" />
+                    </div>
+                    <!--end::Input group-->
+
+                    <!--end::Input group-->
+                    <div class="fv-row">
+                        <!--begin::Label-->
+                        <label class="fs-5 fw-bolder form-label mb-2">Role Permissions</label>
+                        <!--end::Label-->
+                        <!--begin::Table wrapper-->
+                        <div class="table-responsive">
+                            <!--begin::Table-->
+                            <table class="table align-middle table-row-dashed fs-6 gy-5">
+                                <!--begin::Table body-->
+                                <tbody class="text-gray-600 fw-bold">
+                                <!--begin::Table row-->
+                                <tr>
+                                    <td class="text-gray-800">Administrator/Superuser Access
+                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="Allows a full access to the system"></i></td>
+                                    <td>
+                                        <!--begin::Checkbox-->
+                                        <label class="form-check form-check-sm form-check-custom form-check-solid me-9">
+                                            <input class="form-check-input" type="checkbox" value="" id="kt_roles_select_all" />
+                                            <span class="form-check-label" for="kt_roles_select_all">Select all</span>
+                                        </label>
+                                        <!--end::Checkbox-->
+                                    </td>
+                                </tr>
+                                <!--end::Table row-->
+                                @foreach($permissiongroups as $group)
+                                    <!--begin::Table row-->
+                                    <tr>
+                                        <!--begin::Label-->
+                                        <td class="text-gray-800">{{ $group->name }}</td>
+                                        <!--end::Label-->
+                                        <!--begin::Input group-->
+                                        <td>
+                                            <!--begin::Wrapper-->
+                                            <div class="d-flex">
+                                                @foreach($group->getpermissionsByGroupId($group->id) as $permission)
+                                                    <!--begin::Checkbox-->
+                                                    <label class="form-check form-check-sm form-check-custom form-check-solid me-5 me-lg-20">
+                                                        <input class="form-check-input" id="permission_{{ $permission->id }}" type="checkbox" value="{{ $permission->id }}" name="permissions[]" />
+                                                        @php
+                                                            $permission_name = explode('.',$permission->name);
+                                                        @endphp
+                                                        <span class="form-check-label text-capitalize">{{ $permission_name[1] }}</span>
+                                                    </label>
+                                                    <!--end::Checkbox-->
+                                                @endforeach
+                                            </div>
+                                            <!--end::Wrapper-->
+                                        </td>
+                                        <!--end::Input group-->
+                                    </tr>
+                                    <!--end::Table row-->
+                                @endforeach
+                                </tbody>
+                                <!--end::Table body-->
+                            </table>
+                            <!--end::Table-->
+                        </div>
+                        <!--end::Table wrapper-->
+                    </div>
+                    <!--end::Permissions-->
+
+					<!--begin::Actions-->
+					<div class="text-center">
+						<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancel</button>
+						<button type="submit" class="btn btn-primary">Submit</button>
+					</div>
+					<!--end::Actions-->
+				</form>
+				<!--end:Form-->
+			</div>
+			<!--end::Modal body-->
+		</div>
+		<!--end::Modal content-->
+	</div>
+	<!--end::Modal dialog-->
+</div>
+<!--end::Modal - New Target-->
+
+@push('customscript')
+    <script>
+        "use strict";
+
+        // Class definition
+        var Roles = function () {
+            // Shared variables
+            const form = document.getElementById('form_{{$route[0].'_'.$route[1]}}');
+
+            // Select all handler
+            const handleSelectAll = () => {
+                // Define variables
+                const selectAll = form.querySelector('#kt_roles_select_all');
+                const allCheckboxes = form.querySelectorAll('[type="checkbox"]');
+
+                // Handle check state
+                selectAll.addEventListener('change', e => {
+
+                    // Apply check state to all checkboxes
+                    allCheckboxes.forEach(c => {
+                        c.checked = e.target.checked;
+                    });
+                });
+            }
+
+            return {
+                // Public functions
+                init: function () {
+                    handleSelectAll();
+                }
+            };
+        }();
+
+        // On document ready
+        KTUtil.onDOMContentLoaded(function () {
+            Roles.init();
+        });
+    </script>
+@endpush
diff --git a/Resources/views/users/roles/_table.blade.php b/Resources/views/users/roles/_table.blade.php
new file mode 100644
index 0000000..99766ac
--- /dev/null
+++ b/Resources/views/users/roles/_table.blade.php
@@ -0,0 +1,99 @@
+<!--begin::Table-->
+{{ $dataTable->table() }}
+<!--end::Table-->
+
+{{-- Inject Scripts --}}
+@section('scripts')
+    {{ $dataTable->scripts() }}
+@endsection
+
+@push('customscript')
+    @php
+        $route = explode('.', Route::currentRouteName());
+    @endphp
+
+    <script>
+        $("#searchbox").on("keyup search input paste cut", function () {
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].search(this.value).draw();
+        });
+
+        $(function () {
+            const documentTitle = '{{ ucfirst($route[0].' '.$route[1]) }} Report';
+            var buttons = new $.fn.dataTable.Buttons(LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"], {
+                buttons: [
+                    {
+                        extend: 'copyHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'excelHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'csvHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'pdfHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'print',
+                        title: documentTitle
+                    }
+                ]
+            }).container().appendTo($('#kt_datatable_example_buttons'));
+
+            // Hook dropdown menu click event to datatable export buttons
+            const exportButtons = document.querySelectorAll('#kt_datatable_example_export_menu [data-kt-export]');
+            exportButtons.forEach(exportButton => {
+                exportButton.addEventListener('click', e => {
+                    e.preventDefault();
+                    console.log(e.target.getAttribute('data-kt-export'));
+                    // Get clicked export value
+                    const exportValue = e.target.getAttribute('data-kt-export');
+                    const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
+
+                    // Trigger click event on hidden datatable export buttons
+                    target.click();
+                });
+            });
+
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].on('click', '.delete', function (event) {
+                var form = $(this).closest("form");
+                event.preventDefault();
+                Swal.fire({
+                    title: 'Are you sure?',
+                    text: "You won't be able to revert this!",
+                    icon: 'warning',
+                    showCancelButton: true,
+                    confirmButtonColor: '#3085d6',
+                    cancelButtonColor: '#d33',
+                    confirmButtonText: 'Yes, delete it!'
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajax({
+                            type: "POST",
+                            url: form.attr('action'),
+                            data: form.serialize(), // serializes the form's elements.
+                            success: function(data)
+                            {
+                                toastr.success('{{ucfirst($route[0].' '.$route[1])}} has been deleted.', 'Success!', {timeOut: 5000});
+                                LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].ajax.reload();
+                            }
+                        });
+
+                    }
+                })
+            })
+        })
+    </script>
+@endpush
+
+@section('styles')
+    <style>
+        .dataTables_filter {
+            display: none;
+        }
+    </style>
+@endsection
diff --git a/Resources/views/users/roles/edit.blade.php b/Resources/views/users/roles/edit.blade.php
new file mode 100644
index 0000000..1cedf19
--- /dev/null
+++ b/Resources/views/users/roles/edit.blade.php
@@ -0,0 +1,16 @@
+<x-default-layout>
+    <!--begin::Card-->
+    <div class="card card-xxl-stretch mb-5 mb-xl-8">
+        <!--begin::Card body-->
+        <div class="card-header border-0 pt-5">
+            <h3 class="card-title align-items-start flex-column">
+                Edit Role {{  $role->name }}
+            </h3>
+        </div>
+        <div class="card-body pt-6">
+            @include('users.roles._editform')
+        </div>
+        <!--end::Card body-->
+    </div>
+    <!--end::Card-->
+</x-default-layout>
diff --git a/Resources/views/users/roles/index.blade.php b/Resources/views/users/roles/index.blade.php
new file mode 100644
index 0000000..39ad0c5
--- /dev/null
+++ b/Resources/views/users/roles/index.blade.php
@@ -0,0 +1,135 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+<x-default-layout>
+    <!--begin::Card-->
+    <div class="card card-xxl-stretch mb-5 mb-xl-8">
+        <!--begin::Card body-->
+        <div class="card-header border-0 pt-5">
+            <div class="card-title align-items-start flex-column">
+                <div class="d-flex align-items-center position-relative my-1">
+                    <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
+                    <span class="svg-icon svg-icon-1 position-absolute ms-6">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
+                                  transform="rotate(45 17.0365 15.1223)" fill="currentColor"></rect>
+                            <path
+                                d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
+                                fill="currentColor"></path>
+                        </svg>
+                    </span>
+                    <!--end::Svg Icon-->
+                    <input type="text" id="searchbox"
+                           class="form-control form-control-solid border border-gray-300 w-250px ps-15"
+                           placeholder="Search Role">
+                </div>
+
+                <!--begin::Export buttons-->
+                <div id="kt_datatable_example_1_export" class="d-none"></div>
+                <!--end::Export buttons-->
+
+            </div>
+
+            <div class="card-toolbar">
+
+                <!--begin::Export dropdown-->
+                <button type="button" class="btn btn-light-primary" data-kt-menu-trigger="click"
+                        data-kt-menu-placement="bottom-end">
+                    <i class="ki-duotone ki-exit-down fs-2"><span class="path1"></span><span class="path2"></span></i>
+                    Export Report
+                </button>
+                <!--begin::Menu-->
+                <div id="kt_datatable_example_export_menu"
+                     class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4"
+                     data-kt-menu="true">
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="copy">
+                            Copy to clipboard
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="excel">
+                            Export as Excel
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="csv">
+                            Export as CSV
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="pdf">
+                            Export as PDF
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="print">
+                            Print
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                </div>
+
+                <!--begin::Hide default export buttons-->
+                <div id="kt_datatable_example_buttons" class="d-none"></div>
+                <!--end::Hide default export buttons-->
+
+            </div>
+        </div>
+        <div class="card-body pt-6">
+            @include('usermanager::users.roles._table')
+            @include('usermanager::users.roles._form')
+        </div>
+        <!--end::Card body-->
+    </div>
+    <!--end::Card-->
+    @push('customscript')
+        <script>
+            $(function () {
+                $(".form_user_roles").submit(function (e) {
+                    e.preventDefault(); // avoid to execute the actual submit of the form.
+
+                    var form = $(this);
+                    var actionUrl = form.attr('action');
+
+                    $.ajax({
+                        type: "POST",
+                        url: actionUrl,
+                        data: form.serialize(), // serializes the form's elements.
+                        success: function (data) {
+                            var _data = JSON.parse(data);
+                            toastr.success(_data.message);
+                            form[0].reset();
+                            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].ajax.reload();
+                            $('#kt_modal_user_roles').modal('hide');
+
+                        },
+                        error: function (data, textStatus, errorThrown) {
+                            var errors = data.responseJSON.errors;
+                            $.each(errors, function (key, value) {
+                                toastr.error(value);
+                            });
+                        }
+                    });
+                });
+
+                $('#kt_modal_user_roles').on('hidden.bs.modal', function (e) {
+                    $(".form_user_roles")[0].reset();
+                    $(".form_user_roles").attr('action', "{{ route('user.roles.store') }}");
+                    $(".form_user_roles").find('input[name="_method"]').remove();
+                    $("#title_form").html("Create Role");
+                })
+            });
+        </script>
+    @endpush
+</x-default-layout>
diff --git a/Resources/views/users/users/_action.blade.php b/Resources/views/users/users/_action.blade.php
new file mode 100644
index 0000000..dc1a612
--- /dev/null
+++ b/Resources/views/users/users/_action.blade.php
@@ -0,0 +1,13 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+<div class="d-flex flex-row flex-center">
+        <a href="{{ route($route[0].'.'.$route[1].'.edit',['user' => $model->id]) }}"
+           class="kt_edit_form btn btn-icon btn-bg-light  btn-active-light-primary btn-sm me-1">
+            {!! getIcon("pencil", "fs-1 text-info","duotune") !!}
+        </a>
+
+        {!! Form::open(['method' => 'DELETE','route' => [$route[0].'.'.$route[1].'.destroy', $model->id],'class'=>'']) !!}
+        {{ Form::button(getIcon("trash", "fs-1 text-danger","duotune"), ['type' => 'submit', 'class' => 'delete btn btn-icon btn-bg-light btn-active-light-danger btn-sm'] )  }}
+        {!! Form::close() !!}
+</div>
diff --git a/Resources/views/users/users/_form.blade.php b/Resources/views/users/users/_form.blade.php
new file mode 100644
index 0000000..388e766
--- /dev/null
+++ b/Resources/views/users/users/_form.blade.php
@@ -0,0 +1,142 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+    <!--begin::Modal - New Target-->
+<div class="modal fade" id="kt_modal_user_users" tabindex="-1" aria-hidden="true">
+    <!--begin::Modal dialog-->
+    <div class="modal-dialog modal-dialog-centered mw-650px">
+        <!--begin::Modal content-->
+        <div class="modal-content rounded">
+            <!--begin::Modal header-->
+            <div class="modal-header pb-0 border-0 justify-content-end">
+                <!--begin::Close-->
+                <div class="btn btn-sm btn-icon btn-active-color-primary"
+                     data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
+                <!--end::Close-->
+            </div>
+            <!--begin::Modal header-->
+            <!--begin::Modal body-->
+            <div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
+                <!--begin:Form-->
+                <form class="form_{{$route[0].'_'.$route[1]}}" method="POST"
+                      action="{{ route($route[0].'.'.$route[1].'.store') }}">
+                    @csrf
+                    <!--begin::Heading-->
+                    <div class="mb-13 text-center">
+                        <!--begin::Title-->
+                        <h1 class="mb-3 text-capitalize"
+                            id="title_form">{{ str_replace('-',' ',$route[0].' '.$route[1]) }}</h1>
+                        <!--end::Title-->
+                    </div>
+                    <!--end::Heading-->
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Name</span>
+                            <span class="ms-1" data-bs-toggle="tooltip"
+                                  title="Specify a target name for future usage and reference"></span>
+                        </label>
+                        <!--end::Label-->
+                        <input type="hidden" id="user_users_id" name="id"/>
+                        <input type="text" id="user_users_name" maxlength="50" class="form-control form-control-solid"
+                               placeholder="Enter User Name" name="name"/>
+                    </div>
+                    <!--end::Input group-->
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Email</span>
+                            <span class="ms-1" data-bs-toggle="tooltip"
+                                  title="Specify a target name for future usage and reference"></span>
+                        </label>
+                        <!--end::Label-->
+                        <input type="email" id="user_users_email" maxlength="50" class="form-control form-control-solid"
+                               placeholder="Enter User Email" name="email"/>
+                    </div>
+                    <!--end::Input group-->
+
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="directorat_id">
+                            <span class="required">Directorat</span>
+                            <span class="ms-1" data-bs-toggle="tooltip"
+                                  title="Specify a target name for future usage and reference"></span>
+                        </label>
+                        <!--end::Label-->
+                        <select class="form-select" name="directorat_id" id="directorat_id">
+                            <option>Select Directorat</option>
+                            @foreach($directorat as $item)
+                                <option value="{{$item->id}}">{{$item->name}}</option>
+                            @endforeach
+                        </select>
+                    </div>
+                    <!--end::Input group-->
+
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="sub_directorat_id">
+                            <span class="required">Sub Directorat</span>
+                            <span class="ms-1" data-bs-toggle="tooltip"
+                                  title="Specify a target name for future usage and reference"></span>
+                        </label>
+                        <!--end::Label-->
+                        <select class="form-select" name="sub_directorat_id" id="sub_directorat_id">
+                            <option>Select Sub Directorat</option>
+                        </select>
+                    </div>
+                    <!--end::Input group-->
+
+                    <div class="mb-7">
+                        <!--begin::Label-->
+                        <label class="required fw-bold fs-6 mb-5">Role</label>
+                        <!--end::Label-->
+                        <!--begin::Roles-->
+                        @php $n = 1; @endphp
+                        @foreach($roles as $role)
+                            <!--begin::Input row-->
+                            <div class="d-flex fv-row">
+                                <!--begin::Radio-->
+                                <div class="form-check form-check-custom form-check-solid">
+                                    <!--begin::Input-->
+                                    <input class="form-check-input me-3" name="roles" type="radio"
+                                           value="{{ $role->id }}"
+                                           id="role_{{ Str::slug($role->name,'-') }}">
+                                    <!--end::Input-->
+                                    <!--begin::Label-->
+                                    <label class="form-check-label" for="{{ Str::slug($role->name,'-') }}">
+                                        <div class="fw-bolder text-gray-800 text-capitalize">{{ $role->name }}</div>
+                                    </label>
+                                    <!--end::Label-->
+                                </div>
+                                <!--end::Radio-->
+                            </div>
+                            @if($n < count($roles))
+                                <div class="separator separator-dashed my-5"></div>
+                            @endif
+                            <!--end::Input row-->
+                            @php $n++; @endphp
+                        @endforeach
+                        <!--end::Roles-->
+                    </div>
+
+                    <!--begin::Actions-->
+                    <div class="text-center">
+                        <button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancel</button>
+                        <button type="submit" class="btn btn-primary">Submit</button>
+                    </div>
+                    <!--end::Actions-->
+                </form>
+                <!--end:Form-->
+            </div>
+            <!--end::Modal body-->
+        </div>
+        <!--end::Modal content-->
+    </div>
+    <!--end::Modal dialog-->
+</div>
+<!--end::Modal - New Target-->
diff --git a/Resources/views/users/users/_table.blade.php b/Resources/views/users/users/_table.blade.php
new file mode 100644
index 0000000..62ff3fb
--- /dev/null
+++ b/Resources/views/users/users/_table.blade.php
@@ -0,0 +1,127 @@
+<!--begin::Table-->
+{{ $dataTable->table() }}
+<!--end::Table-->
+
+{{-- Inject Scripts --}}
+@section('scripts')
+    {{ $dataTable->scripts() }}
+@endsection
+
+@push('customscript')
+    @php
+        $route = explode('.', Route::currentRouteName());
+    @endphp
+
+    <script>
+        $("#searchbox").on("keyup search input paste cut", function () {
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].search(this.value).draw();
+        });
+
+        $(function () {
+            const documentTitle = '{{ ucfirst($route[0].' '.$route[1]) }} Report';
+            var buttons = new $.fn.dataTable.Buttons(LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"], {
+                buttons: [
+                    {
+                        extend: 'copyHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'excelHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'csvHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'pdfHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'print',
+                        title: documentTitle
+                    }
+                ]
+            }).container().appendTo($('#kt_datatable_example_buttons'));
+
+            // Hook dropdown menu click event to datatable export buttons
+            const exportButtons = document.querySelectorAll('#kt_datatable_example_export_menu [data-kt-export]');
+            exportButtons.forEach(exportButton => {
+                exportButton.addEventListener('click', e => {
+                    e.preventDefault();
+                    console.log(e.target.getAttribute('data-kt-export'));
+                    // Get clicked export value
+                    const exportValue = e.target.getAttribute('data-kt-export');
+                    const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
+
+                    // Trigger click event on hidden datatable export buttons
+                    target.click();
+                });
+            });
+
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].on('click','.kt_edit_form',function(event){
+                event.preventDefault();
+                $.ajax({
+                    url: $(this).attr('href'),
+                    type: 'GET',
+                    dataType: 'json',
+                    success: function (response) {
+                        console.log(response);
+                        $('#title_form').text('Edit {{ ucfirst(str_replace('-',' ',$route[0].' '.$route[1])) }}');
+                        $('#directorat_id').val(response.data.directorat_id).change();
+                        $('#sub_directorat_id').val(response.data.directorat_id).change();
+                        $('#{{$route[0].'_'.$route[1]}}_id').val(response.data.id);
+                        $('#{{$route[0].'_'.$route[1]}}_name').val(response.data.name);
+                        $('#{{$route[0].'_'.$route[1]}}_email').val(response.data.email);
+
+                        if(response.data.roles.length > 0){
+                            var role = response.data.roles[0].name;
+                            var _role = role.replace(' ','-').toLowerCase();
+
+                            $("#role_"+_role).prop('checked', true);
+                        }
+
+                        $('.form_{{$route[0].'_'.$route[1]}}').attr('action', '{{ URL::to('/'.$route[0].'/'.$route[1].'/') }}/' + response.data.id).append('<input type="hidden" name="_method" value="PUT">');
+                        $('#kt_modal_{{$route[0].'_'.$route[1]}}').modal('show');
+                    }
+                })
+            })
+
+            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].on('click', '.delete', function (event) {
+                var form = $(this).closest("form");
+                event.preventDefault();
+                Swal.fire({
+                    title: 'Are you sure?',
+                    text: "You won't be able to revert this!",
+                    icon: 'warning',
+                    showCancelButton: true,
+                    confirmButtonColor: '#3085d6',
+                    cancelButtonColor: '#d33',
+                    confirmButtonText: 'Yes, delete it!'
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajax({
+                            type: "POST",
+                            url: form.attr('action'),
+                            data: form.serialize(), // serializes the form's elements.
+                            success: function(data)
+                            {
+                                toastr.success('{{ucfirst($route[0].' '.$route[1])}} has been deleted.', 'Success!', {timeOut: 5000});
+                                LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].ajax.reload();
+                            }
+                        });
+
+                    }
+                })
+            })
+        })
+    </script>
+@endpush
+
+@section('styles')
+    <style>
+        .dataTables_filter {
+            display: none;
+        }
+    </style>
+@endsection
diff --git a/Resources/views/users/users/index.blade.php b/Resources/views/users/users/index.blade.php
new file mode 100644
index 0000000..a2d7e8e
--- /dev/null
+++ b/Resources/views/users/users/index.blade.php
@@ -0,0 +1,141 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+<x-default-layout>
+    <!--begin::Card-->
+    <div class="card card-xxl-stretch mb-5 mb-xl-8">
+        <!--begin::Card body-->
+        <div class="card-header border-0 pt-5">
+            <div class="card-title align-items-start flex-column">
+                <div class="d-flex align-items-center position-relative my-1">
+                    <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
+                    <span class="svg-icon svg-icon-1 position-absolute ms-6">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
+                                  transform="rotate(45 17.0365 15.1223)" fill="currentColor"></rect>
+                            <path
+                                d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
+                                fill="currentColor"></path>
+                        </svg>
+                    </span>
+                    <!--end::Svg Icon-->
+                    <input type="text" id="searchbox"
+                           class="form-control form-control-solid border border-gray-300 w-250px ps-15"
+                           placeholder="Search User">
+                </div>
+
+                <!--begin::Export buttons-->
+                <div id="kt_datatable_example_1_export" class="d-none"></div>
+                <!--end::Export buttons-->
+
+            </div>
+
+            <div class="card-toolbar">
+
+                <!--begin::Export dropdown-->
+                <button type="button" class="btn btn-light-primary" data-kt-menu-trigger="click"
+                        data-kt-menu-placement="bottom-end">
+                    <i class="ki-duotone ki-exit-down fs-2"><span class="path1"></span><span class="path2"></span></i>
+                    Export Report
+                </button>
+                <!--begin::Menu-->
+                <div id="kt_datatable_example_export_menu"
+                     class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4"
+                     data-kt-menu="true">
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="copy">
+                            Copy to clipboard
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="excel">
+                            Export as Excel
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="csv">
+                            Export as CSV
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="pdf">
+                            Export as PDF
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="print">
+                            Print
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                </div>
+
+                <!--begin::Hide default export buttons-->
+                <div id="kt_datatable_example_buttons" class="d-none"></div>
+                <!--end::Hide default export buttons-->
+
+            </div>
+        </div>
+        <div class="card-body pt-6">
+            @include('usermanager::users.users._table')
+            @include('usermanager::users.users._form')
+        </div>
+        <!--end::Card body-->
+    </div>
+    <!--end::Card-->
+    @push('customscript')
+        <script>
+            $(function () {
+                $(".form_user_users").submit(function (e) {
+                    e.preventDefault(); // avoid to execute the actual submit of the form.
+
+                    var form = $(this);
+                    var actionUrl = form.attr('action');
+
+                    $.ajax({
+                        type: "POST",
+                        url: actionUrl,
+                        data: form.serialize(), // serializes the form's elements.
+                        success: function (data) {
+                            var _data = JSON.parse(data);
+                            toastr.success(_data.message);
+                            form[0].reset();
+                            LaravelDataTables["{{$route[0].'-'.$route[1]}}-table"].ajax.reload();
+                            $('#kt_modal_user_users').modal('hide');
+
+                        },
+                        error: function (data, textStatus, errorThrown) {
+                            var errors = data.responseJSON.errors;
+                            $.each(errors, function (key, value) {
+                                toastr.error(value);
+                            });
+                        }
+                    });
+                });
+
+                $('#kt_modal_user_users').on('hidden.bs.modal', function (e) {
+                    $(".form_user_users")[0].reset();
+                    $("#sub_directorat_id").html("").append("<option value=''>Select Sub Directorat</option>");
+                    $(".form_user_users").attr('action', "{{ route('user.users.store') }}");
+                    $(".form_user_users").find('input[name="_method"]').remove();
+                    $("#title_form").html("Create User");
+                });
+
+                $("#sub_directorat_id").remoteChained({
+                    parents : "#directorat_id",
+                    url : "/sub-directorat"
+                });
+            });
+        </script>
+    @endpush
+</x-default-layout>
diff --git a/Routes/.gitkeep b/Routes/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Routes/api.php b/Routes/api.php
new file mode 100644
index 0000000..2ebed69
--- /dev/null
+++ b/Routes/api.php
@@ -0,0 +1,18 @@
+<?php
+
+use Illuminate\Http\Request;
+
+/*
+|--------------------------------------------------------------------------
+| 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:api')->get('/usermanager', function (Request $request) {
+    return $request->user();
+});
\ No newline at end of file
diff --git a/Routes/auth.php b/Routes/auth.php
new file mode 100644
index 0000000..55d5126
--- /dev/null
+++ b/Routes/auth.php
@@ -0,0 +1,56 @@
+<?php
+
+	use Illuminate\Support\Facades\Route;
+	use Modules\UserManager\Http\Controllers\Auth\AuthenticatedSessionController;
+	use Modules\UserManager\Http\Controllers\Auth\ConfirmablePasswordController;
+	use Modules\UserManager\Http\Controllers\Auth\EmailVerificationNotificationController;
+	use Modules\UserManager\Http\Controllers\Auth\EmailVerificationPromptController;
+	use Modules\UserManager\Http\Controllers\Auth\NewPasswordController;
+	use Modules\UserManager\Http\Controllers\Auth\PasswordResetLinkController;
+	use Modules\UserManager\Http\Controllers\Auth\RegisteredUserController;
+	use Modules\UserManager\Http\Controllers\Auth\VerifyEmailController;
+
+	Route::middleware('guest')->group(function () {
+    Route::get('register', [RegisteredUserController::class, 'create'])
+                ->name('register');
+
+    Route::post('register', [RegisteredUserController::class, 'store']);
+
+    Route::get('login', [AuthenticatedSessionController::class, 'create'])
+                ->name('login');
+
+    Route::post('login', [AuthenticatedSessionController::class, 'store']);
+
+    Route::get('forgot-password', [PasswordResetLinkController::class, 'create'])
+                ->name('password.request');
+
+    Route::post('forgot-password', [PasswordResetLinkController::class, 'store'])
+                ->name('password.email');
+
+    Route::get('reset-password/{token}', [NewPasswordController::class, 'create'])
+                ->name('password.reset');
+
+    Route::post('reset-password', [NewPasswordController::class, 'store'])
+                ->name('password.update');
+});
+
+Route::middleware('auth')->group(function () {
+    Route::get('verify-email', [EmailVerificationPromptController::class, '__invoke'])
+                ->name('verification.notice');
+
+    Route::get('verify-email/{id}/{hash}', [VerifyEmailController::class, '__invoke'])
+                ->middleware(['signed', 'throttle:6,1'])
+                ->name('verification.verify');
+
+    Route::post('email/verification-notification', [EmailVerificationNotificationController::class, 'store'])
+                ->middleware('throttle:6,1')
+                ->name('verification.send');
+
+    Route::get('confirm-password', [ConfirmablePasswordController::class, 'show'])
+                ->name('password.confirm');
+
+    Route::post('confirm-password', [ConfirmablePasswordController::class, 'store']);
+
+    Route::get('logout', [AuthenticatedSessionController::class, 'destroy'])
+                ->name('logout');
+});
diff --git a/Routes/web.php b/Routes/web.php
new file mode 100644
index 0000000..8bc9456
--- /dev/null
+++ b/Routes/web.php
@@ -0,0 +1,27 @@
+<?php
+
+/*
+|--------------------------------------------------------------------------
+| 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!
+|
+*/
+
+    use Modules\UserManager\Http\Controllers\Users\PermissionsController;
+    use Modules\UserManager\Http\Controllers\Users\RolesController;
+    use Modules\UserManager\Http\Controllers\Users\UsersController;
+
+    Route::middleware(['guest'])->group(function () {
+    // Users Management
+    Route::group(['middleware' => ['auth', 'verified']], function () {
+        Route::resource('roles', RolesController::class);
+        Route::resource('permissions', PermissionsController::class);
+        Route::resource('users', UsersController::class);
+    });
+});
+
+require __DIR__ . '/auth.php';
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..32bc509
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,24 @@
+{
+    "name": "putrakuningan/usermanager-module",
+    "type": "laravel-module",
+    "description": "",
+    "authors": [
+        {
+            "name": "Daeng Deni Mardaeni",
+            "email": "ddeni05@gmail.com"
+        }
+    ],
+    "extra": {
+        "laravel": {
+            "providers": [],
+            "aliases": {
+
+            }
+        }
+    },
+    "autoload": {
+        "psr-4": {
+            "Modules\\UserManager\\": ""
+        }
+    }
+}
diff --git a/module.json b/module.json
new file mode 100644
index 0000000..c35c07f
--- /dev/null
+++ b/module.json
@@ -0,0 +1,11 @@
+{
+    "name": "UserManager",
+    "alias": "usermanager",
+    "description": "",
+    "keywords": [],
+    "priority": 99,
+    "providers": [
+        "Modules\\UserManager\\Providers\\UserManagerServiceProvider"
+    ],
+    "files": []
+}