diff --git a/Database/Seeders/RoleSeeder.php b/Database/Seeders/RoleSeeder.php
index 5aad582..b7d95e4 100644
--- a/Database/Seeders/RoleSeeder.php
+++ b/Database/Seeders/RoleSeeder.php
@@ -4,7 +4,7 @@
 
 use Illuminate\Database\Seeder;
 use Illuminate\Database\Eloquent\Model;
-use Modules\Admin\Models\Authorization\Role;
+use Modules\Admin\Models\Rbac\Role;
 
 class RoleSeeder extends Seeder
 {
diff --git a/Http/Controllers/Rbac/RoleController.php b/Http/Controllers/Rbac/RoleController.php
index e5a6fec..897570e 100644
--- a/Http/Controllers/Rbac/RoleController.php
+++ b/Http/Controllers/Rbac/RoleController.php
@@ -1,19 +1,18 @@
 <?php
 
-namespace Modules\Backend\Http\Controllers\Authorization;
+namespace Modules\Admin\Http\Controllers\Rbac;
 
 use App\Http\Controllers\Controller;
-use App\Services\Auth\AuthenticatedSessionService;
-use Modules\Backend\Services\Authorization\PermissionService;
-use Modules\Backend\Services\Authorization\RoleService;
-use Modules\Backend\Services\Authorization\UserService;
 use Exception;
 use Illuminate\Contracts\Foundation\Application;
 use Illuminate\Contracts\View\Factory;
 use Illuminate\Contracts\View\View;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
-use Modules\Rbac\Http\Requests\RoleRequest;
+use Modules\Admin\Http\Requests\Rbac\RoleRequest;
+use Modules\Admin\Services\Rbac\RoleService;
+use Modules\Core\Services\Auth\AuthenticatedSessionService;
+use Modules\Core\Supports\Constant;
 use Throwable;
 
 class RoleController extends Controller
@@ -23,10 +22,6 @@ class RoleController extends Controller
      */
     private $roleService;
 
-    /**
-     * @var PermissionService
-     */
-    private $permissionService;
     /**
      * @var AuthenticatedSessionService
      */
@@ -37,14 +32,11 @@ class RoleController extends Controller
      *
      * @param AuthenticatedSessionService $authenticatedSessionService
      * @param RoleService $roleService
-     * @param PermissionService $permissionService
      */
     public function __construct(AuthenticatedSessionService $authenticatedSessionService,
-                                RoleService                 $roleService,
-                                PermissionService           $permissionService)
+                                RoleService                 $roleService)
     {
         $this->roleService = $roleService;
-        $this->permissionService = $permissionService;
         $this->authenticatedSessionService = $authenticatedSessionService;
     }
 
@@ -59,7 +51,7 @@ public function index(Request $request)
         $filters = $request->except('_token');
         $roles = $this->roleService->rolePaginate($filters);
 
-        return view('backend::role.index', [
+        return view('admin::rbac.role.index', [
             'roles' => $roles
         ]);
     }
@@ -71,11 +63,8 @@ public function index(Request $request)
      */
     public function create()
     {
-        $permissions = $this->permissionService->getAllPermissions();
 
-        return view('backend::role.create', [
-            'permissions' => $permissions
-        ]);
+        return view('admin::rbac.role.create');
     }
 
     /**
@@ -87,14 +76,14 @@ public function create()
      */
     public function store(RoleRequest $request): RedirectResponse
     {
-        $inputs = $request->except('_token');
+        $confirm = $this->roleService->storeRole($request->except('_token'));
 
-        if ($this->roleService->storeRole($inputs)) {
-            toastr('New Role Created', 'success', 'Notification');
-            return redirect()->route('roles.index');
+        if ($confirm['status'] == true) {
+            notify($confirm['message'], $confirm['level'], $confirm['title']);
+            return redirect()->route('admin.roles.index');
         }
 
-        toastr('Role Creation Failed', 'error', 'Alert');
+        notify($confirm['message'], $confirm['level'], $confirm['title']);
         return redirect()->back()->withInput();
     }
 
@@ -109,12 +98,12 @@ public function show(int $id)
     {
         $withTrashed = false;
 
-        if (\request()->has('with') && \request()->get('with') == \Constant::PURGE_MODEL_QSA) {
+        if (request()->has('with') && request()->get('with') == Constant::PURGE_MODEL_QSA) {
             $withTrashed = true;
         }
 
         if ($role = $this->roleService->getRoleById($id, $withTrashed)) {
-            return view('backend::role.show', [
+            return view('admin::rbac.role.show', [
                 'role' => $role
             ]);
         }
@@ -131,16 +120,15 @@ public function show(int $id)
      */
     public function edit($id)
     {
-        if ($role = $this->roleService->getRoleById($id)) {
+        $withTrashed = false;
 
-            $permissions = $this->permissionService->getAllPermissions();
-            $role_permissions = $role->permissions()->pluck('id')->toArray() ?? [];
+        if (request()->has('with') && request()->get('with') == Constant::PURGE_MODEL_QSA) {
+            $withTrashed = true;
+        }
 
-            return view('backend::role.edit', [
-                'role' => $role,
-                'permissions' => $permissions,
-                'role_permissions' => $role_permissions
-            ]);
+        if ($role = $this->roleService->getRoleById($id, $withTrashed)) {
+
+            return view('admin::rbac.role.edit', ['role' => $role]);
         }
 
         abort(404);
@@ -156,14 +144,14 @@ public function edit($id)
      */
     public function update(RoleRequest $request, $id): RedirectResponse
     {
-        $inputs = $request->except('_token', 'submit', '_method');
+        $confirm = $this->roleService->updateRole($request->except('_token', 'submit', '_method'), $id);
 
-        if ($this->roleService->updateRole($inputs, $id)) {
-            toastr('Role Information Updated', 'success', 'Notification');
-            return redirect()->route('roles.index');
+        if ($confirm['status'] == true) {
+            notify($confirm['message'], $confirm['level'], $confirm['title']);
+            return redirect()->route('admin.roles.index');
         }
 
-        toastr('Role Information Update Failed', 'error', 'Alert');
+        notify($confirm['message'], $confirm['level'], $confirm['title']);
         return redirect()->back()->withInput();
     }
 
@@ -175,18 +163,17 @@ public function update(RoleRequest $request, $id): RedirectResponse
      * @return RedirectResponse
      * @throws Throwable
      */
-    public function destroy($id, Request $request): RedirectResponse
+    public function destroy($id, Request $request)
     {
         if ($this->authenticatedSessionService->verifyUser($request)) {
-
-            if ($this->roleService->destroyRole($id)) {
-                toastr('Role Deleted', 'success', 'Notification');
+            $confirm = $this->roleService->destroyRole($id);
+            if ($confirm['status'] == true) {
+                notify($confirm['message'], $confirm['level'], $confirm['title']);
             } else {
-                toastr('Role Removal Failed', 'error', 'Alert');
+                notify($confirm['message'], $confirm['level'], $confirm['title']);
             }
-            return redirect()->route('roles.index');
+            return redirect()->route('admin.roles.index');
         }
-
         abort(403, 'Wrong user credentials');
     }
 }
diff --git a/Http/Requests/Rbac/RoleRequest.php b/Http/Requests/Rbac/RoleRequest.php
index b795ad0..093c260 100644
--- a/Http/Requests/Rbac/RoleRequest.php
+++ b/Http/Requests/Rbac/RoleRequest.php
@@ -14,8 +14,9 @@ class RoleRequest extends FormRequest
      */
     public function authorize(): bool
     {
-        return request()->user()->can('roles.store') ||
-            request()->user()->can('roles.update');
+        /*return request()->user()->can('roles.store') ||
+            request()->user()->can('roles.update');*/
+        return true;
     }
 
     /**
diff --git a/Models/Rbac/Role.php b/Models/Rbac/Role.php
index e139a8a..6e1fba8 100644
--- a/Models/Rbac/Role.php
+++ b/Models/Rbac/Role.php
@@ -2,12 +2,12 @@
 
 namespace Modules\Admin\Models\Rbac;
 
-use Modules\Backend\Models\Authentication\User;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\SoftDeletes;
 use Illuminate\Notifications\Notifiable;
 use Kyslik\ColumnSortable\Sortable;
+use Modules\Core\Models\User;
 use OwenIt\Auditing\Auditable as AuditableTrait;
 use OwenIt\Auditing\Contracts\Auditable;
 use Spatie\Permission\Models\Role as SpatieRole;
@@ -96,11 +96,17 @@ public function deletedBy(): BelongsTo
      */
     public function getTotalPermissionsAttribute(): int
     {
-        return $this->belongsToMany(
-            config('permission.models.permission'),
-            config('permission.table_names.role_has_permissions'),
-            'role_id',
-            'permission_id'
-        )->count();
+        return $this->permissions->count();
     }
+
+    /**
+     * Count Total User Assigned to this role
+     *
+     * @return int
+     */
+    public function getTotalUsersAttribute(): int
+    {
+        return $this->users->count();
+    }
+
 }
diff --git a/Providers/HtmlServiceProvider.php b/Providers/HtmlServiceProvider.php
index 1d9cd80..80a1d43 100644
--- a/Providers/HtmlServiceProvider.php
+++ b/Providers/HtmlServiceProvider.php
@@ -50,5 +50,8 @@ public function boot()
 
         //Dropdown
         Html::component('actionDropdown', 'admin::htmls.action-dropdowns', ['resourceRouteName', 'id', 'options' => []]);
+
+        //Selection
+        Html::component('selection', 'admin::htmls.selection', ['target']);
     }
 }
diff --git a/Repositories/Eloquent/Rbac/RoleRepository.php b/Repositories/Eloquent/Rbac/RoleRepository.php
index bea5f38..c5a22b9 100644
--- a/Repositories/Eloquent/Rbac/RoleRepository.php
+++ b/Repositories/Eloquent/Rbac/RoleRepository.php
@@ -1,15 +1,15 @@
 <?php
 
 
-namespace Modules\Backend\Repositories\Eloquent\Authorization;
+namespace Modules\Admin\Repositories\Eloquent\Rbac;
 
 
-use Modules\Rbac\Models\Role;
-use App\Repositories\EloquentRepository;
 use Exception;
 use Illuminate\Contracts\Pagination\LengthAwarePaginator;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Collection;
+use Modules\Admin\Models\Rbac\Role;
+use Modules\Core\Repositories\EloquentRepository;
 
 class RoleRepository extends EloquentRepository
 {
diff --git a/Resources/assets/js/utility.min.js b/Resources/assets/js/utility.min.js
index cdc6d14..91107d1 100644
--- a/Resources/assets/js/utility.min.js
+++ b/Resources/assets/js/utility.min.js
@@ -31,7 +31,7 @@ function initDeleteModal() {
  * Modal Status Update
  */
 
-/*function toggleEnabledStatus() {
+function toggleEnabledStatus() {
     $(".toggle-class").change(function () {
         var toggle = $(this);
 
@@ -49,7 +49,7 @@ function initDeleteModal() {
                 }
             }, "json");
     });
-}*/
+}
 
 /**
  * mark search keyword in table
@@ -331,18 +331,5 @@ if (typeof $.validator === 'function') {
 }
 
 $(document).ready(function () {
-
     initDeleteModal();
-
-    $("#select-all-checkbox").click(function () {
-        $(".mark-checkbox").each(function () {
-            $(this).prop("checked", true);
-        });
-    });
-
-    $("#unselect-all-checkbox").click(function () {
-        $(".mark-checkbox").each(function () {
-            $(this).prop("checked", false);
-        });
-    });
 });
diff --git a/Resources/plugins/bootstrap4-toggle/CHANGELOG.md b/Resources/plugins/bootstrap4-toggle/CHANGELOG.md
new file mode 100644
index 0000000..7a6df1d
--- /dev/null
+++ b/Resources/plugins/bootstrap4-toggle/CHANGELOG.md
@@ -0,0 +1,82 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## Unreleased
+
+## [3.7.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.7.0) 2019-??-??
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v3.6.0...v3.7.0)
+
+## [3.6.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.6.0) 2019-10-17
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v3.5.0...v3.6.0)
+### Added
+- Added option to change toggle without triggering onChange event (silent toggle) [\#7](https://github.com/gitbrent/bootstrap4-toggle/issue/7) ([aswin1980](https://github.com/aswin1980))
+- Added accessibility properties to labels [\#11](https://github.com/gitbrent/bootstrap4-toggle/issue/11) ([aproquot](https://github.com/aproquot))
+### Changed
+- Fixed URLs in js and css file top comment [\#5](https://github.com/gitbrent/bootstrap4-toggle/issue/5) ([wilecoyte78](https://github.com/wilecoyte78))
+- Disable style is not working [\#18](https://github.com/gitbrent/bootstrap4-toggle/issue/18) ([rychlym](https://github.com/rychlym))
+
+## [3.5.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.5.0) 2019-07-02
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v3.4.0...v3.5.0)
+### Added
+- Added ARIA `role="button"` tag to toggle
+- Added `cursor: pointer;` style to toggle
+### Changed
+- Fixed: Touch not working on mobile [\#2](https://github.com/gitbrent/bootstrap4-toggle/issue/2) ([wilecoyte78](https://github.com/wilecoyte78))
+- Updated to Bootstrap version 4.3.1
+- Updated README with better Yarn instructions
+
+## [3.4.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.4.0) 2019-01-03
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v3.3.0...v3.4.0)
+### Added
+- Outline button styles are now available
+### Changed
+- Updated to Bootstrap version 4.2.1
+
+## [3.3.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.3.0) 2018-12-19
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v3.2.0...v3.3.0)
+### Added
+- New test created to compare core bootstrap sizes to bootstrap4-toggle
+### Changed
+- Introduced new `size` values that mirror bootstrap 4: (`lg`, `sm`, `xs`)
+- Converted all css units from `px` to `rem`
+- Properly added border on `light` button (moved from .toggle class)
+### Removed
+**DEPRECATED** Classic `size` values (`large`, `small`, `mini`)
+
+
+## [3.2.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.2.0) 2018-11-27
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v3.1.0...v3.2.0)
+### Added
+### Changed
+- Removed permanent `active` state from "Off" label so mouse-over highlighting works the same as "On"
+### Removed
+
+
+
+## [3.1.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.1.0) 2018-10-25
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v3.0.0...v3.1.0)
+### Added
+- `index.html` includes new section with dark mode colors
+### Changed
+- `index.html` now fully responsive, better menu, rearranged sections
+- Tweaked `border` property to work with all backgrounds and colors
+### Removed
+
+
+
+## [3.0.0](https://github.com/gitbrent/bootstrap4-toggle/tree/v3.0.0) 2018-10-21
+### [Full Changelog](https://github.com/gitbrent/bootstrap4-toggle/compare/v2.2.2...v3.0.0)
+### Added
+- Touch support
+### Changed
+- Implements Bootstrap 4 colors/styles
+### Removed
+- Old Bootstrap 2 files
+
+[Unreleased]: https://github.com/gitbrent/bootstrap4-toggle/compare/v1.9.0...HEAD
+[3.2.0]: https://github.com/gitbrent/bootstrap4-toggle/compare/v3.1.0...v3.2.0
+[3.1.0]: https://github.com/gitbrent/bootstrap4-toggle/compare/v3.0.0...v3.1.0
+[3.0.0]: https://github.com/gitbrent/bootstrap4-toggle/compare/v2.2.2...v3.0.0
diff --git a/Resources/plugins/bootstrap4-toggle/LICENSE b/Resources/plugins/bootstrap4-toggle/LICENSE
new file mode 100644
index 0000000..9da406a
--- /dev/null
+++ b/Resources/plugins/bootstrap4-toggle/LICENSE
@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2011-2014 Min Hur, The New York Times Company
+Copyright (c) 2018 Brent Ely
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/Resources/plugins/bootstrap4-toggle/README.md b/Resources/plugins/bootstrap4-toggle/README.md
new file mode 100644
index 0000000..b16d866
--- /dev/null
+++ b/Resources/plugins/bootstrap4-toggle/README.md
@@ -0,0 +1,176 @@
+[![MIT Licence](https://img.shields.io/github/license/gitbrent/bootstrap4-toggle.svg)](https://opensource.org/licenses/mit-license.php)   [![Bootstrap 4.2.1](https://img.shields.io/badge/bootstrap-4.3.1-green.svg?style=flat-square)](https://getbootstrap.com/docs/4.1)  [![Known Vulnerabilities](https://snyk.io/test/npm/bootstrap4-toggle/badge.svg)](https://snyk.io/test/npm/bootstrap4-toggle)  [![npm downloads](https://img.shields.io/npm/dm/bootstrap4-toggle.svg)](https://www.npmjs.com/package/bootstrap4-toggle)  [![JSDelivr Badge](https://data.jsdelivr.com/v1/package/gh/gitbrent/bootstrap4-toggle/badge)](https://www.jsdelivr.com/package/gh/gitbrent/bootstrap4-toggle)
+
+# Bootstrap 4 Toggle
+
+**Bootstrap 4 Toggle** is a bootstrap plugin/widget that converts checkboxes into toggles.
+
+**************************************************************************************************
+
+#### Library Distributions
+Project                                                                                    |Description
+-------------------------------------------------------------------------------------------|-------------------------------------------------------
+[bootstrap4-toggle](https://github.com/gitbrent/bootstrap4-toggle)                         | Supports bootstrap4 (requires jQuery)
+[bootstrap-switch-button](https://github.com/gitbrent/bootstrap-switch-button)             | Supports bootstrap4+ (ES6 class, no dependencies)
+[bootstrap-switch-button-react](https://github.com/gitbrent/bootstrap-switch-button-react) | Supports bootstrap4+ (React component, no dependencies)
+
+# Demos
+**Demos and API Docs:** https://gitbrent.github.io/bootstrap4-toggle/  
+
+![Demo GIF](https://github.com/gitbrent/bootstrap4-toggle/blob/master/doc/bootstrap4-toggle-demo.gif?raw=true)
+
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
+
+- [Installation](#installation)
+  - [CDN](#cdn)
+  - [Download](#download)
+  - [NPM](#npm)
+  - [Yarn](#yarn)
+- [Usage](#usage)
+  - [Initialize With HTML](#initialize-with-html)
+  - [Initialize With Code](#initialize-with-code)
+- [API](#api)
+  - [Options](#options)
+  - [Methods](#methods)
+- [Events](#events)
+  - [Event Propagation](#event-propagation)
+  - [API vs Input](#api-vs-input)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
+**************************************************************************************************
+
+# Installation
+
+## CDN
+```html
+<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.0/css/bootstrap4-toggle.min.css" rel="stylesheet">  
+<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.0/js/bootstrap4-toggle.min.js"></script>
+```
+
+## Download
+[Latest GitHub Release](https://github.com/gitbrent/bootstrap4-toggle/releases/latest)
+
+## NPM
+```ksh
+npm install bootstrap4-toggle
+```
+
+## Yarn
+```ksh
+yarn add bootstrap4-toggle
+```
+
+# Usage
+
+## Initialize With HTML
+Simply add `data-toggle="toggle"` to automatically convert a plain checkbox into a bootstrap 4 toggle.
+
+```html
+<input id="chkToggle" type="checkbox" data-toggle="toggle">
+```
+
+## Initialize With Code
+Toggles can also be initialized via JavaScript code.  
+
+EX: Initialize id `chkToggle` with a single line of JavaScript.
+```html
+<input id="chkToggle" type="checkbox" checked>
+<script>
+  $(function(){
+    $('#chkToggle').bootstrapToggle();
+  });
+</script>
+```
+
+# API
+
+## Options
+* Options can be passed via data attributes or JavaScript
+* For data attributes, append the option name to `data-` (ex: `data-on="Enabled"`)
+
+```html
+<input type="checkbox" data-toggle="toggle" data-on="Enabled" data-off="Disabled">
+<input type="checkbox" id="toggle-two">
+<script>
+  $(function() {
+    $('#toggle-two').bootstrapToggle({
+      on: 'Enabled',
+      off: 'Disabled'
+    });
+  })
+</script>
+```
+
+Name      |Type       |Default    |Description                 |
+----------|-----------|----------|----------------------------|
+`on`      |string/html|"On"      |Text of the on toggle
+`off`     |string/html|"Off"     |Text of the off toggle
+`size`    |string     |"normal"  |Size of the toggle. Possible values are: `large`, `normal`, `small`, `mini`.
+`onstyle` |string     |"primary" |Style of the on toggle. Possible values are: `primary`,`secondary`,`success`,`danger`,`warning`,`info`,`light`,`dark`
+`offstyle`|string     |"light"   |Style of the off toggle. Possible values are: `primary`,`secondary`,`success`,`danger`,`warning`,`info`,`light`,`dark`
+`style`   |string     |           |Appends the value to the class attribute of the toggle. This can be used to apply custom styles. Refer to Custom Styles for reference.
+`width`   |integer    |*null*     |Sets the width of the toggle. if set to *null*, width will be auto-calculated.
+`height`  |integer    |*null*     |Sets the height of the toggle. if set to *null*, height will be auto-calculated.
+
+## Methods
+Methods can be used to control toggles directly.
+
+```html
+<input id="toggle-demo" type="checkbox" data-toggle="toggle">
+```
+
+Method     |Example                                         |Description
+-----------|------------------------------------------------|------------------------------------------
+initialize | `$('#toggle-demo').bootstrapToggle()`          |Initializes the toggle plugin with options
+destroy    | `$('#toggle-demo').bootstrapToggle('destroy')` |Destroys the toggle
+on         | `$('#toggle-demo').bootstrapToggle('on')`      |Sets the toggle to 'On' state
+off        | `$('#toggle-demo').bootstrapToggle('off')`     |Sets the toggle to 'Off' state
+toggle     | `$('#toggle-demo').bootstrapToggle('toggle')`  |Toggles the state of the toggle on/off
+enable     | `$('#toggle-demo').bootstrapToggle('enable')`  |Enables the toggle
+disable    | `$('#toggle-demo').bootstrapToggle('disable')` |Disables the toggle
+
+# Events
+
+## Event Propagation
+Note All events are propagated to and from input element to the toggle.
+
+You should listen to events from the `<input type="checkbox">` directly rather than look for custom events.
+
+```html
+<input id="toggle-event" type="checkbox" data-toggle="toggle">
+<div id="console-event"></div>
+<script>
+  $(function() {
+    $('#toggle-event').change(function() {
+      $('#console-event').html('Toggle: ' + $(this).prop('checked'))
+    })
+  })
+</script>
+```
+
+## API vs Input
+This also means that using the API or Input to trigger events will work both ways.
+
+```html
+<input id="toggle-trigger" type="checkbox" data-toggle="toggle">
+<button class="btn btn-success" onclick="toggleApiOn()" >On by API</button>
+<button class="btn btn-danger"  onclick="toggleApiOff()">Off by API</button>
+<button class="btn btn-success" onclick="toggleInpOn()" >On by Input</button>
+<button class="btn btn-danger"  onclick="toggleInpOff()">Off by Input</button>
+<script>
+  function toggleApiOn() {
+    $('#toggle-trigger').bootstrapToggle('on')
+  }
+  function toggleApiOff() {
+    $('#toggle-trigger').bootstrapToggle('off')  
+  }
+  function toggleInpOn() {
+    $('#toggle-trigger').prop('checked', true).change()
+  }
+  function toggleInpOff() {
+    $('#toggle-trigger').prop('checked', false).change()
+  }
+</script>
+```
diff --git a/Resources/plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css b/Resources/plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css
new file mode 100644
index 0000000..42b1ec7
--- /dev/null
+++ b/Resources/plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css
@@ -0,0 +1,10 @@
+/*\
+|*| ========================================================================
+|*| Bootstrap Toggle: bootstrap4-toggle.css v3.6.1
+|*| https://gitbrent.github.io/bootstrap4-toggle/
+|*| ========================================================================
+|*| Copyright 2018-2019 Brent Ely
+|*| Licensed under MIT
+|*| ========================================================================
+\*/
+.btn-group-xs>.btn,.btn-xs{padding:.35rem .4rem .25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem}.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-1.25rem;margin-right:.35rem}.toggle{position:relative;overflow:hidden}.toggle.btn.btn-light,.toggle.btn.btn-outline-light{border-color:rgba(0,0,0,.15)}.toggle input[type=checkbox]{display:none}.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}.toggle-group label,.toggle-group span{cursor:pointer}.toggle.off .toggle-group{left:-100%}.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;box-shadow:none}.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-color:#fff}.toggle.btn-outline-primary .toggle-handle{background-color:var(--primary);border-color:var(--primary)}.toggle.btn-outline-secondary .toggle-handle{background-color:var(--secondary);border-color:var(--secondary)}.toggle.btn-outline-success .toggle-handle{background-color:var(--success);border-color:var(--success)}.toggle.btn-outline-danger .toggle-handle{background-color:var(--danger);border-color:var(--danger)}.toggle.btn-outline-warning .toggle-handle{background-color:var(--warning);border-color:var(--warning)}.toggle.btn-outline-info .toggle-handle{background-color:var(--info);border-color:var(--info)}.toggle.btn-outline-light .toggle-handle{background-color:var(--light);border-color:var(--light)}.toggle.btn-outline-dark .toggle-handle{background-color:var(--dark);border-color:var(--dark)}.toggle[class*=btn-outline]:hover .toggle-handle{background-color:var(--light);opacity:.5}.toggle.btn{min-width:3.7rem;min-height:2.15rem}.toggle-on.btn{padding-right:1.5rem}.toggle-off.btn{padding-left:1.5rem}.toggle.btn-lg{min-width:5rem;min-height:2.815rem}.toggle-on.btn-lg{padding-right:2rem}.toggle-off.btn-lg{padding-left:2rem}.toggle-handle.btn-lg{width:2.5rem}.toggle.btn-sm{min-width:3.125rem;min-height:1.938rem}.toggle-on.btn-sm{padding-right:1rem}.toggle-off.btn-sm{padding-left:1rem}.toggle.btn-xs{min-width:2.19rem;min-height:1.375rem}.toggle-on.btn-xs{padding-right:.8rem}.toggle-off.btn-xs{padding-left:.8rem}
diff --git a/Resources/plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js b/Resources/plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js
new file mode 100644
index 0000000..3839319
--- /dev/null
+++ b/Resources/plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js
@@ -0,0 +1,11 @@
+/*\
+|*| ========================================================================
+|*| Bootstrap Toggle: bootstrap4-toggle.js v3.6.1
+|*| https://gitbrent.github.io/bootstrap4-toggle/
+|*| ========================================================================
+|*| Copyright 2018-2019 Brent Ely
+|*| Licensed under MIT
+|*| ========================================================================
+\*/
+!function(a){"use strict";function l(t,e){this.$element=a(t),this.options=a.extend({},this.defaults(),e),this.render()}l.VERSION="3.6.0",l.DEFAULTS={on:"On",off:"Off",onstyle:"primary",offstyle:"light",size:"normal",style:"",width:null,height:null},l.prototype.defaults=function(){return{on:this.$element.attr("data-on")||l.DEFAULTS.on,off:this.$element.attr("data-off")||l.DEFAULTS.off,onstyle:this.$element.attr("data-onstyle")||l.DEFAULTS.onstyle,offstyle:this.$element.attr("data-offstyle")||l.DEFAULTS.offstyle,size:this.$element.attr("data-size")||l.DEFAULTS.size,style:this.$element.attr("data-style")||l.DEFAULTS.style,width:this.$element.attr("data-width")||l.DEFAULTS.width,height:this.$element.attr("data-height")||l.DEFAULTS.height}},l.prototype.render=function(){this._onstyle="btn-"+this.options.onstyle,this._offstyle="btn-"+this.options.offstyle;var t="large"===this.options.size||"lg"===this.options.size?"btn-lg":"small"===this.options.size||"sm"===this.options.size?"btn-sm":"mini"===this.options.size||"xs"===this.options.size?"btn-xs":"",e=a('<label for="'+this.$element.prop("id")+'" class="btn">').html(this.options.on).addClass(this._onstyle+" "+t),s=a('<label for="'+this.$element.prop("id")+'" class="btn">').html(this.options.off).addClass(this._offstyle+" "+t),o=a('<span class="toggle-handle btn btn-light">').addClass(t),i=a('<div class="toggle-group">').append(e,s,o),l=a('<div class="toggle btn" data-toggle="toggle" role="button">').addClass(this.$element.prop("checked")?this._onstyle:this._offstyle+" off").addClass(t).addClass(this.options.style);this.$element.wrap(l),a.extend(this,{$toggle:this.$element.parent(),$toggleOn:e,$toggleOff:s,$toggleGroup:i}),this.$toggle.append(i);var n=this.options.width||Math.max(e.outerWidth(),s.outerWidth())+o.outerWidth()/2,h=this.options.height||Math.max(e.outerHeight(),s.outerHeight());e.addClass("toggle-on"),s.addClass("toggle-off"),this.$toggle.css({width:n,height:h}),this.options.height&&(e.css("line-height",e.height()+"px"),s.css("line-height",s.height()+"px")),this.update(!0),this.trigger(!0)},l.prototype.toggle=function(){this.$element.prop("checked")?this.off():this.on()},l.prototype.on=function(t){if(this.$element.prop("disabled"))return!1;this.$toggle.removeClass(this._offstyle+" off").addClass(this._onstyle),this.$element.prop("checked",!0),t||this.trigger()},l.prototype.off=function(t){if(this.$element.prop("disabled"))return!1;this.$toggle.removeClass(this._onstyle).addClass(this._offstyle+" off"),this.$element.prop("checked",!1),t||this.trigger()},l.prototype.enable=function(){this.$toggle.removeClass("disabled"),this.$toggle.removeAttr("disabled"),this.$element.prop("disabled",!1)},l.prototype.disable=function(){this.$toggle.addClass("disabled"),this.$toggle.attr("disabled","disabled"),this.$element.prop("disabled",!0)},l.prototype.update=function(t){this.$element.prop("disabled")?this.disable():this.enable(),this.$element.prop("checked")?this.on(t):this.off(t)},l.prototype.trigger=function(t){this.$element.off("change.bs.toggle"),t||this.$element.change(),this.$element.on("change.bs.toggle",a.proxy(function(){this.update()},this))},l.prototype.destroy=function(){this.$element.off("change.bs.toggle"),this.$toggleGroup.remove(),this.$element.removeData("bs.toggle"),this.$element.unwrap()};var t=a.fn.bootstrapToggle;a.fn.bootstrapToggle=function(o){var i=Array.prototype.slice.call(arguments,1)[0];return this.each(function(){var t=a(this),e=t.data("bs.toggle"),s="object"==typeof o&&o;e||t.data("bs.toggle",e=new l(this,s)),"string"==typeof o&&e[o]&&"boolean"==typeof i?e[o](i):"string"==typeof o&&e[o]&&e[o]()})},a.fn.bootstrapToggle.Constructor=l,a.fn.toggle.noConflict=function(){return a.fn.bootstrapToggle=t,this},a(function(){a("input[type=checkbox][data-toggle^=toggle]").bootstrapToggle()}),a(document).on("click.bs.toggle","div[data-toggle^=toggle]",function(t){a(this).find("input[type=checkbox]").bootstrapToggle("toggle"),t.preventDefault()})}(jQuery);
+//# sourceMappingURL=bootstrap4-toggle.min.js.map
diff --git a/Resources/plugins/bootstrap4-toggle/package.json b/Resources/plugins/bootstrap4-toggle/package.json
new file mode 100644
index 0000000..e23baa5
--- /dev/null
+++ b/Resources/plugins/bootstrap4-toggle/package.json
@@ -0,0 +1,71 @@
+{
+  "_from": "bootstrap4-toggle",
+  "_id": "bootstrap4-toggle@3.6.1",
+  "_inBundle": false,
+  "_integrity": "sha512-eRejcTc9YurhZ64nHY9Ii9DQn+F9/R74H9RPoeANVM3N1+C2lZ2tUuFCx1w3orOJ1y/iG4A7iCwdDZphMDIrYg==",
+  "_location": "/bootstrap4-toggle",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "bootstrap4-toggle",
+    "name": "bootstrap4-toggle",
+    "escapedName": "bootstrap4-toggle",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/bootstrap4-toggle/-/bootstrap4-toggle-3.6.1.tgz",
+  "_shasum": "867f2c350727022e6358ec0d43e43b7cfb609f74",
+  "_spec": "bootstrap4-toggle",
+  "_where": "I:\\XAMPP\\htdocs\\boilerplate\\modules\\Admin",
+  "author": {
+    "name": "Brent Ely",
+    "url": "https://github.com/gitbrent/"
+  },
+  "bugs": {
+    "url": "https://github.com/gitbrent/bootstrap4-toggle/issues"
+  },
+  "bundleDependencies": false,
+  "deprecated": false,
+  "description": "Bootstrap 4 Toggle is a bootstrap 4 plugin that converts checkboxes into toggles.",
+  "devDependencies": {
+    "grunt": "^1.0.4",
+    "grunt-contrib-clean": "^2.0.0",
+    "grunt-contrib-cssmin": "^3.0.0",
+    "grunt-contrib-uglify": "^4.0.1"
+  },
+  "files": [
+    "css/bootstrap4-toggle.min.css",
+    "js/bootstrap4-toggle.min.js"
+  ],
+  "homepage": "https://gitbrent.github.io/bootstrap4-toggle/",
+  "keywords": [
+    "bootstrap",
+    "bootstrap4",
+    "bootstrap-4",
+    "bootstrap 4",
+    "bootstrap 4 checkbox",
+    "bootstrap 4 switch",
+    "bootstrap 4 toggle",
+    "bootstrap-checkbox",
+    "bootstrap-switch",
+    "bootstrap-switch-button",
+    "bootstrap-toggle"
+  ],
+  "license": "MIT",
+  "main": "js/bootstrap4-toggle.min.js",
+  "name": "bootstrap4-toggle",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gitbrent/bootstrap4-toggle.git"
+  },
+  "scripts": {
+    "build": "grunt"
+  },
+  "version": "3.6.1"
+}
diff --git a/Resources/views/htmls/selection.blade.php b/Resources/views/htmls/selection.blade.php
new file mode 100644
index 0000000..f184e8c
--- /dev/null
+++ b/Resources/views/htmls/selection.blade.php
@@ -0,0 +1,28 @@
+<div class="btn-group" role="group" aria-label="Basic example">
+    <button type="button" class="btn btn-success btn-sm" id="select-all-checkbox">
+        <i class="mdi mdi-check-all"></i> Select All
+    </button>
+    <button type="button" class="btn btn-secondary btn-sm" id="unselect-all-checkbox">
+        <i class="mdi mdi-close-outline"></i> UnSelect All
+    </button>
+</div>
+
+@once
+    @push('page-script')
+        <script>
+            $(function () {
+                $("#select-all-checkbox").click(function () {
+                    $(".{{ $target }}").each(function () {
+                        $(this).prop("checked", true);
+                    });
+                });
+
+                $("#unselect-all-checkbox").click(function () {
+                    $(".{{ $target }}").each(function () {
+                        $(this).prop("checked", false);
+                    });
+                });
+            });
+        </script>
+    @endpush
+@endonce
diff --git a/Resources/views/index.blade.php b/Resources/views/index.blade.php
index 4ae9069..25cf6d2 100644
--- a/Resources/views/index.blade.php
+++ b/Resources/views/index.blade.php
@@ -1,9 +1,58 @@
 @extends('admin::layouts.master')
 
+@section('title', 'Admin Panel')
+
+@push('meta')
+
+@endpush
+
+@push('webfont')
+
+@endpush
+
+@push('icon')
+
+@endpush
+
+@push('plugin-style')
+
+@endpush
+
+@push('inline-style')
+@endpush
+
+@push('head-script')
+
+@endpush
+
+@section('body-class', 'sidebar-mini')
+
+@section('breadcrumbs', \Breadcrumbs::render())
+
+@section('actions')
+{{--    {!! \Html::linkButton('Add Permission', 'admin.permissions.create', [], 'mdi mdi-plus', 'success') !!}--}}
+@endsection
+
 @section('content')
-    <h1>Hello World</h1>
+    <div class="container-fluid">
+        <div class="card card-default">
+            <div class="card-body p-0 min-vh-100">
 
-    <p>
-        This view is loaded from module: {!! config('admin.name') !!}
-    </p>
+            </div>
+        </div>
+    </div>
+    <!-- /.container-fluid -->
 @endsection
+
+
+@push('plugin-script')
+
+@endpush
+
+@push('page-script')
+    <script>
+        $(function () {
+            highLightQueryString('search', 'permission-table');
+        });
+    </script>
+@endpush
diff --git a/Resources/views/layouts/guest.blade.php b/Resources/views/layouts/guest.blade.php
deleted file mode 100644
index 59c6530..0000000
--- a/Resources/views/layouts/guest.blade.php
+++ /dev/null
@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-<head>
-    <title>{{ config('app.name', 'Laravel') }} | @yield('title')</title>
-    <!-- meta Tags -->
-@include('admin::layouts.includes.meta')
-<!-- Web Font-->
-@include('admin::layouts.includes.webfont')
-<!-- Icon -->
-@include('admin::layouts.includes.icon')
-<!-- Plugins -->
-@include('admin::layouts.includes.plugin-style')
-<!-- Theme style -->
-    <link rel="stylesheet" href="{{ asset('modules/admin/assets/css/adminlte.min.css') }}">
-    <!-- Page Level Style -->
-@include('admin::layouts.includes.inline-style')
-<!-- Page Level Script -->
-    @include('admin::layouts.includes.head-script')
-</head>
-<body class="hold-transition @yield('body-class')">
-@yield('content')
-@include('admin::partials.footer')
-<!-- jQuery -->
-<script src="{{ asset('modules/admin/plugins/jquery/jquery.min.js') }}"></script>
-<!-- Bootstrap 4 -->
-<script src="{{ asset('modules/admin/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
-<!-- Plugin JS -->
-@include('admin::layouts.includes.plugin-script')
-<!-- AdminLTE App -->
-<script src="{{ asset('modules/admin/assets/js/adminlte.min.js') }}"></script>
-<!-- inline js -->
-@include('admin::layouts.includes.page-script')
-</body>
-</html>
diff --git a/Resources/views/layouts/includes/js-constants.blade.php b/Resources/views/layouts/includes/js-constants.blade.php
new file mode 100644
index 0000000..e4ed253
--- /dev/null
+++ b/Resources/views/layouts/includes/js-constants.blade.php
@@ -0,0 +1,3 @@
+<script>
+
+</script>
diff --git a/Resources/views/layouts/master.blade.php b/Resources/views/layouts/master.blade.php
index 5083628..5965228 100644
--- a/Resources/views/layouts/master.blade.php
+++ b/Resources/views/layouts/master.blade.php
@@ -47,6 +47,8 @@
     @include('admin::partials.main-footer')
 </div>
 <!-- ./wrapper -->
+<!-- JS Constants -->
+@include('admin::layouts.includes.js-constants')
 <!-- jQuery -->
 <script src="{{ asset('modules/admin/plugins/jquery/jquery.min.js') }}"></script>
 <!-- Bootstrap 4 -->
diff --git a/Resources/views/partials/menu-sidebar.blade.php b/Resources/views/partials/menu-sidebar.blade.php
index e4b0e95..215c10b 100644
--- a/Resources/views/partials/menu-sidebar.blade.php
+++ b/Resources/views/partials/menu-sidebar.blade.php
@@ -53,13 +53,13 @@ class="brand-image img-circle elevation-3"
                                 <i class="far fa-circle nav-icon"></i>
                                 <p>Users</p>
                             </a>
-                        </li>
+                        </li>--}}
                         <li class="nav-item">
-                            <a href="{{ route('roles.index') }}" class="nav-link">
+                            <a href="{{ route('admin.roles.index') }}" class="nav-link">
                                 <i class="far fa-circle nav-icon"></i>
                                 <p>Roles</p>
                             </a>
-                        </li> --}}
+                        </li>
                         <li class="nav-item">
                             <a href="{{ route('admin.permissions.index') }}" class="nav-link">
                                 <i class="far fa-circle nav-icon"></i>
diff --git a/Resources/views/partials/navbar-message.blade.php b/Resources/views/partials/navbar-message.blade.php
index 3459500..066e4c9 100644
--- a/Resources/views/partials/navbar-message.blade.php
+++ b/Resources/views/partials/navbar-message.blade.php
@@ -7,7 +7,7 @@
         <a href="#" class="dropdown-item">
             <!-- Message Start -->
             <div class="media">
-                <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
+                <img src="{{ asset('modules/admin/assets/img/user1-128x128.jpg') }}" alt="User Avatar" class="img-size-50 mr-3 img-circle">
                 <div class="media-body">
                     <h3 class="dropdown-item-title">
                         Brad Diesel
@@ -23,7 +23,7 @@
         <a href="#" class="dropdown-item">
             <!-- Message Start -->
             <div class="media">
-                <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
+                <img src="{{ asset('modules/admin/assets/img/user8-128x128.jpg') }}" alt="User Avatar" class="img-size-50 img-circle mr-3">
                 <div class="media-body">
                     <h3 class="dropdown-item-title">
                         John Pierce
@@ -39,7 +39,7 @@
         <a href="#" class="dropdown-item">
             <!-- Message Start -->
             <div class="media">
-                <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
+                <img src="{{ asset('modules/admin/assets/img/user3-128x128.jpg') }}" alt="User Avatar" class="img-size-50 img-circle mr-3">
                 <div class="media-body">
                     <h3 class="dropdown-item-title">
                         Nora Silvester
diff --git a/Resources/views/rbac/role/create.blade.php b/Resources/views/rbac/role/create.blade.php
index 5f4db7c..bceb3e9 100644
--- a/Resources/views/rbac/role/create.blade.php
+++ b/Resources/views/rbac/role/create.blade.php
@@ -16,19 +16,16 @@
 
 @section('breadcrumbs', Breadcrumbs::render(Route::getCurrentRoute()->getName()))
 
-@section('options')
-    {!! \Html::backButton('roles.index') !!}
+@section('actions')
+    {!! \Html::backButton('admin.roles.index') !!}
 @endsection
 
 @section('content')
     <div class="row">
         <div class="col-lg-12">
             <div class="card">
-                {!! Html::cardHeader('Add Role',
-                        'mdi mdi-account-check-outline',
-                         'DataTables has most features enabled by default.') !!}
-                {!! \Form::open(['route' => 'roles.store', 'id' => 'role-form']) !!}
-                @include('backend.preference.role.form')
+                {!! \Form::open(['route' => 'admin.roles.store', 'id' => 'role-form']) !!}
+                @include('admin::rbac.role.form')
                 {!! \Form::close() !!}
             </div>
         </div>
@@ -41,4 +38,5 @@
 
 
 @push('page-scripts')
+
 @endpush
diff --git a/Resources/views/rbac/role/edit.blade.php b/Resources/views/rbac/role/edit.blade.php
index 6d4960b..16c09db 100644
--- a/Resources/views/rbac/role/edit.blade.php
+++ b/Resources/views/rbac/role/edit.blade.php
@@ -1,6 +1,6 @@
 @extends('admin::layouts.master')
 
-@section('title', 'Edit Role')
+@section('title', 'Add Role')
 
 @section('keywords', 'Register, sing up')
 
@@ -13,24 +13,19 @@
 @push('page-styles')
 
 @endpush
-{{--
 
-@section('breadcrumbs', Breadcrumbs::render(Route::getCurrentRoute()->getName(), $permission))
---}}
+@section('breadcrumbs', Breadcrumbs::render(Route::getCurrentRoute()->getName(), $role))
 
-@section('options')
-    {!! \Html::backButton('roles.index') !!}
+@section('actions')
+    {!! \Html::backButton('admin.roles.index') !!}
 @endsection
 
 @section('content')
     <div class="row">
         <div class="col-lg-12">
             <div class="card">
-                {!! Html::cardHeader('Edit Roles',
-                        'mdi mdi-account-check-outline',
-                         'DataTables has most features enabled by default.') !!}
-                {!! \Form::open(['route' => ['roles.update', $role->id], 'method' => 'put', 'id' => 'role-form']) !!}
-               @include('backend.preference.role.form')
+                {!! \Form::open(['route' => ['admin.roles.update', $role->id], 'method' => 'put', 'id' => 'role-form']) !!}
+               @include('admin::rbac.role.form')
                 {!! \Form::close() !!}
             </div>
         </div>
diff --git a/Resources/views/rbac/role/form.blade.php b/Resources/views/rbac/role/form.blade.php
index d76e90f..55b2de5 100644
--- a/Resources/views/rbac/role/form.blade.php
+++ b/Resources/views/rbac/role/form.blade.php
@@ -4,50 +4,18 @@
             {!! \Form::nText('name', 'Name', old('name', $role->name ?? null), true) !!}
         </div>
         <div class="col-md-4">
-            {!! \Form::nText('guard_name', 'Guard(s)', old('guard_name', $role->guard_name ?? \DefaultValue::PERMISSION_GUARD)) !!}
+            {!! \Form::nText('guard_name', 'Guard(s)', old('guard_name', $role->guard_name ?? \Modules\Core\Supports\DefaultValue::PERMISSION_GUARD)) !!}
         </div>
         <div class="col-md-4">
-            {!! \Form::nSelect('enabled', 'Enabled', \Constant::ENABLED_OPTIONS,
-                old('enabled', ($role->enabled ?? \DefaultValue::ENABLED_OPTION))) !!}
+            {!! \Form::nSelect('enabled', 'Enabled', \Modules\Core\Supports\Constant::ENABLED_OPTIONS,
+                old('enabled', ($role->enabled ?? \Modules\Core\Supports\DefaultValue::ENABLED_OPTION))) !!}
         </div>
     </div>
-    <div class="row mt-2">
+    <div class="row">
         <div class="col-12">
             {!! \Form::nTextarea('remarks', 'Remarks', old('remarks', $role->remarks ?? null)) !!}
         </div>
     </div>
-    <div class="row">
-        <div class="border-bottom my-3">
-            <div class="card-title d-flex justify-content-between">
-                <h4 class="mb-0">
-                    <i class="mdi mdi-account-details-outline"></i>
-                    Permissions
-                </h4>
-                @include('partials.app.preference.selection')
-            </div>
-            <p class="card-title-desc mb-3">
-                Permission /Privilege assigned to this Role.
-            </p>
-        </div>
-        @forelse($permissions as $permission)
-            <div class="col-md-3">
-                <div class="form-check m-2" title="{{ $permission->name }}">
-                    <input class="form-check-input mark-checkbox" type="checkbox" name="permissions[]"
-                           value="{{ $permission->id }}" id="permission_{{ $permission->id }}"
-                           @if(in_array($permission->id, old('permissions.*', isset($role_permissions) ? (array)$role_permissions : [])) == true)
-                           checked="checked"
-                        @endif
-                    >
-
-                    <label class="form-check-label" for="permission_{{ $permission->id }}">
-                        {{ $permission->display_name }}
-                    </label>
-                </div>
-            </div>
-        @empty
-            <div class="col-12 text-center fw-bolder">No Permission/ Privilege available</div>
-        @endforelse
-    </div>
     <div class="row mt-3">
         <div class="col-12 justify-content-between d-flex">
             {!! \Form::nCancel('Cancel') !!}
diff --git a/Resources/views/rbac/role/index.blade.php b/Resources/views/rbac/role/index.blade.php
index 55b4f36..16f9ae7 100644
--- a/Resources/views/rbac/role/index.blade.php
+++ b/Resources/views/rbac/role/index.blade.php
@@ -2,114 +2,122 @@
 
 @section('title', 'Roles')
 
-@section('keywords', 'Register, sing up')
+@push('meta')
 
-@section('description', 'user tries to login in to system')
+@endpush
+
+@push('webfont')
+
+@endpush
 
-@push('component-styles')
+@push('icon')
 
 @endpush
 
-@push('page-styles')
+@push('plugin-style')
 
 @endpush
 
-@section('breadcrumbs', Breadcrumbs::render(Route::getCurrentRoute()->getName()))
+@push('inline-style')
+@endpush
+
+@push('head-script')
+
+@endpush
 
-@section('options')
-    {!! \Html::linkButton('Add Role', 'roles.create', [], 'mdi mdi-plus', 'success') !!}
+@section('body-class', 'sidebar-mini')
+
+@section('breadcrumbs', \Breadcrumbs::render())
+
+@section('actions')
+    {!! \Html::linkButton('Add Role', 'admin.roles.create', [], 'mdi mdi-plus', 'success') !!}
 @endsection
 
 @section('content')
-    <div class="row">
-        <div class="col-lg-12">
-            <div class="card">
-                {!! Html::cardHeader('Roles',
-                        'mdi mdi-account-check-outline',
-                         'DataTables has most features enabled by default.') !!}
-                <div class="card-body">
-
-                    {!! \Form::open(['route' => 'roles.index', 'method' => 'get']) !!}
-                    @csrf
-                    <div class="row">
-                        <div class="col-md-12">
-                            <div class="input-group mb-3">
-                                {!! \Form::search('search', old('search', (request()->get('search') ?? null)),
-                                    ['class' => 'form-control', 'placeholder' =>'Search Role Name, Guard, Enabled.. etc',
-                                     'aria-label' => 'Search Role Name, Guard, Enabled.. etc',
-                                      'aria-describedby' => 'Search Role Name, Guard, Enabled.. etc',
-                                     'id' => 'search']) !!}
-                                <div class="input-group-append">
-                                    {!! \Form::submit('Search', ['class' => 'btn btn-primary input-group-right-btn']) !!}
+    <div class="container-fluid">
+        <div class="card card-default">
+            <div class="card-body p-0">
+                {!! \Html::cardSearch('search', 'admin.roles.index', 'Search Role Name, Code, Guard, Status, etc.') !!}
+                <div class="table-responsive">
+                    <table class="table table-hover mb-0" id="role-table">
+                        <thead class="thead-light">
+                        <tr>
+                            <th>
+                                <div class="custom-control custom-checkbox">
+                                    <input class="custom-control-input" type="checkbox" id="customCheckbox1"
+                                           value="option1">
+                                    <label for="customCheckbox1" class="custom-control-label"></label>
                                 </div>
-                            </div>
-                        </div>
-                    </div>
-                    {!! \Form::close() !!}
-
-                    <div class="table-responsive">
-                        <table class="table table-bordered table-striped table-display" id="role-table">
-                            <thead>
+                            </th>
+                            <th>@sortablelink('name', 'Name')</th>
+                            <th class="text-center">@sortablelink('guard_name', 'Guard')</th>
+                            <th class="text-center">@sortablelink('permissions', 'Permissions')</th>
+                            <th class="text-center">@sortablelink('users', 'Users')</th>
+                            <th class="text-center">@sortablelink('enabled', 'Enabled')</th>
+                            <th class="text-center">Actions</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        @forelse($roles as $index => $role)
+                            <tr>
+                                <td class="exclude-search">
+                                    <div class="custom-control custom-checkbox">
+                                        <input class="custom-control-input" type="checkbox" id="customCheckbox1"
+                                               value="option1">
+                                        <label for="customCheckbox1" class="custom-control-label"></label>
+                                    </div>
+                                </td>
+                                <td class="text-left">
+                                    <a href="{{ route('admin.roles.show', $role->id) }}">
+                                        {{ $role->name }}
+                                    </a>
+                                </td>
+                                <td class="text-center">{{ $role->guard_name }}</td>
+                                <td class="text-center">{{ $role->total_permissions }}</td>
+                                <td class="text-center">{{ $role->total_users }}</td>
+
+                                <td class="text-center exclude-search">
+                                    <input type="checkbox" data-toggle="toggle" data-size="small"
+                                           data-onstyle="{{ $on ?? 'success' }}"
+                                           data-offstyle="{{ $off ?? 'danger' }}"
+                                           data-model=""
+                                           data-field="enabled"
+                                           data-id="{{$role->id}}"
+                                           data-on="<i class='mdi mdi-check-bold fw-bolder'></i> Yes"
+                                           data-off="<i class='mdi mdi-close fw-bolder'></i> No"
+                                           @if($role->enabled == 'yes') checked @endif>
+
+                                </td>
+                                <td class="exclude-search pr-3 text-center">
+                                    {!! \Html::actionDropdown('admin.roles', $role->id, ['show', 'edit', 'delete']) !!}
+                                </td>
+                            </tr>
+                        @empty
                             <tr>
-                                <th>#</th>
-                                <th>@sortablelink('name', 'Name')</th>
-                                <th>@sortablelink('guard_name', 'Guard')</th>
-                                <th>@sortablelink('permissions', 'Permissions')</th>
-                                <th class="text-center">@sortablelink('enabled', 'Enabled')</th>
-                                <th class="text-center">@sortablelink('remarks', 'Remarks')</th>
-                                <th class="text-center">Actions</th>
+                                <td colspan="7" class="exclude-search text-center">No data to display</td>
                             </tr>
-                            </thead>
-                            <tbody>
-                            @forelse($roles as $index => $role)
-                                <tr>
-                                    <td>{{ $roles->firstItem() + $loop->index }}</td>
-                                    <td>{{ $role->name }}</td>
-                                    <td>{{ $role->guard_name }}</td>
-                                    <td class="text-right">{{ $role->total_permissions }}</td>
-
-                                    <td class="text-center">
-                                        <input type="checkbox" data-toggle="toggle" data-size="small"
-                                               data-onstyle="{{ $on ?? 'success' }}"
-                                               data-offstyle="{{ $off ?? 'danger' }}"
-                                               data-model=""
-                                               data-field="enabled"
-                                               data-id="{{$role->id}}"
-                                               data-on="<i class='mdi mdi-check-bold fw-bolder'></i> Yes"
-                                               data-off="<i class='mdi mdi-close fw-bolder'></i> No"
-                                               @if($role->enabled == 'yes') checked @endif>
-
-                                        {{--{!! \CHTML::flagChangeButton($role, 'enabled', ['yes', 'no']) !!}--}}
-                                    </td>
-                                    <td>{{ $role->remarks }}</td>
-                                    <td>
-                                        {!! \Html::actionButton('roles', $role->id, ['show', 'edit', 'delete']) !!}
-                                    </td>
-                                </tr>
-                            @empty
-                                <tr>
-                                    <td colspan="6">No data to display</td>
-                                </tr>
-                            @endforelse
-                            </tbody>
-                        </table>
-                    </div>
-                    {!! $roles->onEachSide(2)->appends(request()->query())->links() !!}
+                        @endforelse
+                        </tbody>
+                    </table>
                 </div>
             </div>
+            <div class="card-footer bg-transparent pb-0">
+                {!! \Modules\Admin\Supports\CHTML::pagination($roles) !!}
+            </div>
         </div>
     </div>
+    <!-- /.container-fluid -->
 @endsection
 
-@push('component-scripts')
 
-@endpush
+@push('plugin-script')
 
+@endpush
 
-@push('page-scripts')
+@push('page-script')
     <script>
         $(function () {
-            highLightQueryString("search", "role-table");
+            highLightQueryString('search', 'role-table');
         });
     </script>
 @endpush
diff --git a/Resources/views/rbac/role/show.blade.php b/Resources/views/rbac/role/show.blade.php
index 449427c..c3fafe8 100644
--- a/Resources/views/rbac/role/show.blade.php
+++ b/Resources/views/rbac/role/show.blade.php
@@ -1,34 +1,46 @@
 @extends('admin::layouts.master')
 
-@section('title', $role->name)
+@section('title', $role->name ?? 'Details')
 
-@section('keywords', 'Register, sing up')
+@push('meta')
 
-@section('description', 'user tries to login in to system')
+@endpush
+
+@push('webfont')
+
+@endpush
+
+@push('icon')
+
+@endpush
+
+@push('plugin-style')
 
-@push('component-styles')
+@endpush
+
+@push('inline-style')
 
 @endpush
 
-@push('page-styles')
+@push('head-script')
 
 @endpush
 
-@section('breadcrumbs', \Breadcrumbs::render(\Route::getCurrentRoute()->getName(), $role))
+@section('body-class', 'sidebar-mini')
+
+@section('breadcrumbs', Breadcrumbs::render(Route::getCurrentRoute()->getName(), $role))
+
 
-@section('options')
-    {!! \Html::backButton('roles.index') !!}
-    {!! \Html::editButton('roles.edit', $role->id) !!}
+@section('actions')
+    {!! \Html::backButton('admin.roles.index') !!}
+    {!! \Html::editButton('admin.roles.edit', $role->id) !!}
 @endsection
 
 @section('content')
     <div class="row">
         <div class="col-lg-12">
             <div class="card">
-                {!! Html::cardHeader('Role Details',
-                        'mdi mdi-account-check-outline',
-                         'DataTables has most features enabled by default.') !!}
-                <div class="card-body min-vh-100">
+                <div class="card-body">
                     <div class="row">
                         <div class="col-md-4">
                             <label class="d-block">Name</label>
@@ -40,7 +52,7 @@
                         </div>
                         <div class="col-md-4">
                             <label class="d-block">Enabled</label>
-                            <p class="fw-bolder">{{ \Constant::ENABLED_OPTIONS[$role->enabled] ?? null }}</p>
+                            <p class="fw-bolder">{{ \Modules\Core\Supports\Constant::ENABLED_OPTIONS[$role->enabled] ?? null }}</p>
                         </div>
                     </div>
                     <div class="row mt-2">
@@ -49,18 +61,15 @@
                             <p class="fw-bolder">{{ $role->remarks ?? null }}</p>
                         </div>
                     </div>
-                    <div class="row">
-                        <div class="border-bottom my-3">
-                            <div class="card-title d-flex justify-content-between">
-                                <h4 class="mb-0">
-                                    <i class="mdi mdi-account-details-outline"></i>
-                                    Permissions
-                                </h4>
-                            </div>
-                            <p class="card-title-desc mb-3">
-                                Permission /Privilege assigned to this Role.
-                            </p>
+                    <div class="row border-bottom">
+                        <div class="card-title my-3">
+                            <h4 class="mb-0">
+                                <i class="mdi mdi-account-details-outline"></i>
+                                Permissions
+                            </h4>
                         </div>
+                    </div>
+                    <div class="row mt-2">
                         @forelse($role->permissions as $permission)
                             <div class="col-md-3">
                                 <p class="text-dark fw-bold" title="{{ $permission->name }}">
diff --git a/Routes/breadcrumbs.php b/Routes/breadcrumbs.php
index 4f729c2..04c22ef 100644
--- a/Routes/breadcrumbs.php
+++ b/Routes/breadcrumbs.php
@@ -1,19 +1,21 @@
 <?php
+
 use Diglactic\Breadcrumbs\Breadcrumbs;
 use Diglactic\Breadcrumbs\Generator as BreadcrumbTrail;
 use Modules\Admin\Models\Rbac\Permission;
+use Modules\Admin\Models\Rbac\Role;
 
 Breadcrumbs::for('home', function (BreadcrumbTrail $trail) {
     $trail->push('Home', route('home'));
 });
 
-Breadcrumbs::for('admin', function (BreadcrumbTrail $trail) {
+Breadcrumbs::for('admin.', function (BreadcrumbTrail $trail) {
     $trail->parent('home');
     $trail->push('Admin', route('admin.'));
 });
-
+/****************************************** Permission ******************************************/
 Breadcrumbs::for('admin.permissions.index', function (BreadcrumbTrail $trail) {
-    $trail->parent('admin');
+    $trail->parent('admin.');
     $trail->push('Permissions', route('admin.permissions.index'));
 });
 
@@ -31,3 +33,24 @@
     $trail->parent('admin.permissions.index');
     $trail->push('Edit Permission', route('admin.permissions.edit', $permission->id));
 });
+
+/****************************************** Role ******************************************/
+Breadcrumbs::for('admin.roles.index', function (BreadcrumbTrail $trail) {
+    $trail->parent('admin.');
+    $trail->push('Roles', route('admin.roles.index'));
+});
+
+Breadcrumbs::for('admin.roles.create', function (BreadcrumbTrail $trail) {
+    $trail->parent('admin.roles.index');
+    $trail->push('Add Role', route('admin.roles.create'));
+});
+
+Breadcrumbs::for('admin.roles.show', function (BreadcrumbTrail $trail, Role $role) {
+    $trail->parent('admin.roles.index');
+    $trail->push($role->name, route('admin.roles.show', $role->id));
+});
+
+Breadcrumbs::for('admin.roles.edit', function (BreadcrumbTrail $trail, Role $role) {
+    $trail->parent('admin.roles.index');
+    $trail->push('Edit Role', route('admin.roles.edit', $role->id));
+});
diff --git a/Routes/web.php b/Routes/web.php
index 82ebf51..52f2eea 100644
--- a/Routes/web.php
+++ b/Routes/web.php
@@ -16,9 +16,10 @@
 
 use Modules\Admin\Http\Controllers\AdminController;
 use Modules\Admin\Http\Controllers\Rbac\PermissionController;
+use Modules\Admin\Http\Controllers\Rbac\RoleController;
 
 Route::prefix('admin')->name('admin.')->group(function () {
     Route::get('/', [AdminController::class, 'index']);
     Route::resource('permissions', PermissionController::class);
-
+    Route::resource('roles', RoleController::class);
 });
diff --git a/Services/Rbac/RoleService.php b/Services/Rbac/RoleService.php
index 9b98f92..ddc3e22 100644
--- a/Services/Rbac/RoleService.php
+++ b/Services/Rbac/RoleService.php
@@ -1,13 +1,14 @@
 <?php
 
 
-namespace Modules\Backend\Services\Authorization;
+namespace Modules\Admin\Services\Rbac;
 
 
-use Modules\Rbac\Models\Role;
 use Illuminate\Database\Eloquent\Collection;
 use Illuminate\Database\Eloquent\Model;
-use Modules\Rbac\Repositories\Eloquent\RoleRepository;
+use Modules\Admin\Models\Rbac\Role;
+use Modules\Admin\Repositories\Eloquent\Rbac\RoleRepository;
+use Modules\Core\Supports\Constant;
 
 class RoleService
 {
@@ -58,53 +59,56 @@ public function getRoleById(int $id, bool $purge = false)
 
     /**
      * @param array $inputs
-     * @return bool
+     * @return array
      * @throws \Exception|\Throwable
      */
-    public function storeRole(array $inputs): bool
+    public function storeRole(array $inputs): array
     {
         \DB::beginTransaction();
+
         try {
             $newRole = $this->roleRepository->create($inputs);
             if ($newRole instanceof Role) {
-                //attach permissions
-                $this->roleRepository->attachPermissions($inputs['permissions'], $newRole->id);
                 \DB::commit();
-                return true;
+                return ['status' => true, 'message' => __('New Role Created'),
+                    'level' => Constant::MSG_TOASTR_SUCCESS, 'title' => 'Notification!'];
             } else {
                 \DB::rollBack();
-                return false;
+                return ['status' => false, 'message' => __('New Role Creation Failed'),
+                    'level' => Constant::MSG_TOASTR_ERROR, 'title' => 'Alert!'];
             }
         } catch (\Exception $exception) {
-            \Log::error($exception->getMessage());
+            $this->roleRepository->handleException($exception);
             \DB::rollBack();
-            return false;
+            return ['status' => false, 'message' => $exception->getMessage(),
+                'level' => Constant::MSG_TOASTR_WARNING, 'title' => 'Error!'];
         }
     }
 
     /**
      * @param array $inputs
      * @param $id
-     * @return mixed
+     * @return array
      * @throws \Throwable
      */
-    public function updateRole(array $inputs, $id)
+    public function updateRole(array $inputs, $id): array
     {
         \DB::beginTransaction();
         try {
             if ($this->roleRepository->update($inputs, $id)) {
-                //attach permissions
-                $this->roleRepository->syncPermissions($inputs['permissions'], $id);
                 \DB::commit();
-                return true;
+                return ['status' => true, 'message' => __('Role Info Updated'),
+                    'level' => Constant::MSG_TOASTR_SUCCESS, 'title' => 'Notification!'];
             } else {
                 \DB::rollBack();
-                return false;
+                return ['status' => false, 'message' => __('Role Info Update Failed'),
+                    'level' => Constant::MSG_TOASTR_ERROR, 'title' => 'Alert!'];
             }
         } catch (\Exception $exception) {
-            \Log::error($exception->getMessage());
+            $this->roleRepository->handleException($exception);
             \DB::rollBack();
-            return false;
+            return ['status' => false, 'message' => $exception->getMessage(),
+                'level' => Constant::MSG_TOASTR_WARNING, 'title' => 'Error!'];
         }
     }
 
@@ -125,25 +129,28 @@ public function roleDropdown(array $filters = []): array
 
     /**
      * @param $id
-     * @return bool
+     * @return array
      * @throws \Throwable
      */
-    public function destroyRole($id): bool
+    public function destroyRole($id): array
     {
         \DB::beginTransaction();
         try {
             if ($this->roleRepository->detachPermissions([], $id)
                 && $this->roleRepository->delete($id)) {
                 \DB::commit();
-                return true;
+                return ['status' => true, 'message' => __('Role is Trashed'),
+                    'level' => Constant::MSG_TOASTR_SUCCESS, 'title' => 'Notification!'];
             } else {
                 \DB::rollBack();
-                return false;
+                return ['status' => false, 'message' => __('Role is Delete Failed'),
+                    'level' => Constant::MSG_TOASTR_ERROR, 'title' => 'Alert!'];
             }
         } catch (\Exception $exception) {
             $this->roleRepository->handleException($exception);
             \DB::rollBack();
-            return false;
+            return ['status' => false, 'message' => $exception->getMessage(),
+                'level' => Constant::MSG_TOASTR_WARNING, 'title' => 'Error!'];
         }
     }
 }
diff --git a/Supports/CHTML.php b/Supports/CHTML.php
index 3ce64a8..6eceeb9 100644
--- a/Supports/CHTML.php
+++ b/Supports/CHTML.php
@@ -19,7 +19,38 @@ class CHTML
      * @param array $states
      * @return HtmlString
      */
-    public static function flagChangeButton(Model $model, string $field, array $options, $current_value = null, array $states = []): HtmlString
+    public static function flagChangeButton(Model $model, string $field, array $options = [], $current_value = null, array $states = []): HtmlString
+    { //Get Model information
+        $model_id_field = $model->getKeyName();
+        $model_id = $model->$model_id_field;
+        $model_path = get_class($model); //generate switch states
+        $options['on'] = $options['on'] ?? array_shift($options);
+        $options['off'] = $options['off'] ?? array_shift($options); //generate switch states colors
+        $states['on'] = $states['on'] ?? 'success';
+        $states['off'] = $states['off'] ?? 'danger';
+        $HTML = "<input class='toggle-class' type='checkbox' ";
+        $HTML .= "data-onstyle='" . $states['on'] . "' data-offstyle='" . $states['off'] . "' data-toggle='toggle' data-size='small'";
+        $HTML .= "data-model='$model_path' data-id='$model_id' data-field='$field' ";
+        $HTML .= "data-on='" . $options['on'] . "' data-off='" . $options['off'] . "'";
+        if (is_null($current_value)) {
+            $HTML .= ($options['on'] == $model->$field) ? " checked" : "";
+        } else {
+            $HTML .= ($options['on'] == $current_value) ? " checked" : "";
+        }
+        $HTML .= ">";
+
+        return new HtmlString($HTML);
+    }
+
+    /**
+     * @param Model $model
+     * @param string $field
+     * @param array $options
+     * @param null $current_value
+     * @param array $states
+     * @return HtmlString
+     */
+    public static function statusEnabledToggle(Model $model, string $field, array $options = [], $current_value = null, array $states = []): HtmlString
     { //Get Model information
         $model_id_field = $model->getKeyName();
         $model_id = $model->$model_id_field;
@@ -49,9 +80,9 @@ public static function flagChangeButton(Model $model, string $field, array $opti
      */
     public static function pagination($collection, string $type = 'default')
     {
-        return $collection->onEachSide(2)
-            ->appends(request()->query())
+        return $collection->onEachSide(2)->appends(request()->query())
             ->links('admin::layouts.' . $type . '-paginate');
     }
+
 }
 
diff --git a/package.json b/package.json
index 00ef35a..f009fe5 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     },
     "dependencies": {
         "@mdi/font": "^6.4.95",
-        "admin-lte": "^3.1.0"
+        "admin-lte": "^3.1.0",
+        "bootstrap4-toggle": "^3.6.1"
     }
 }
diff --git a/webpack.mix.js b/webpack.mix.js
index dc45658..7eda085 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -15,4 +15,5 @@ mix.copyDirectory(__dirname + '/node_modules/admin-lte/dist',
     __dirname + '/Resources/assets/')
     .copyDirectory(__dirname + '/node_modules/admin-lte/plugins', __dirname + '/Resources/plugins/')
     .copyDirectory(__dirname + '/node_modules/@mdi/font/css', __dirname + '/Resources/plugins/mdi/css/')
-    .copyDirectory(__dirname + '/node_modules/@mdi/font/fonts', __dirname + '/Resources/plugins/mdi/fonts/');
+    .copyDirectory(__dirname + '/node_modules/@mdi/font/fonts', __dirname + '/Resources/plugins/mdi/fonts/')
+    .copyDirectory(__dirname + '/node_modules/bootstrap4-toggle', __dirname + '/Resources/plugins/bootstrap4-toggle/');