From 3f648d339bb410c8736f0f8d02cb6f1e8e0b1fcb Mon Sep 17 00:00:00 2001
From: DimazzP <pratamadimas473@gmail.com>
Date: Fri, 27 Oct 2023 20:02:33 +0700
Subject: [PATCH 1/3] Membuat fitur profile admin

- Membuat Controller Profile Admin
- Membuat blade Profile Admin
- Menambahkan route Profile Admin
---
 .../AdminBackend/AdminProfileController.php        | 14 ++++++++++++++
 .../views/admin_backend/admin_period.blade.php     |  4 ++--
 .../views/admin_backend/admin_profile.blade.php    |  6 ++++++
 .../views/admin_backend/layouts/sidebar.blade.php  |  7 +++++++
 routes/web.php                                     |  2 ++
 5 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 app/Http/Controllers/AdminBackend/AdminProfileController.php
 create mode 100644 resources/views/admin_backend/admin_profile.blade.php

diff --git a/app/Http/Controllers/AdminBackend/AdminProfileController.php b/app/Http/Controllers/AdminBackend/AdminProfileController.php
new file mode 100644
index 0000000..f03d809
--- /dev/null
+++ b/app/Http/Controllers/AdminBackend/AdminProfileController.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers\AdminBackend;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class AdminProfileController extends Controller
+{
+    public function index()
+    {
+        return view('admin_backend.admin_profile');
+    }
+}
diff --git a/resources/views/admin_backend/admin_period.blade.php b/resources/views/admin_backend/admin_period.blade.php
index 6951089..ba37a27 100644
--- a/resources/views/admin_backend/admin_period.blade.php
+++ b/resources/views/admin_backend/admin_period.blade.php
@@ -62,7 +62,7 @@
                                         <form action="{{ route('adminSelectPeriod') }}" method="POST" class="edit-periode">
                                             @csrf
                                             <input type="text" class="form-control d-none" name="id_periode" value="{{ $period->id }}">
-                                            <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-hand-index-fill me-1"></i> Pilih</button>
+                                            <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-check-lg me-1"></i> Pilih</button>
                                         </form>
                                     </td>
                                 </tr>
@@ -85,7 +85,7 @@
                             </div>
                             <div class="modal-body">
                                 <div class="mb-3">
-                                    <label for="create-semester" class="col-form-label">Kategori soal:</label>
+                                    <label for="create-semester" class="col-form-label">Semester:</label>
                                     <select class="form-select" name="semester" id="create-semester">
                                         <option value="1">1. Ganjil</option>
                                         <option value="2">2. Genap</option>
diff --git a/resources/views/admin_backend/admin_profile.blade.php b/resources/views/admin_backend/admin_profile.blade.php
new file mode 100644
index 0000000..99b794d
--- /dev/null
+++ b/resources/views/admin_backend/admin_profile.blade.php
@@ -0,0 +1,6 @@
+@extends('admin_backend/layouts.template')
+@section('content')
+    <main class="main" id="main">
+        <div>ini profile admin</div>
+    </main>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin_backend/layouts/sidebar.blade.php b/resources/views/admin_backend/layouts/sidebar.blade.php
index 37f8f23..2a154f0 100644
--- a/resources/views/admin_backend/layouts/sidebar.blade.php
+++ b/resources/views/admin_backend/layouts/sidebar.blade.php
@@ -33,6 +33,13 @@
         </a>
       </li><!-- End Profile Page Nav -->
 
+      <li class="nav-item">
+        <a class="nav-link collapsed" href="{{ route('adminProfile.index')}}">
+          <i class="bi bi-person-badge-fill"></i>
+          <span>Profile</span>
+        </a>
+      </li><!-- End Profile Page Nav -->
+
         <li class="nav-item">
           <a class="nav-link collapsed" data-bs-target="#users-nav" data-bs-toggle="collapse" href="/admin">
             <i class="bi bi-person"></i><span>User</span><i class="bi bi-chevron-down ms-auto"></i>
diff --git a/routes/web.php b/routes/web.php
index 3e09782..e12f898 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -52,6 +52,8 @@
         Route::resource('admin-questionnaire', 'AdminQuestionnaireController')->names('adminQuestionnaire');
         Route::resource('admin-period', 'AdminPeriodController')->names('adminPeriod');
         Route::resource('admin-result', 'AdminResultController')->names('adminResult');
+        Route::resource('admin-profile', 'AdminProfileController')->names('adminProfile');
+
 
         // Route::get('admin-result', 'AdminResultController@index')->name('adminResult.index');
         // Route::get('admin-result/cetak', 'AdminResultController@index');

From 0c68b44dff8c3711b636f0a749087b23f3a55548 Mon Sep 17 00:00:00 2001
From: DimazzP <pratamadimas473@gmail.com>
Date: Fri, 27 Oct 2023 20:22:55 +0700
Subject: [PATCH 2/3] Perbaikan Fitur Kuesioner User

-Memperbaiki fitur kusioner user mhs yang looping ketika halaman awal dan instruksi kuesioner
---
 app/Http/Controllers/AdminBackend/SelectPeriodController.php | 2 +-
 app/Http/Controllers/Backend/QuestionnaireController.php     | 3 ++-
 app/Http/Controllers/Backend/UiController.php                | 2 +-
 resources/views/backend/users_questionnaire.blade.php        | 4 ++--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/Http/Controllers/AdminBackend/SelectPeriodController.php b/app/Http/Controllers/AdminBackend/SelectPeriodController.php
index 6c88889..8aeb04c 100644
--- a/app/Http/Controllers/AdminBackend/SelectPeriodController.php
+++ b/app/Http/Controllers/AdminBackend/SelectPeriodController.php
@@ -14,7 +14,7 @@ public function update(Request $request)
         $id = $request->id_periode;
         $pilihPeriode = PilihPeriode::first();
         $pilihPeriode->id_periode = $id;
-        $pilihPeriode->aktif = '1';
+        $pilihPeriode->aktif = '0';
         $pilihPeriode->update();
         return redirect()->route('adminPeriod.index')->with('success', 'Periode kuesioner telah diubah');
     }
diff --git a/app/Http/Controllers/Backend/QuestionnaireController.php b/app/Http/Controllers/Backend/QuestionnaireController.php
index 3593854..cba053a 100644
--- a/app/Http/Controllers/Backend/QuestionnaireController.php
+++ b/app/Http/Controllers/Backend/QuestionnaireController.php
@@ -14,7 +14,8 @@ class QuestionnaireController extends Controller
     public function index()
     {
         $idUser = auth()->user()->id;
-        $checkKuesioner = Hasil::where('id_user', $idUser)->count();
+        $checkPeriod = PilihPeriode::first();
+        $checkKuesioner = Hasil::where('id_user', $idUser)->where('id_periode', $checkPeriod->id_periode)->count();
         if ($checkKuesioner > 0) {
             return redirect()->route('user.questionnaire.check');
         }
diff --git a/app/Http/Controllers/Backend/UiController.php b/app/Http/Controllers/Backend/UiController.php
index d96f6a7..a8b9448 100644
--- a/app/Http/Controllers/Backend/UiController.php
+++ b/app/Http/Controllers/Backend/UiController.php
@@ -20,8 +20,8 @@ public function checkQuestionnaire()
         if ($checkPeriod->aktif == 0 ||  !$checkPeriod->id_periode) {
             return view('backend.closed_questionnaire');
         }
-        $idUser = auth()->user()->id;
 
+        $idUser = auth()->user()->id;
         $countResult = Hasil::where('id_user', $idUser)->where('id_periode', $checkPeriod->id_periode)->count();
         if ($countResult > 0) {
             return view('backend.completed_questionnaire');
diff --git a/resources/views/backend/users_questionnaire.blade.php b/resources/views/backend/users_questionnaire.blade.php
index 46f4da7..53e52cd 100644
--- a/resources/views/backend/users_questionnaire.blade.php
+++ b/resources/views/backend/users_questionnaire.blade.php
@@ -35,10 +35,10 @@
                             <input value="2" type="radio" class="form-check-input" id="radio2{{ $kuesioner->id }}" name="optionsGroup{{ $kuesioner->id }}">
                             <label class="form-check-label pe-1 pe-sm-5 ps-1" for="radio2{{ $kuesioner->id }}">2</label>
         
-                            <input value="3" type="radio" class="form-check-input" id="radio3{{ $kuesioner->id }}" name="optionsGroup{{ $kuesioner->id }}">
+                            <input value="3" type="radio" class="form-check-input" id="radio3{{ $kuesioner->id }}" name="optionsGroup{{ $kuesioner->id }}" checked>
                             <label class="form-check-label pe-1 pe-sm-5 ps-1" for="radio3{{ $kuesioner->id }}">3</label>
         
-                            <input value="4" type="radio" class="form-check-input" id="radio4{{ $kuesioner->id }}"  name="optionsGroup{{ $kuesioner->id }}">
+                            <input value="4" type="radio" class="form-check-input" id="radio4{{ $kuesioner->id }}" name="optionsGroup{{ $kuesioner->id }}">
                             <label class="form-check-label pe-1 pe-sm-5 ps-1" for="radio4{{ $kuesioner->id }}">4</label>
         
                             <div class="invalid-feedback mt-3 text-end w-100">

From 79fcc4e6b52c5cdf8a4de8d8e249725998122840 Mon Sep 17 00:00:00 2001
From: DimazzP <pratamadimas473@gmail.com>
Date: Sun, 29 Oct 2023 00:07:43 +0700
Subject: [PATCH 3/3] Membuat Fitur Dashboard Admin & Memperbaiki Sidebar

-Memperbaiki fitur event click dashboard admin dan mahasiswa
-Membuat fitur dashboard admin dengan chart pie untuk rm dan km. Serta menambahkan fitur bar chart untuk total mahasiswa per angkatan
---
 .../AdminBackend/AdminDashboardController.php |  39 +-
 .../AdminBackend/AdminPeriodController.php    |   4 +-
 .../AdminBackend/SelectPeriodController.php   |   3 +
 public/admin_backend/assets/css/style.css     |   4 +-
 .../admin_backend/admin_dashboard.blade.php   | 728 +++---------------
 .../admin_backend/admin_listadmin.blade.php   |   9 +
 .../admin_backend/admin_listuser.blade.php    |  10 +
 .../admin_backend/admin_period.blade.php      |  11 +-
 .../admin_backend/admin_profile.blade.php     |   8 +
 .../admin_questionnaire.blade.php             |   4 +
 .../admin_backend/admin_result.blade.php      |   6 +-
 .../admin_backend/layouts/sidebar.blade.php   |  18 +-
 .../backend/closed_questionnaire.blade.php    |   7 +
 .../backend/completed_questionnaire.blade.php |  10 +-
 resources/views/backend/dashboard.blade.php   |   8 +
 .../views/backend/layouts/sidebar.blade.php   |   6 +-
 .../views/backend/layouts/template.blade.php  |   3 +
 .../not_filled_questionnaire.blade.php        |  10 +-
 .../questionnaire_instructions.blade.php      |  10 +-
 .../views/backend/users-profile.blade.php     |  10 +-
 .../backend/users_questionnaire.blade.php     |   8 +
 21 files changed, 266 insertions(+), 650 deletions(-)

diff --git a/app/Http/Controllers/AdminBackend/AdminDashboardController.php b/app/Http/Controllers/AdminBackend/AdminDashboardController.php
index 8e0b9cf..2062bc9 100644
--- a/app/Http/Controllers/AdminBackend/AdminDashboardController.php
+++ b/app/Http/Controllers/AdminBackend/AdminDashboardController.php
@@ -3,21 +3,36 @@
 namespace App\Http\Controllers\AdminBackend;
 
 use App\Http\Controllers\Controller;
+use App\Models\Hasil;
+use App\Models\User;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
 
 class AdminDashboardController extends Controller
 {
-    //
-    public function index(){
-        return view('admin_backend.admin_dashboard');
-      }
+  //
+  public function index()
+  {
+    $angkatanCounts = User::select('angkatan', DB::raw('count(*) as total'))
+      ->groupBy('angkatan')
+      ->orderBy('angkatan', 'desc')
+      ->get();
+    $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('admin_backend.admin_dashboard', compact('angkatanCounts', 'kmCounts', 'rmCounts'));
+  }
 
-    public function hasRole($id)
-    {
-      foreach ($this->users as $user) 
-      {
-        if ($user->kelas_user == $id) return true;
-      }
-      return false;
-    }
+  public function hasRole($id)
+  {
+    // foreach ($this->users as $user) {
+    //   if ($user->kelas_user == $id) return true;
+    // }
+    return false;
+  }
 }
diff --git a/app/Http/Controllers/AdminBackend/AdminPeriodController.php b/app/Http/Controllers/AdminBackend/AdminPeriodController.php
index 4d49f9b..f409ea9 100644
--- a/app/Http/Controllers/AdminBackend/AdminPeriodController.php
+++ b/app/Http/Controllers/AdminBackend/AdminPeriodController.php
@@ -12,7 +12,7 @@ class AdminPeriodController extends Controller
 
     public function index()
     {
-        $periods = Periode::get();
+        $periods = Periode::orderBy('id', 'desc')->get();
         $selectPeriod = PilihPeriode::first();
         if (!$selectPeriod->id_periode) {
             $selectPeriod->id_periode = 'Belum Ditambahkan';
@@ -23,7 +23,7 @@ public function index()
             } else {
                 $checkPeriod->semester = 'Genap';
             }
-            $selectPeriod->id_periode = $checkPeriod->semester . ' ' . $checkPeriod->tahun;
+            $selectPeriod->period = $checkPeriod->semester . ' ' . $checkPeriod->tahun;
         }
 
         return view('admin_backend.admin_period', compact('periods', 'selectPeriod'));
diff --git a/app/Http/Controllers/AdminBackend/SelectPeriodController.php b/app/Http/Controllers/AdminBackend/SelectPeriodController.php
index 8aeb04c..81bb7b6 100644
--- a/app/Http/Controllers/AdminBackend/SelectPeriodController.php
+++ b/app/Http/Controllers/AdminBackend/SelectPeriodController.php
@@ -13,6 +13,9 @@ public function update(Request $request)
     {
         $id = $request->id_periode;
         $pilihPeriode = PilihPeriode::first();
+        if ($pilihPeriode->id_periode == $id) {
+            return redirect()->route('adminPeriod.index')->with('error', 'Periode kuesioner yang dipilih sama dengan sebelumnya');
+        }
         $pilihPeriode->id_periode = $id;
         $pilihPeriode->aktif = '0';
         $pilihPeriode->update();
diff --git a/public/admin_backend/assets/css/style.css b/public/admin_backend/assets/css/style.css
index 6538926..28db898 100644
--- a/public/admin_backend/assets/css/style.css
+++ b/public/admin_backend/assets/css/style.css
@@ -51,14 +51,12 @@ @media (max-width: 1199px) {
     #main {
         padding: 20px;
     }
-
 }
 
-
 .right {
     float: right;
     width: max-content;
-  }
+}
 
 /*--------------------------------------------------------------
 # Page Title
diff --git a/resources/views/admin_backend/admin_dashboard.blade.php b/resources/views/admin_backend/admin_dashboard.blade.php
index c1d5d57..ff3aea3 100644
--- a/resources/views/admin_backend/admin_dashboard.blade.php
+++ b/resources/views/admin_backend/admin_dashboard.blade.php
@@ -7,645 +7,145 @@
     <h1>Admin Dashboard</h1>
     <nav>
         <ol class="breadcrumb">
-        <li class="breadcrumb-item"><a href="/admin">Home</a></li>
+        <li class="breadcrumb-item">Home</li>
         <li class="breadcrumb-item active">Admin Dashboard</li>
         </ol>
     </nav>
     </div><!-- End Page Title -->
 
     <section class="section dashboard">
-    <div class="row">
 
-        <!-- Left side columns -->
-        <div class="col-lg-8">
-        <div class="row">
+        <div class="container-fluid row">
+            <!-- RM Pie Chart -->
+            <div class="col-6">
+                <div class=" card">
+                    <div class="card-body">
+                        <h5 class="card-title">Knowledge of Metacognitif (KM)</h5>
+                        <div id="kmPieChart"></div>
+                        <script>
+                        document.addEventListener("DOMContentLoaded", () => {
+                            let kmCounts = @json($kmCounts);
 
-            <!-- Sales Card -->
-            <div class="col-xxl-4 col-md-6">
-            <div class="card info-card sales-card">
-
-                <div class="filter">
-                <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-                <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                    <li class="dropdown-header text-start">
-                    <h6>Filter</h6>
-                    </li>
-
-                    <li><a class="dropdown-item" href="#">Today</a></li>
-                    <li><a class="dropdown-item" href="#">This Month</a></li>
-                    <li><a class="dropdown-item" href="#">This Year</a></li>
-                </ul>
-                </div>
-
-                <div class="card-body">
-                <h5 class="card-title">Sales <span>| Today</span></h5>
-
-                <div class="d-flex align-items-center">
-                    <div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
-                    <i class="bi bi-cart"></i>
+                            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: ['High', 'Medium', 'Low'],
+                            colors: ['#00e396', '#F8DC1A', '#FA240C']
+                            }).render();
+                        });
+                        </script>
                     </div>
-                    <div class="ps-3">
-                    <h6>145</h6>
-                    <span class="text-success small pt-1 fw-bold">12%</span> <span class="text-muted small pt-2 ps-1">increase</span>
-
-                    </div>
-                </div>
-                </div>
-
-            </div>
-            </div><!-- End Sales Card -->
-
-            <!-- Revenue Card -->
-            <div class="col-xxl-4 col-md-6">
-            <div class="card info-card revenue-card">
-
-                <div class="filter">
-                <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-                <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                    <li class="dropdown-header text-start">
-                    <h6>Filter</h6>
-                    </li>
-
-                    <li><a class="dropdown-item" href="#">Today</a></li>
-                    <li><a class="dropdown-item" href="#">This Month</a></li>
-                    <li><a class="dropdown-item" href="#">This Year</a></li>
-                </ul>
-                </div>
-
-                <div class="card-body">
-                <h5 class="card-title">Revenue <span>| This Month</span></h5>
-
-                <div class="d-flex align-items-center">
-                    <div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
-                    <i class="bi bi-currency-dollar"></i>
-                    </div>
-                    <div class="ps-3">
-                    <h6>$3,264</h6>
-                    <span class="text-success small pt-1 fw-bold">8%</span> <span class="text-muted small pt-2 ps-1">increase</span>
-
-                    </div>
-                </div>
-                </div>
-
-            </div>
-            </div><!-- End Revenue Card -->
-
-            <!-- Customers Card -->
-            <div class="col-xxl-4 col-xl-12">
-
-            <div class="card info-card customers-card">
-
-                <div class="filter">
-                <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-                <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                    <li class="dropdown-header text-start">
-                    <h6>Filter</h6>
-                    </li>
-
-                    <li><a class="dropdown-item" href="#">Today</a></li>
-                    <li><a class="dropdown-item" href="#">This Month</a></li>
-                    <li><a class="dropdown-item" href="#">This Year</a></li>
-                </ul>
-                </div>
-
-                <div class="card-body">
-                <h5 class="card-title">Customers <span>| This Year</span></h5>
-
-                <div class="d-flex align-items-center">
-                    <div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
-                    <i class="bi bi-people"></i>
-                    </div>
-                    <div class="ps-3">
-                    <h6>1244</h6>
-                    <span class="text-danger small pt-1 fw-bold">12%</span> <span class="text-muted small pt-2 ps-1">decrease</span>
-
-                    </div>
-                </div>
-
                 </div>
             </div>
 
-            </div><!-- End Customers Card -->
+            <!-- KM Pie Chart -->
+            <div class="col-6">
+                <div class="card">
+                    <div class="card-body">
+                        <h5 class="card-title">Regulation of Metacognitif (RM)</h5>
+                        <div id="rmPieChart"></div>
+                        <script>
+                        document.addEventListener("DOMContentLoaded", () => {
+                            let rmCounts = @json($rmCounts);
 
-            <!-- Reports -->
-            <div class="col-12">
-            <div class="card">
-
-                <div class="filter">
-                <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-                <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                    <li class="dropdown-header text-start">
-                    <h6>Filter</h6>
-                    </li>
-
-                    <li><a class="dropdown-item" href="#">Today</a></li>
-                    <li><a class="dropdown-item" href="#">This Month</a></li>
-                    <li><a class="dropdown-item" href="#">This Year</a></li>
-                </ul>
+                            let rmClass = rmCounts.map(function(item) {
+                                return item.rm_class.toString();
+                            });
+                            let rmTotal = rmCounts.map(function(item) {
+                                return item.total;
+                            });
+                            new ApexCharts(document.querySelector("#rmPieChart"), {
+                            series: [13, 43, 22],
+                            chart: {
+                                height: 350,
+                                type: 'pie',
+                                toolbar: {
+                                show: false
+                                }
+                            },
+                            labels: ['High', 'Medium', 'Low'],
+                            colors: ['#00e396', '#F8DC1A', '#FA240C']
+                            }).render();
+                        });
+                        </script>
+                    </div>
                 </div>
-
-                <div class="card-body">
-                <h5 class="card-title">Reports <span>/Today</span></h5>
-
-                <!-- Line Chart -->
-                <div id="reportsChart"></div>
-
-                <script>
-                    document.addEventListener("DOMContentLoaded", () => {
-                    new ApexCharts(document.querySelector("#reportsChart"), {
-                        series: [{
-                        name: 'Sales',
-                        data: [31, 40, 28, 51, 42, 82, 56],
-                        }, {
-                        name: 'Revenue',
-                        data: [11, 32, 45, 32, 34, 52, 41]
-                        }, {
-                        name: 'Customers',
-                        data: [15, 11, 32, 18, 9, 24, 11]
-                        }],
-                        chart: {
-                        height: 350,
-                        type: 'area',
-                        toolbar: {
-                            show: false
-                        },
-                        },
-                        markers: {
-                        size: 4
-                        },
-                        colors: ['#4154f1', '#2eca6a', '#ff771d'],
-                        fill: {
-                        type: "gradient",
-                        gradient: {
-                            shadeIntensity: 1,
-                            opacityFrom: 0.3,
-                            opacityTo: 0.4,
-                            stops: [0, 90, 100]
-                        }
-                        },
-                        dataLabels: {
-                        enabled: false
-                        },
-                        stroke: {
-                        curve: 'smooth',
-                        width: 2
-                        },
-                        xaxis: {
-                        type: 'datetime',
-                        categories: ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09-19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09-19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"]
-                        },
-                        tooltip: {
-                        x: {
-                            format: 'dd/MM/yy HH:mm'
-                        },
-                        }
-                    }).render();
-                    });
-                </script>
-                <!-- End Line Chart -->
-
-                </div>
-
             </div>
-            </div><!-- End Reports -->
-
-            <!-- Recent Sales -->
-            <div class="col-12">
-            <div class="card recent-sales overflow-auto">
-
-                <div class="filter">
-                <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-                <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                    <li class="dropdown-header text-start">
-                    <h6>Filter</h6>
-                    </li>
-
-                    <li><a class="dropdown-item" href="#">Today</a></li>
-                    <li><a class="dropdown-item" href="#">This Month</a></li>
-                    <li><a class="dropdown-item" href="#">This Year</a></li>
-                </ul>
-                </div>
-
-                <div class="card-body">
-                <h5 class="card-title">Recent Sales <span>| Today</span></h5>
-
-                <table class="table table-borderless datatable">
-                    <thead>
-                    <tr>
-                        <th scope="col">#</th>
-                        <th scope="col">Customer</th>
-                        <th scope="col">Product</th>
-                        <th scope="col">Price</th>
-                        <th scope="col">Status</th>
-                    </tr>
-                    </thead>
-                    <tbody>
-                    <tr>
-                        <th scope="row"><a href="#">#2457</a></th>
-                        <td>Brandon Jacob</td>
-                        <td><a href="#" class="text-primary">At praesentium minu</a></td>
-                        <td>$64</td>
-                        <td><span class="badge bg-success">Approved</span></td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#">#2147</a></th>
-                        <td>Bridie Kessler</td>
-                        <td><a href="#" class="text-primary">Blanditiis dolor omnis similique</a></td>
-                        <td>$47</td>
-                        <td><span class="badge bg-warning">Pending</span></td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#">#2049</a></th>
-                        <td>Ashleigh Langosh</td>
-                        <td><a href="#" class="text-primary">At recusandae consectetur</a></td>
-                        <td>$147</td>
-                        <td><span class="badge bg-success">Approved</span></td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#">#2644</a></th>
-                        <td>Angus Grady</td>
-                        <td><a href="#" class="text-primar">Ut voluptatem id earum et</a></td>
-                        <td>$67</td>
-                        <td><span class="badge bg-danger">Rejected</span></td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#">#2644</a></th>
-                        <td>Raheem Lehner</td>
-                        <td><a href="#" class="text-primary">Sunt similique distinctio</a></td>
-                        <td>$165</td>
-                        <td><span class="badge bg-success">Approved</span></td>
-                    </tr>
-                    </tbody>
-                </table>
-
-                </div>
-
-            </div>
-            </div><!-- End Recent Sales -->
-
-            <!-- Top Selling -->
-            <div class="col-12">
-            <div class="card top-selling overflow-auto">
-
-                <div class="filter">
-                <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-                <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                    <li class="dropdown-header text-start">
-                    <h6>Filter</h6>
-                    </li>
-
-                    <li><a class="dropdown-item" href="#">Today</a></li>
-                    <li><a class="dropdown-item" href="#">This Month</a></li>
-                    <li><a class="dropdown-item" href="#">This Year</a></li>
-                </ul>
-                </div>
-
-                <div class="card-body pb-0">
-                <h5 class="card-title">Top Selling <span>| Today</span></h5>
-
-                <table class="table table-borderless">
-                    <thead>
-                    <tr>
-                        <th scope="col">Preview</th>
-                        <th scope="col">Product</th>
-                        <th scope="col">Price</th>
-                        <th scope="col">Sold</th>
-                        <th scope="col">Revenue</th>
-                    </tr>
-                    </thead>
-                    <tbody>
-                    <tr>
-                        <th scope="row"><a href="#"><img src="{{ asset('admin_backend/assets/img/product-1.jpg')}}" alt=""></a></th>
-                        <td><a href="#" class="text-primary fw-bold">Ut inventore ipsa voluptas nulla</a></td>
-                        <td>$64</td>
-                        <td class="fw-bold">124</td>
-                        <td>$5,828</td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#"><img src="{{ asset('admin_backend/assets/img/product-2.jpg')}}" alt=""></a></th>
-                        <td><a href="#" class="text-primary fw-bold">Exercitationem similique doloremque</a></td>
-                        <td>$46</td>
-                        <td class="fw-bold">98</td>
-                        <td>$4,508</td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#"><img src="{{ asset('admin_backend/assets/img/product-3.jpg')}}" alt=""></a></th>
-                        <td><a href="#" class="text-primary fw-bold">Doloribus nisi exercitationem</a></td>
-                        <td>$59</td>
-                        <td class="fw-bold">74</td>
-                        <td>$4,366</td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#"><img src="{{ asset('admin_backend/assets/img/product-4.jpg')}}" alt=""></a></th>
-                        <td><a href="#" class="text-primary fw-bold">Officiis quaerat sint rerum error</a></td>
-                        <td>$32</td>
-                        <td class="fw-bold">63</td>
-                        <td>$2,016</td>
-                    </tr>
-                    <tr>
-                        <th scope="row"><a href="#"><img src="{{ asset('admin_backend/assets/img/product-5.jpg')}}" alt=""></a></th>
-                        <td><a href="#" class="text-primary fw-bold">Sit unde debitis delectus repellendus</a></td>
-                        <td>$79</td>
-                        <td class="fw-bold">41</td>
-                        <td>$3,239</td>
-                    </tr>
-                    </tbody>
-                </table>
-
-                </div>
-
-            </div>
-            </div><!-- End Top Selling -->
+            
 
         </div>
-        </div><!-- End Left side columns -->
 
-        <!-- Right side columns -->
-        <div class="col-lg-4">
+        <div class="container-fluid">
+            <div class="card">
+                <div class="card-body">
+                    <h5 class="card-title">Jumlah Mahasiswa per Angkatan</h5>
+                    <div id="barChart"></div>
+        
+                    <script>
+                    document.addEventListener("DOMContentLoaded", () => {
+                        let angkatanCounts = @json($angkatanCounts);
 
-        <!-- Recent Activity -->
-        <div class="card">
-            <div class="filter">
-            <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-            <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <li class="dropdown-header text-start">
-                <h6>Filter</h6>
-                </li>
-
-                <li><a class="dropdown-item" href="#">Today</a></li>
-                <li><a class="dropdown-item" href="#">This Month</a></li>
-                <li><a class="dropdown-item" href="#">This Year</a></li>
-            </ul>
-            </div>
-
-            <div class="card-body">
-            <h5 class="card-title">Recent Activity <span>| Today</span></h5>
-
-            <div class="activity">
-
-                <div class="activity-item d-flex">
-                <div class="activite-label">32 min</div>
-                <i class='bi bi-circle-fill activity-badge text-success align-self-start'></i>
-                <div class="activity-content">
-                    Quia quae rerum <a href="#" class="fw-bold text-dark">explicabo officiis</a> beatae
-                </div>
-                </div><!-- End activity item-->
-
-                <div class="activity-item d-flex">
-                <div class="activite-label">56 min</div>
-                <i class='bi bi-circle-fill activity-badge text-danger align-self-start'></i>
-                <div class="activity-content">
-                    Voluptatem blanditiis blanditiis eveniet
-                </div>
-                </div><!-- End activity item-->
-
-                <div class="activity-item d-flex">
-                <div class="activite-label">2 hrs</div>
-                <i class='bi bi-circle-fill activity-badge text-primary align-self-start'></i>
-                <div class="activity-content">
-                    Voluptates corrupti molestias voluptatem
-                </div>
-                </div><!-- End activity item-->
-
-                <div class="activity-item d-flex">
-                <div class="activite-label">1 day</div>
-                <i class='bi bi-circle-fill activity-badge text-info align-self-start'></i>
-                <div class="activity-content">
-                    Tempore autem saepe <a href="#" class="fw-bold text-dark">occaecati voluptatem</a> tempore
-                </div>
-                </div><!-- End activity item-->
-
-                <div class="activity-item d-flex">
-                <div class="activite-label">2 days</div>
-                <i class='bi bi-circle-fill activity-badge text-warning align-self-start'></i>
-                <div class="activity-content">
-                    Est sit eum reiciendis exercitationem
-                </div>
-                </div><!-- End activity item-->
-
-                <div class="activity-item d-flex">
-                <div class="activite-label">4 weeks</div>
-                <i class='bi bi-circle-fill activity-badge text-muted align-self-start'></i>
-                <div class="activity-content">
-                    Dicta dolorem harum nulla eius. Ut quidem quidem sit quas
-                </div>
-                </div><!-- End activity item-->
-
-            </div>
-
-            </div>
-        </div><!-- End Recent Activity -->
-
-        <!-- Budget Report -->
-        <div class="card">
-            <div class="filter">
-            <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-            <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <li class="dropdown-header text-start">
-                <h6>Filter</h6>
-                </li>
-
-                <li><a class="dropdown-item" href="#">Today</a></li>
-                <li><a class="dropdown-item" href="#">This Month</a></li>
-                <li><a class="dropdown-item" href="#">This Year</a></li>
-            </ul>
-            </div>
-
-            <div class="card-body pb-0">
-            <h5 class="card-title">Budget Report <span>| This Month</span></h5>
-
-            <div id="budgetChart" style="min-height: 400px;" class="echart"></div>
-
-            <script>
-                document.addEventListener("DOMContentLoaded", () => {
-                var budgetChart = echarts.init(document.querySelector("#budgetChart")).setOption({
-                    legend: {
-                    data: ['Allocated Budget', 'Actual Spending']
-                    },
-                    radar: {
-                    // shape: 'circle',
-                    indicator: [{
-                        name: 'Sales',
-                        max: 6500
+                        let categories = angkatanCounts.map(function(item) {
+                            return item.angkatan.toString();
+                        });
+                        let data = angkatanCounts.map(function(item) {
+                            return item.total;
+                        });
+                        new ApexCharts(document.querySelector("#barChart"), {
+                        series: [{
+                            data: data
+                        }],
+                        chart: {
+                            type: 'bar',
+                            // height: 400,
+                            toolbar: {
+                                show: false
+                            }
                         },
-                        {
-                        name: 'Administration',
-                        max: 16000
+                        plotOptions: {
+                            bar: {
+                            borderRadius: 4,
+                            horizontal: true,
+                            }
                         },
-                        {
-                        name: 'Information Technology',
-                        max: 30000
+                        dataLabels: {
+                            enabled: true, // Aktifkan dataLabels
+                            formatter: function(val) {
+                            return val; // Menampilkan nilai data pada teks
+                            }
                         },
-                        {
-                        name: 'Customer Support',
-                        max: 38000
-                        },
-                        {
-                        name: 'Development',
-                        max: 52000
-                        },
-                        {
-                        name: 'Marketing',
-                        max: 25000
+                        xaxis: {
+                            categories: categories,
                         }
-                    ]
-                    },
-                    series: [{
-                    name: 'Budget vs spending',
-                    type: 'radar',
-                    data: [{
-                        value: [4200, 3000, 20000, 35000, 50000, 18000],
-                        name: 'Allocated Budget'
-                        },
-                        {
-                        value: [5000, 14000, 28000, 26000, 42000, 21000],
-                        name: 'Actual Spending'
-                        }
-                    ]
-                    }]
-                });
-                });
-            </script>
-
-            </div>
-        </div><!-- End Budget Report -->
-
-        <!-- Website Traffic -->
-        <div class="card">
-            <div class="filter">
-            <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-            <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <li class="dropdown-header text-start">
-                <h6>Filter</h6>
-                </li>
-
-                <li><a class="dropdown-item" href="#">Today</a></li>
-                <li><a class="dropdown-item" href="#">This Month</a></li>
-                <li><a class="dropdown-item" href="#">This Year</a></li>
-            </ul>
-            </div>
-
-            <div class="card-body pb-0">
-            <h5 class="card-title">Website Traffic <span>| Today</span></h5>
-
-            <div id="trafficChart" style="min-height: 400px;" class="echart"></div>
-
-            <script>
-                document.addEventListener("DOMContentLoaded", () => {
-                echarts.init(document.querySelector("#trafficChart")).setOption({
-                    tooltip: {
-                    trigger: 'item'
-                    },
-                    legend: {
-                    top: '5%',
-                    left: 'center'
-                    },
-                    series: [{
-                    name: 'Access From',
-                    type: 'pie',
-                    radius: ['40%', '70%'],
-                    avoidLabelOverlap: false,
-                    label: {
-                        show: false,
-                        position: 'center'
-                    },
-                    emphasis: {
-                        label: {
-                        show: true,
-                        fontSize: '18',
-                        fontWeight: 'bold'
-                        }
-                    },
-                    labelLine: {
-                        show: false
-                    },
-                    data: [{
-                        value: 1048,
-                        name: 'Search Engine'
-                        },
-                        {
-                        value: 735,
-                        name: 'Direct'
-                        },
-                        {
-                        value: 580,
-                        name: 'Email'
-                        },
-                        {
-                        value: 484,
-                        name: 'Union Ads'
-                        },
-                        {
-                        value: 300,
-                        name: 'Video Ads'
-                        }
-                    ]
-                    }]
-                });
-                });
-            </script>
-
-            </div>
-        </div><!-- End Website Traffic -->
-
-        <!-- News & Updates Traffic -->
-        <div class="card">
-            <div class="filter">
-            <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
-            <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                <li class="dropdown-header text-start">
-                <h6>Filter</h6>
-                </li>
-
-                <li><a class="dropdown-item" href="#">Today</a></li>
-                <li><a class="dropdown-item" href="#">This Month</a></li>
-                <li><a class="dropdown-item" href="#">This Year</a></li>
-            </ul>
-            </div>
-
-            <div class="card-body pb-0">
-            <h5 class="card-title">News &amp; Updates <span>| Today</span></h5>
-
-            <div class="news">
-                <div class="post-item clearfix">
-                <img src="{{ asset('admin_backend/assets/img/news-1.jpg')}}" alt="">
-                <h4><a href="#">Nihil blanditiis at in nihil autem</a></h4>
-                <p>Sit recusandae non aspernatur laboriosam. Quia enim eligendi sed ut harum...</p>
+                        }).render();
+                    });
+                    </script>
+                    <!-- End Bar Chart -->
                 </div>
-
-                <div class="post-item clearfix">
-                <img src="{{ asset('admin_backend/assets/img/news-2.jpg')}}" alt="">
-                <h4><a href="#">Quidem autem et impedit</a></h4>
-                <p>Illo nemo neque maiores vitae officiis cum eum turos elan dries werona nande...</p>
-                </div>
-
-                <div class="post-item clearfix">
-                <img src="{{ asset('admin_backend/assets/img/news-3.jpg')}}" alt="">
-                <h4><a href="#">Id quia et et ut maxime similique occaecati ut</a></h4>
-                <p>Fugiat voluptas vero eaque accusantium eos. Consequuntur sed ipsam et totam...</p>
-                </div>
-
-                <div class="post-item clearfix">
-                <img src="{{ asset('admin_backend/assets/img/news-4.jpg')}}" alt="">
-                <h4><a href="#">Laborum corporis quo dara net para</a></h4>
-                <p>Qui enim quia optio. Eligendi aut asperiores enim repellendusvel rerum cuder...</p>
-                </div>
-
-                <div class="post-item clearfix">
-                <img src="{{ asset('admin_backend/assets/img/news-5.jpg')}}" alt="">
-                <h4><a href="#">Et dolores corrupti quae illo quod dolor</a></h4>
-                <p>Odit ut eveniet modi reiciendis. Atque cupiditate libero beatae dignissimos eius...</p>
-                </div>
-
-            </div><!-- End sidebar recent posts-->
-
             </div>
-        </div><!-- End News & Updates -->
+        </div>
 
-        </div><!-- End Right side columns -->
-
-    </div>
     </section>
 
-    </main><!-- End #main -->
-@endsection
\ No newline at end of file
+    </main>
+    <!-- End #main -->
+@endsection
+@section('script')
+<script>
+    $(document).ready(function() {
+        $("#sidebar-dashboard").removeClass("collapsed");
+    });
+</script>
+@endsection
diff --git a/resources/views/admin_backend/admin_listadmin.blade.php b/resources/views/admin_backend/admin_listadmin.blade.php
index 16135b0..995051f 100644
--- a/resources/views/admin_backend/admin_listadmin.blade.php
+++ b/resources/views/admin_backend/admin_listadmin.blade.php
@@ -105,4 +105,13 @@
             </script>
 
     </main><!-- End #main -->
+@endsection
+@section('script')
+    <script>
+        $(document).ready(function() {
+            $("#sidebar-listperson").removeClass("collapsed");
+            $("#users-nav").addClass("show");
+            $("#sidebar-item-listadmin").addClass("active");
+        });
+    </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin_backend/admin_listuser.blade.php b/resources/views/admin_backend/admin_listuser.blade.php
index 09c3651..161c363 100644
--- a/resources/views/admin_backend/admin_listuser.blade.php
+++ b/resources/views/admin_backend/admin_listuser.blade.php
@@ -58,4 +58,14 @@
     </section>
 
     </main><!-- End #main -->
+@endsection
+
+@section('script')
+    <script>
+        $(document).ready(function() {
+            $("#sidebar-listperson").removeClass("collapsed");
+            $("#users-nav").addClass("show");
+            $("#sidebar-item-listuser").addClass("active");
+        });
+    </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin_backend/admin_period.blade.php b/resources/views/admin_backend/admin_period.blade.php
index ba37a27..e89a26f 100644
--- a/resources/views/admin_backend/admin_period.blade.php
+++ b/resources/views/admin_backend/admin_period.blade.php
@@ -19,7 +19,7 @@
                 <div class="d-flex justify-content-center">
                     <div class="border border-2 rounded p-2 text-center">
                         <h6>Periode Terpilih</h6>
-                        <div class="pt-2 border-bottom"><h6 style="font-weight: bold">{{ $selectPeriod->id_periode }}</h6></div>
+                        <div class="pt-2 border-bottom"><h6 style="font-weight: bold">{{ $selectPeriod->period }}</h6></div>
                         <div class="pt-2">
                             <input value="0" type="radio" class="form-check-input ms-2" id="radioTutup" name="optionActive" required>
                             <label class="form-check-label ps-1 pe-2" for="radioTutup">Tutup Kuesioner</label>
@@ -62,7 +62,11 @@
                                         <form action="{{ route('adminSelectPeriod') }}" method="POST" class="edit-periode">
                                             @csrf
                                             <input type="text" class="form-control d-none" name="id_periode" value="{{ $period->id }}">
-                                            <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-check-lg me-1"></i> Pilih</button>
+                                            @if ($period->id==$selectPeriod->id_periode)
+                                                <button type="submit" class="btn btn-primary btn-sm" disabled><i class="bi bi-check-all bi-lg me-1"></i> Pilih</button>
+                                            @else
+                                                <button type="submit" class="btn btn-light btn-sm border"><i class="bi bi-check-lg me-1"></i> Pilih</button>
+                                            @endif
                                         </form>
                                     </td>
                                 </tr>
@@ -269,5 +273,8 @@
                 }
             })
         });
+    $(document).ready(function() {
+        $("#sidebar-period").removeClass("collapsed");
+    });
 </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin_backend/admin_profile.blade.php b/resources/views/admin_backend/admin_profile.blade.php
index 99b794d..5b25fb1 100644
--- a/resources/views/admin_backend/admin_profile.blade.php
+++ b/resources/views/admin_backend/admin_profile.blade.php
@@ -3,4 +3,12 @@
     <main class="main" id="main">
         <div>ini profile admin</div>
     </main>
+@endsection
+
+@section('script')
+    <script>
+        $(document).ready(function() {
+            $("#sidebar-profile").removeClass("collapsed");
+        });
+    </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin_backend/admin_questionnaire.blade.php b/resources/views/admin_backend/admin_questionnaire.blade.php
index 6476543..c142e4a 100644
--- a/resources/views/admin_backend/admin_questionnaire.blade.php
+++ b/resources/views/admin_backend/admin_questionnaire.blade.php
@@ -165,5 +165,9 @@
             })
         });
     });
+
+    $(document).ready(function() {
+        $("#sidebar-questionnaire").removeClass("collapsed");
+    });
 </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin_backend/admin_result.blade.php b/resources/views/admin_backend/admin_result.blade.php
index e174126..a856f72 100644
--- a/resources/views/admin_backend/admin_result.blade.php
+++ b/resources/views/admin_backend/admin_result.blade.php
@@ -33,5 +33,9 @@
 @endsection
 
 @section('script')
-
+<script>
+    $(document).ready(function() {
+        $("#sidebar-result").removeClass("collapsed");
+    });
+</script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin_backend/layouts/sidebar.blade.php b/resources/views/admin_backend/layouts/sidebar.blade.php
index 2a154f0..2f8a41b 100644
--- a/resources/views/admin_backend/layouts/sidebar.blade.php
+++ b/resources/views/admin_backend/layouts/sidebar.blade.php
@@ -6,52 +6,52 @@
         <span>Dosen</span>
       </li>
       <li class="nav-item">
-        <a class="nav-link " href="#">
+        <a id="sidebar-dashboard" class="nav-link collapsed" href="{{ route('adminDashboard.index') }}">
           <i class="bi bi-grid"></i>
           <span>Dashboard</span>
         </a>
       </li><!-- End Dashboard Nav -->
 
       <li class="nav-item">
-        <a class="nav-link collapsed" href="{{ route('adminQuestionnaire.index')}}">
+        <a id="sidebar-questionnaire" class="nav-link collapsed" href="{{ route('adminQuestionnaire.index')}}">
           <i class="bi bi-pencil"></i>
           <span>Kuesioner</span>
         </a>
       </li><!-- End Kuesioner Page Nav -->
 
       <li class="nav-item">
-        <a class="nav-link collapsed" href="{{ route('adminPeriod.index')}}">
+        <a id="sidebar-period" class="nav-link collapsed" href="{{ route('adminPeriod.index')}}">
           <i class="bi bi-calendar4"></i>
           <span>Periode</span>
         </a>
       </li><!-- End Profile Page Nav -->
 
       <li class="nav-item">
-        <a class="nav-link collapsed" href="{{ route('adminResult.index')}}">
+        <a id="sidebar-result" class="nav-link collapsed" href="{{ route('adminResult.index')}}">
           <i class="bi bi-book"></i>
           <span>Hasil</span>
         </a>
       </li><!-- End Profile Page Nav -->
 
       <li class="nav-item">
-        <a class="nav-link collapsed" href="{{ route('adminProfile.index')}}">
+        <a id="sidebar-profile" class="nav-link collapsed" href="{{ route('adminProfile.index')}}">
           <i class="bi bi-person-badge-fill"></i>
           <span>Profile</span>
         </a>
       </li><!-- End Profile Page Nav -->
 
         <li class="nav-item">
-          <a class="nav-link collapsed" data-bs-target="#users-nav" data-bs-toggle="collapse" href="/admin">
+          <a id="sidebar-listperson" class="nav-link collapsed" data-bs-target="#users-nav" data-bs-toggle="collapse" href="/admin">
             <i class="bi bi-person"></i><span>User</span><i class="bi bi-chevron-down ms-auto"></i>
           </a>
-          <ul id="users-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
+          <ul id="users-nav" class="nav-content collapse" data-bs-parent="#sidebar-nav">
             <li>
-              <a href="/listuser">
+              <a id="sidebar-item-listuser" href="/listuser">
                 <i class="bi bi-circle"></i><span>List User</span>
               </a>
             </li>
             <li>
-              <a href="/listadmin">
+              <a id="sidebar-item-listadmin" href="/listadmin">
                 <i class="bi bi-circle"></i><span>List Admin</span>
               </a>
             </li>
diff --git a/resources/views/backend/closed_questionnaire.blade.php b/resources/views/backend/closed_questionnaire.blade.php
index 69365f9..20bf154 100644
--- a/resources/views/backend/closed_questionnaire.blade.php
+++ b/resources/views/backend/closed_questionnaire.blade.php
@@ -11,4 +11,11 @@
             <p class="pt-1 text-secondary">Silakan kembali lagi nanti atau cek informasi terbaru untuk melihat kapan periode pengisian akan dibuka. Terima kasih atas pengertiannya.</p>
         </div>
      </main>
+ @endsection
+ @section('script')
+     <script>
+        $(document).ready(function() {
+            $("#sidebar-questionnaire").removeClass("collapsed");
+        });
+     </script>
  @endsection
\ No newline at end of file
diff --git a/resources/views/backend/completed_questionnaire.blade.php b/resources/views/backend/completed_questionnaire.blade.php
index 685d929..4bcbee5 100644
--- a/resources/views/backend/completed_questionnaire.blade.php
+++ b/resources/views/backend/completed_questionnaire.blade.php
@@ -11,4 +11,12 @@
             <p class="pt-1 text-secondary">Anda telah berhasil menyelesaikan kuesioner yang telah kami sediakan. Terima kasih atas partisipasi Anda dalam memberikan masukan penting kepada kami.</p>
         </div>
      </main>
- @endsection
\ No newline at end of file
+ @endsection
+ 
+ @section('script')
+ <script>
+    $(document).ready(function() {
+        $("#sidebar-questionnaire").removeClass("collapsed");
+    });
+ </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/backend/dashboard.blade.php b/resources/views/backend/dashboard.blade.php
index 1e0eb14..00856d6 100644
--- a/resources/views/backend/dashboard.blade.php
+++ b/resources/views/backend/dashboard.blade.php
@@ -648,4 +648,12 @@
     </section>
 
     </main><!-- End #main -->
+@endsection
+
+@section('script')
+<script>
+   $(document).ready(function() {
+       $("#sidebar-dashboard").removeClass("collapsed");
+   });
+</script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/backend/layouts/sidebar.blade.php b/resources/views/backend/layouts/sidebar.blade.php
index b2d0666..eb37871 100644
--- a/resources/views/backend/layouts/sidebar.blade.php
+++ b/resources/views/backend/layouts/sidebar.blade.php
@@ -10,21 +10,21 @@
         <span class="d-flex flex-column align-items-center">Teknik Informatika</span>
       </li>
       <li class="nav-item">
-        <a class="nav-link " href="/dashboard">
+        <a id="sidebar-dashboard" class="nav-link collapsed" href="/dashboard">
           <i class="bi bi-grid"></i>
           <span>Dashboard</span>
         </a>
       </li><!-- End Dashboard Nav -->
 
       <li class="nav-item">
-        <a class="nav-link collapsed" href="{{ route('user.questionnaire.check')}}">
+        <a id="sidebar-questionnaire" class="nav-link collapsed" href="{{ route('user.questionnaire.check')}}">
           <i class="bi bi-pencil"></i>
           <span>Kuesioner</span>
         </a>
       </li><!-- End Kuesioner Page Nav -->
 
       <li class="nav-item">
-        <a class="nav-link collapsed" href="/profile">
+        <a id="sidebar-profile" class="nav-link collapsed" href="/profile">
           <i class="bi bi-person"></i>
           <span>Profil</span>
         </a>
diff --git a/resources/views/backend/layouts/template.blade.php b/resources/views/backend/layouts/template.blade.php
index 93d9b4e..59d089e 100644
--- a/resources/views/backend/layouts/template.blade.php
+++ b/resources/views/backend/layouts/template.blade.php
@@ -173,6 +173,9 @@
   <script src="{{ asset('backend/assets/js/main.js')}}"></script>
   <script src="{{ asset('css/sweealert2.all.min.js')}}"></script>
 
+  @yield('script')
+
+
   @if (session('success'))
     <script>
       const Toast = Swal.mixin({
diff --git a/resources/views/backend/not_filled_questionnaire.blade.php b/resources/views/backend/not_filled_questionnaire.blade.php
index bcd1509..6d5827d 100644
--- a/resources/views/backend/not_filled_questionnaire.blade.php
+++ b/resources/views/backend/not_filled_questionnaire.blade.php
@@ -12,4 +12,12 @@
             </div>
         </div>
      </main>
- @endsection
\ No newline at end of file
+ @endsection
+
+ @section('script')
+ <script>
+    $(document).ready(function() {
+        $("#sidebar-questionnaire").removeClass("collapsed");
+    });
+ </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/backend/questionnaire_instructions.blade.php b/resources/views/backend/questionnaire_instructions.blade.php
index c32090b..3612ad0 100644
--- a/resources/views/backend/questionnaire_instructions.blade.php
+++ b/resources/views/backend/questionnaire_instructions.blade.php
@@ -52,4 +52,12 @@
             </div>
         </div>
      </main>
- @endsection
\ No newline at end of file
+ @endsection
+
+ @section('script')
+ <script>
+    $(document).ready(function() {
+        $("#sidebar-questionnaire").removeClass("collapsed");
+    });
+ </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/backend/users-profile.blade.php b/resources/views/backend/users-profile.blade.php
index f03daca..7b27caa 100644
--- a/resources/views/backend/users-profile.blade.php
+++ b/resources/views/backend/users-profile.blade.php
@@ -179,4 +179,12 @@
     </section>
 
   </main><!-- End #main -->
-  @endsection
\ No newline at end of file
+  @endsection
+
+  @section('script')
+  <script>
+     $(document).ready(function() {
+         $("#sidebar-profile").removeClass("collapsed");
+     });
+  </script>
+ @endsection
\ No newline at end of file
diff --git a/resources/views/backend/users_questionnaire.blade.php b/resources/views/backend/users_questionnaire.blade.php
index 53e52cd..2079b54 100644
--- a/resources/views/backend/users_questionnaire.blade.php
+++ b/resources/views/backend/users_questionnaire.blade.php
@@ -56,4 +56,12 @@
         {{--! end fill  --}}
        
     </main>
+@endsection
+
+@section('script')
+<script>
+   $(document).ready(function() {
+       $("#sidebar-questionnaire").removeClass("collapsed");
+   });
+</script>
 @endsection
\ No newline at end of file