diff --git a/app/Http/Controllers/PenggunaController.php b/app/Http/Controllers/PenggunaController.php
new file mode 100644
index 00000000..3a235ec5
--- /dev/null
+++ b/app/Http/Controllers/PenggunaController.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Spatie\Permission\Models\Role;
+use Spatie\Permission\Models\Permission;
+use Illuminate\Support\Facades\Auth;
+use App\Models\User;
+
+class PenggunaController extends Controller
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    /**
+     * Show the application dashboard.
+     *
+     * @return \Illuminate\Contracts\Support\Renderable
+     */
+    public function index()
+    {
+        $alluser = User::all();
+        // $user =  Auth::user();
+        // $user->assignRole('admin');
+        return view('pengurusanpengguna.index',compact('alluser'));
+    }
+
+    public function taraf()
+    {
+        $alluser = User::all();
+        // $user =  Auth::user();
+        // $user->assignRole('admin');
+        return view('pengurusanpengguna.taraf',compact('alluser'));
+    }
+
+    public function roles()
+    {
+        $alluser = User::all();
+        // $user =  Auth::user();
+        // $user->assignRole('admin');
+        return view('pengurusanpengguna.roles',compact('alluser'));
+    }
+}
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index 39910d78..65f00f35 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -63,5 +63,8 @@ class Kernel extends HttpKernel
         'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
         'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
         'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
+        'role' => \Spatie\Permission\Middlewares\RoleMiddleware::class,
+        'permission' => \Spatie\Permission\Middlewares\PermissionMiddleware::class,
+        'role_or_permission' => \Spatie\Permission\Middlewares\RoleOrPermissionMiddleware::class,
     ];
 }
diff --git a/app/Providers/RouteServiceProvider.php b/app/Providers/RouteServiceProvider.php
index 3bd3c81e..b2f46109 100644
--- a/app/Providers/RouteServiceProvider.php
+++ b/app/Providers/RouteServiceProvider.php
@@ -40,11 +40,11 @@ class RouteServiceProvider extends ServiceProvider
         $this->routes(function () {
             Route::prefix('api')
                 ->middleware('api')
-                ->namespace($this->namespace)
+                ->namespace('App\Http\Controllers')
                 ->group(base_path('routes/api.php'));
 
             Route::middleware('web')
-                ->namespace($this->namespace)
+                ->namespace('App\Http\Controllers')
                 ->group(base_path('routes/web.php'));
         });
     }
diff --git a/resources/views/includes/header.blade.php b/resources/views/includes/header.blade.php
index e412130a..16e7f6ff 100644
--- a/resources/views/includes/header.blade.php
+++ b/resources/views/includes/header.blade.php
@@ -20,7 +20,7 @@
           </li> -->
         </ul>
         <div class="group">
-          <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Admin </button>
+          <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ Auth::user()->name }} </button>
           <div class="dropdown-menu dropdown-menu-right mr-2">
             <button class="dropdown-item" type="button"><i class="fa fa-user"></i> Profile</button>
             {{-- logout --}}
diff --git a/resources/views/includes/sidebar.blade.php b/resources/views/includes/sidebar.blade.php
index d30fd59f..fe5962b8 100644
--- a/resources/views/includes/sidebar.blade.php
+++ b/resources/views/includes/sidebar.blade.php
@@ -1,36 +1,75 @@
+@php
+        // $name = Route::currentRouteName();
+
+    @endphp
 <nav id="sidebar" style="">
     <div class="sidebar-header">
-      <h3>Bootstrap Sidebar</h3>
+      <h3>Sistem Lelong</h3>
     </div>
     <ul class="list-unstyled components">
       <p>Dummy Heading</p>
+      @hasrole('admin')
       <li class="{{ (request()->is('home')) ? 'active' : '' }}">
-        <a href="/home">Home</a>
+        <a href="{{url('/home')}}">Home </a>
       </li>
-      <li class="{{ (request()->is('about')) ? 'active' : '' }}">
-        <a href="/about">About</a>
-      </li>
-      <li>
-        <a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false"  style="">Pages</a>
-        <ul class="list-unstyled collapse " id="pageSubmenu" style="">
-          <li>
-            <a href="#">Page 1</a>
+      <li class="{{ (request()->is('pengguna/*')) ? 'active' : '' }}">
+        <a href="#penggunaSubmenu" data-toggle="collapse" aria-expanded="false"  style="">Pengurusan Pengguna</a>
+        <ul class="list-unstyled collapse {{ (request()->is('pengguna/*')) ? 'show' : '' }}" id="penggunaSubmenu" >
+          <li class="{{ (request()->is('pengguna/index')) ? 'active' : '' }}">
+            <a href="{{url('pengguna/index')}}">Pengguna</a>
           </li>
-          <li>
-            <a href="#">Page 2</a>
+          <li class="{{ (request()->is('pengguna/taraf')) ? 'active' : '' }}">
+            <a href="{{url('pengguna/taraf')}}">Taraf</a>
           </li>
-          <li>
-            <a href="#">Page 3</a>
+          <li class="{{ (request()->is('pengguna/roles')) ? 'active' : '' }}">
+            <a href="{{url('pengguna/roles')}}">Roles</a>
           </li>
         </ul>
       </li>
-      <li>
+      {{-- <li>
         <a href="#">Portfolio</a>
       </li>
       <li>
         <a href="#">Contact</a>
+      </li> --}}
+    
+      @endhasrole
+      @hasrole('khazanah')
+      <li class="{{ (request()->is('home')) ? 'active' : '' }}">
+        <a href="/home">Home</a>
       </li>
-    </ul>
+      @endhasrole
+      @hasrole('teller')
+      <li class="{{ (request()->is('home')) ? 'active' : '' }}">
+        <a href="/home">Home</a>
+      </li>
+      @endhasrole
+      @hasrole('pengurus-cawangan')
+      <li class="{{ (request()->is('home')) ? 'active' : '' }}">
+        <a href="/home">Home</a>
+      </li>
+      @endhasrole
+      @hasrole('jurulelong')
+      <li class="{{ (request()->is('home')) ? 'active' : '' }}">
+        <a href="/home">Home</a>
+      </li>
+      @endhasrole
+      @hasrole('operasi')
+      <li class="{{ (request()->is('home')) ? 'active' : '' }}">
+        <a href="/home">Home</a>
+      </li>
+      @endhasrole
+      @hasrole('account')
+      <li class="{{ (request()->is('home')) ? 'active' : '' }}">
+        <a href="/home">Home</a>
+      </li>
+      @endhasrole
+      @hasrole('pembida')
+      <li class="{{ (request()->is('home')) ? 'active' : '' }}">
+        <a href="/home">Home</a>
+      </li>
+      @endhasrole
+    </ul> 
     {{-- <ul class="list-unstyled CTAs">
       <li>
         <a href="../login/login2.html" class="article">Logout</a>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 4a55960a..ff0ac39f 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -21,9 +21,9 @@
     <script type="text/javascript">
         $(document).ready(function() {
             $('#sidebarCollapse').on('click', function() {
-            $('#sidebar, #content').toggleClass('active');
-            $('.collapse.in').toggleClass('in');
-            $('a[aria-expanded=true]').attr('aria-expanded', 'false');
+                $('#sidebar, #content').toggleClass('active');
+                // $('.collapse.in').toggleClass('in');
+                $('a[aria-expanded=true]').attr('aria-expanded', 'false');
             });
         });
 
@@ -120,8 +120,8 @@
             left: 0;
             height: 100vh;
             z-index: 999;
-            background: #7386D5;
-            color: #fff;
+            background: #fff;
+            color: rgb(41, 39, 39);
             transition: all 0.3s;
         }
 
@@ -131,34 +131,36 @@
 
         #sidebar .sidebar-header {
             padding: 20px;
-            background: #6d7fcc;
+            background: #fff;
         }
 
         #sidebar ul.components {
             padding: 20px 0;
-            border-bottom: 1px solid #47748b;
+            border-bottom: 1px solid #fff;
         }
 
         #sidebar ul p {
-            color: #fff;
+            color: rgb(41, 39, 39);
             padding: 10px;
         }
 
         #sidebar ul li a {
-            padding: 10px;
+            padding: 8px;
             font-size: 1.1em;
             display: block;
+            border: 1px solid;
+            border-color: #F0F0F0;
         }
 
         #sidebar ul li a:hover {
-            color: #7386D5;
-            background: #fff;
+            color: #111;
+            background: #F0F0F0;
         }
 
         #sidebar ul li.active>a,
         a[aria-expanded="true"] {
-            color: #fff;
-            background: #6d7fcc;
+            color: #111;
+            background: #F0F0F0;
         }
 
         a[data-toggle="collapse"] {
@@ -176,7 +178,7 @@
         ul ul a {
             font-size: 0.9em !important;
             padding-left: 30px !important;
-            background: #6d7fcc;
+            background: #fff;
         }
 
         ul.CTAs {
diff --git a/resources/views/pengurusanpengguna/index.blade.php b/resources/views/pengurusanpengguna/index.blade.php
new file mode 100644
index 00000000..e654e703
--- /dev/null
+++ b/resources/views/pengurusanpengguna/index.blade.php
@@ -0,0 +1,24 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Dashboard') }}</div>
+
+                <div class="card-body">
+                    @if (session('status'))
+                        <div class="alert alert-success" role="alert">
+                            {{ session('status') }}
+                        </div>
+                    @endif
+
+                    you can manage users!
+                    
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/pengurusanpengguna/roles.blade.php b/resources/views/pengurusanpengguna/roles.blade.php
new file mode 100644
index 00000000..2a10633f
--- /dev/null
+++ b/resources/views/pengurusanpengguna/roles.blade.php
@@ -0,0 +1,24 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Dashboard') }}</div>
+
+                <div class="card-body">
+                    @if (session('status'))
+                        <div class="alert alert-success" role="alert">
+                            {{ session('status') }}
+                        </div>
+                    @endif
+
+                    you can manage roles!
+                    
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/pengurusanpengguna/taraf.blade.php b/resources/views/pengurusanpengguna/taraf.blade.php
new file mode 100644
index 00000000..6fd56c2c
--- /dev/null
+++ b/resources/views/pengurusanpengguna/taraf.blade.php
@@ -0,0 +1,24 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Dashboard') }}</div>
+
+                <div class="card-body">
+                    @if (session('status'))
+                        <div class="alert alert-success" role="alert">
+                            {{ session('status') }}
+                        </div>
+                    @endif
+
+                    you can manage taraf!
+                    
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/routes/web.php b/routes/web.php
index e181e74e..cfab7798 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -21,3 +21,12 @@ Auth::routes();
 
 Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
 Route::get('/about', [App\Http\Controllers\HomeController::class, 'about'])->name('about');
+
+//Pengurusan Pengguna
+
+
+Route::group(['middleware' => ['permission:pengguna'],'prefix'=>'pengguna'], function () {
+    Route::get('/index','PenggunaController@index');
+    Route::get('/taraf','PenggunaController@taraf');
+    Route::get('/roles','PenggunaController@roles');
+});
\ No newline at end of file