diff --git a/app/Http/Controllers/Backend/DashboardController.php b/app/Http/Controllers/Backend/DashboardController.php
index b051227..e138e3f 100644
--- a/app/Http/Controllers/Backend/DashboardController.php
+++ b/app/Http/Controllers/Backend/DashboardController.php
@@ -4,30 +4,23 @@
 
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
-// use App\Models\KuesionerRM;
-// use App\Models\KuesionerKM;
-// use App\Models\Rangkuman;
-// use App\Models\HistoriPengisian;
-// use App\Models\PenjelasanKM;
-// use App\Models\PenjelasanRM;
+use App\Models\Hasil;
+use App\Models\User;
+
+use Illuminate\Support\Facades\DB;
 
 class DashboardController extends Controller
 {
-    public function index(){
-        // $kuesionerRM = KuesionerRM::all();
-        // $kuesionerKM = KuesionerKM::all();
-        // $rangkuman = Rangkuman::all();
-        // $historiPengisian = HistoriPengisian::all();
-        // $penjelasanKM = PenjelasanKM::first(); 
-        // $penjelasanRM = PenjelasanRM::first(); 
-
-        return view('backend.dashboard', [
-            // 'kuesionerRM' => $kuesionerRM,
-            // 'kuesionerKM' => $kuesionerKM,
-            // 'rangkuman' => $rangkuman,
-            // 'historiPengisian' => $historiPengisian,
-            // 'penjelasanKM' => $penjelasanKM,
-            // 'penjelasanRM' => $penjelasanRM,
-        ]);
+    public function index()
+    {
+      $kmCounts = Hasil::select('km_class', DB::raw('count(*) as total'))
+        ->groupBy('km_class')
+        ->orderByRaw("FIELD(km_class, 'High', 'Medium', 'Low')")
+        ->get();
+      $rmCounts = Hasil::select('rm_class', DB::raw('count(*) as total'))
+        ->groupBy('rm_class')
+        ->orderByRaw("FIELD(rm_class, 'High', 'Medium', 'Low')")
+        ->get();
+      return view('backend.dashboard', compact('kmCounts', 'rmCounts'));
     }
 }
diff --git a/resources/views/backend/dashboard.blade.php b/resources/views/backend/dashboard.blade.php
index 6f81b34..54eb70b 100644
--- a/resources/views/backend/dashboard.blade.php
+++ b/resources/views/backend/dashboard.blade.php
@@ -16,35 +16,46 @@
         <section class="section dashboard">
             <div class="row">
 
-                <!-- Komponen 1: Hasil Nilai Kuesioner RM -->
-                <div class="col-xxl-4 col-md-6">
-                    <div class="card info-card">
-                        <div class="card-body">
-                            <h5 class="card-title">Nilai RM</h5>
-                            <!-- Tambahkan konten di sini -->
-                            <table>
-                                {{-- <tr>
-                                    <th>ID</th>
-                                    <th>Nama</th>
-                                    
-                                </tr>
-                                @foreach ($kuesionerRM as $kuesioner)
-                                <tr>
-                                    <td>{{ $kuesioner->id }}</td>
-                                    <td>{{ $kuesioner->nama }}</td>
-                                 
-                                </tr>
-                                @endforeach --}}
-                            </table>
-                        </div>
-                    </div>
-                </div><!-- End Hasil Nilai Kuesioner RM -->
-
-                <!-- Komponen 2: Hasil Nilai Kuesioner KM -->
+                <!-- Komponen 1: Hasil Nilai Kuesioner KM -->
                 <div class="col-xxl-4 col-md-6">
                     <div class="card info-card">
                         <div class="card-body">
                             <h5 class="card-title">Nilai KM</h5>
+                            <!-- Tambahkan konten di sini -->
+                            <div id="kmPieChart"></div>
+                            <script>
+                            document.addEventListener("DOMContentLoaded", () => {
+                                let kmCounts = @json($kmCounts);
+    
+                                let kmClass = kmCounts.map(function(item) {
+                                    return item.km_class.toString();
+                                });
+                                let kmTotal = kmCounts.map(function(item) {
+                                    return item.total;
+                                });
+                                new ApexCharts(document.querySelector("#kmPieChart"), {
+                                series: kmTotal,
+                                chart: {
+                                    height: 350,
+                                    type: 'pie',
+                                    toolbar: {
+                                    show: false
+                                    }
+                                },
+                                labels: kmClass,
+                                colors: ['#00e396', '#F8DC1A', '#FA240C']
+                                }).render();
+                            });
+                            </script>
+                        </div>
+                    </div>
+                </div><!-- End Hasil Nilai Kuesioner KM -->
+
+                <!-- Komponen 2: Hasil Nilai Kuesioner RM -->
+                <div class="col-xxl-4 col-md-6">
+                    <div class="card info-card">
+                        <div class="card-body">
+                            <h5 class="card-title">Nilai RM</h5>
                             <!-- Tambahkan konten di sini-->
                             <table>
                                 {{-- <tr>
@@ -62,7 +73,7 @@
                             </table>
                         </div>
                     </div>
-                </div><!-- End Hasil Nilai Kuesioner KM -->
+                </div><!-- End Hasil Nilai Kuesioner RM -->
 
                 <!-- Komponen 3: Rangkuman -->
                 <div class="col-xxl-4 col-md-6">
@@ -100,7 +111,7 @@
                         <div class="card-body">
                             <h5 class="card-title">Penjelasan KM</h5>
                             <!-- Tambahkan penjelasan tentang KM di sini -->
-                            <p>KM adalah ..........</p>
+                            <p>Knowledge of Metacognitif (KM) adalah ..........</p>
                         </div>
                     </div>
                 </div><!-- End Penjelasan KM -->
@@ -111,7 +122,7 @@
                         <div class="card-body">
                             <h5 class="card-title">Penjelasan RM</h5>
                             <!-- Tambahkan penjelasan tentang RM di sini -->
-                            <p>RM adalah............</p>
+                            <p> Regulation of Metacognitif (RM) adalah............</p>
                         </div>
                     </div>
                 </div><!-- End Penjelasan RM -->
diff --git a/resources/views/backend/layouts/sidebar.blade.php b/resources/views/backend/layouts/sidebar.blade.php
index 806e7da..a2f5848 100644
--- a/resources/views/backend/layouts/sidebar.blade.php
+++ b/resources/views/backend/layouts/sidebar.blade.php
@@ -3,7 +3,7 @@
     <ul class="sidebar-nav" id="sidebar-nav">
       <li>
         <a class="card-body profile-card pt-4 d-flex flex-column align-items-center">
-        <img src="{{ asset('storage/' . Auth::user()->foto)}}" alt="Profile" class="rounded-circle">
+        <img src="{{ asset('storage/' . Auth::user()->foto)}}" alt="Profile" class="rounded-circle" style="width: 120px; height: 120px;>
         </a><!-- End Profile Iamge Icon -->
         <!-- <h6> {{ Auth::user()->name }}</h6> -->
         <h6 class="d-flex flex-column align-items-center">Raditya Arief Pratama</h6>