fix service google sheet, add uemail to profile, fix detail pbg view, backupdb local last migrate, create menu and role request

app/Http/Controllers/Api/PbgTaskController.php

@@ -242,7 +242,7 @@ class PbgTaskController extends Controller
             $total_data = count($mapToUpsert);
 
             $import_datasource->update([
-                "message" => "Successfully imported {$total_data}",
+                "message" => "Successfully processed: {$total_data}",
                 "status" => ImportDatasourceStatus::Success->value,
             ]);
 

app/Http/Controllers/MenusController.php

@@ -2,6 +2,7 @@
 
 namespace App\Http\Controllers;
 
+use App\Http\Requests\MenuRequest;
 use App\Models\Menu;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\DB;
@@ -28,24 +29,12 @@ class MenusController extends Controller
     /**
      * Store a newly created resource in storage.
      */
-    public function store(Request $request)
+    public function store(MenuRequest $request)
     {
         try{
-            $request->validate([
-                'name' => 'required|string|max:255',
-                'url' => 'nullable|string|max:255',
-                'icon' => 'nullable|string|max:255',
-                'parent_id' => 'nullable|exists:menus,id', // Ensures it's either null or a valid menu ID
-                'sort_order' => 'required|integer',
-            ]);
+            $validated_menu = $request->validated();
             DB::beginTransaction();
-            Menu::create([
-                'name' => $request->name,
-                'url' => $request->url,
-                'icon' => $request->icon,
-                'parent_id' => $request->parent_id ?? null,
-               'sort_order' => $request->sort_order,
-            ]);
+            Menu::create($validated_menu);
             DB::commit();
             return response()->json(['message' => 'Successfully created'], 200);
         }catch(\Exception $e){
@@ -77,21 +66,13 @@ class MenusController extends Controller
     /**
      * Update the specified resource in storage.
      */
-    public function update(Request $request, string $id)
+    public function update(MenuRequest $request, string $id)
     {
         try{
-            $validateData = $request->validate([
-                'name' => 'required',
-                'url'=> 'required',
-                'icon'=> 'nullable',
-                'parent_id' => 'nullable',
-                'sort_order' => 'required',
-            ]);
-
+            $validate_menu = $request->validated();
             $menu = Menu::findOrFail($id);
-
             DB::beginTransaction();
-            $menu->update($validateData);
+            $menu->update($validate_menu);
             DB::commit();
             return response()->json(['message' => 'Successfully updated'], 200);
         }catch(\Exception $e){

app/Http/Controllers/RolesController.php

@@ -2,6 +2,7 @@
 
 namespace App\Http\Controllers;
 
+use App\Http\Requests\RoleRequest;
 use App\Models\Menu;
 use App\Models\Role;
 use App\Models\RoleMenu;
@@ -31,16 +32,13 @@ class RolesController extends Controller
     /**
      * Store a newly created resource in storage.
      */
-    public function store(Request $request)
+    public function store(RoleRequest $request)
     {
         try{
-            $request->validate([
-                "name" => "required|unique:roles,name",
-                "description" => "nullable",
-            ]);
+            $validate_role = $request->validated();
 
             DB::beginTransaction();
-            Role::create($request->all());
+            Role::create($validate_role);
             DB::commit();
             return response()->json(['message' => 'Role created successfully'], 201);
         }
@@ -70,18 +68,14 @@ class RolesController extends Controller
     /**
      * Update the specified resource in storage.
      */
-    public function update(Request $request, string $id)
+    public function update(RoleRequest $request, string $id)
     {
         try{
+            $validate_role = $request->validated();
             $role = Role::findOrFail($id);
-            // Validate request data
-            $validatedData = $request->validate([
-                'name' => 'required|string|max:255|unique:roles,name,' . $id, // Ensure name is unique except for the current role
-                'description' => 'nullable|string|max:500',
-            ]);
 
             DB::beginTransaction();
-            $role->update($validatedData);
+            $role->update($validate_role);
             DB::commit();
             return response()->json(['message' => 'Role updated successfully'], 200);
         }catch(\Exception $e){
@@ -97,7 +91,7 @@ class RolesController extends Controller
     {
         try{
             DB::beginTransaction();
-            $deleted = Role::findOrFail($id)->delete();
+            Role::findOrFail($id)->delete();
             DB::commit();
             return response()->json(['success' => true, "message" => "Successfully deleted"]);
         }catch(\Exception $e){

app/Http/Requests/MenuRequest.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class MenuRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required','string','max:255'],
+            'url' => ['nullable','string','max:255'],
+            'icon' => ['nullable','string','max:255'],
+            'parent_id' => ['nullable','exists:menus,id'],
+            'sort_order' => ['required','integer'],
+        ];
+    }
+}

app/Http/Requests/RoleRequest.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class RoleRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        $roleId = $this->route('role');
+        return [
+            'name' => 'required|string|max:255|unique:roles,name,' . ($roleId ?? 'NULL') . ',id',
+            'description' => 'nullable|string',
+        ];
+    }
+}

app/Services/GoogleSheetService.php

@@ -34,51 +34,59 @@ class GoogleSheetService
 
     public function getLastRowByColumn($column = "A")
     {
-        // Ambil spreadsheet
-        $spreadsheet = $this->service->spreadsheets->get($this->spreadsheetID);
-        $sheets = $spreadsheet->getSheets();
-
-        if (!empty($sheets)) {
-            // Ambil nama sheet pertama dengan benar
-            $firstSheetTitle = $sheets[0]->getProperties()->getTitle();
-
-            // ✅ Format range harus benar!
-            $range = "{$firstSheetTitle}!{$column}:{$column}";
-
-            // Ambil data dari kolom yang diminta
-            $response = $this->service->spreadsheets_values->get($this->spreadsheetID, $range);
-            $values = $response->getValues();
-
-            // Cek nilai terakhir yang tidak kosong
-            $lastRow = 0;
-            if (!empty($values)) {
-                foreach ($values as $index => $row) {
-                    if (!empty($row[0])) { // Jika ada data, update lastRow
-                        $lastRow = $index + 1;
+        try{
+            // Ambil spreadsheet
+            $spreadsheet = $this->service->spreadsheets->get($this->spreadsheetID);
+            $sheets = $spreadsheet->getSheets();
+    
+            if (!empty($sheets)) {
+                // Ambil nama sheet pertama dengan benar
+                $firstSheetTitle = $sheets[0]->getProperties()->getTitle();
+    
+                // ✅ Format range harus benar!
+                $range = "{$firstSheetTitle}!{$column}:{$column}";
+    
+                // Ambil data dari kolom yang diminta
+                $response = $this->service->spreadsheets_values->get($this->spreadsheetID, $range);
+                $values = $response->getValues();
+    
+                // Cek nilai terakhir yang tidak kosong
+                $lastRow = 0;
+                if (!empty($values)) {
+                    foreach ($values as $index => $row) {
+                        if (!empty($row[0])) { // Jika ada data, update lastRow
+                            $lastRow = $index + 1;
+                        }
                     }
                 }
+    
+                return $lastRow;
             }
-
-            return $lastRow;
+    
+            return 0;
+        }catch(\Exception $e){
+            throw $e;
         }
-
-        return 0;
     }
     public function getHeader()
     {
-        $spreadsheet = $this->service->spreadsheets->get($this->spreadsheetID);
-        $sheets = $spreadsheet->getSheets();
-
-        // Ambil nama sheet pertama
-        $firstSheetTitle = $sheets[0]->getProperties()->getTitle();
-
-        // Ambil data dari baris pertama (header)
-        $range = "{$firstSheetTitle}!1:1";
-        $response = $this->service->spreadsheets_values->get($this->spreadsheetID, $range);
-        $values = $response->getValues();
-
-        // Kembalikan header (baris pertama)
-        return !empty($values) ? $values[0] : [];
+        try{
+            $spreadsheet = $this->service->spreadsheets->get($this->spreadsheetID);
+            $sheets = $spreadsheet->getSheets();
+    
+            // Ambil nama sheet pertama
+            $firstSheetTitle = $sheets[0]->getProperties()->getTitle();
+    
+            // Ambil data dari baris pertama (header)
+            $range = "{$firstSheetTitle}!1:1";
+            $response = $this->service->spreadsheets_values->get($this->spreadsheetID, $range);
+            $values = $response->getValues();
+    
+            // Kembalikan header (baris pertama)
+            return !empty($values) ? $values[0] : [];
+        }catch(\Exception $e){
+            throw $e;
+        }
     }
 
     public function getLastColumn()
@@ -99,33 +107,37 @@ class GoogleSheetService
     }
 
     public function getSheetDataCollection($totalRow = 10){
-        $spreadsheet = $this->service->spreadsheets->get($this->spreadsheetID);
-        $sheets = $spreadsheet->getSheets();
-        $firstSheetTitle = $sheets[0]->getProperties()->getTitle();
-
-        $header = $this->getHeader();
-        $header = array_map(function($columnHeader) {
-            // Trim spaces first, then replace non-alphanumeric characters with underscores
-            $columnHeader = trim($columnHeader);
-            return strtolower(preg_replace('/[^A-Za-z0-9_]/', '_', $columnHeader));
-        }, $header);
-        $range = "{$firstSheetTitle}!2:{$totalRow}";
-
-        $response = $this->service->spreadsheets_values->get($this->spreadsheetID, $range);
-        $values = $response->getValues();
-
-        $mappedData = [];
-        if (!empty($values)) {
-            foreach ($values as $row) {
-                $rowData = [];
-                foreach ($header as $index => $columnHeader) {
-                    // Map header to the corresponding value from the row
-                    $rowData[$columnHeader] = isset($row[$index]) ? $row[$index] : null;
+        try{
+            $spreadsheet = $this->service->spreadsheets->get($this->spreadsheetID);
+            $sheets = $spreadsheet->getSheets();
+            $firstSheetTitle = $sheets[0]->getProperties()->getTitle();
+    
+            $header = $this->getHeader();
+            $header = array_map(function($columnHeader) {
+                // Trim spaces first, then replace non-alphanumeric characters with underscores
+                $columnHeader = trim($columnHeader);
+                return strtolower(preg_replace('/[^A-Za-z0-9_]/', '_', $columnHeader));
+            }, $header);
+            $range = "{$firstSheetTitle}!2:{$totalRow}";
+    
+            $response = $this->service->spreadsheets_values->get($this->spreadsheetID, $range);
+            $values = $response->getValues();
+    
+            $mappedData = [];
+            if (!empty($values)) {
+                foreach ($values as $row) {
+                    $rowData = [];
+                    foreach ($header as $index => $columnHeader) {
+                        // Map header to the corresponding value from the row
+                        $rowData[$columnHeader] = isset($row[$index]) ? $row[$index] : null;
+                    }
+                    $mappedData[] = $rowData;
                 }
-                $mappedData[] = $rowData;
             }
+    
+            return $mappedData;
+        }catch(\Exception $e){
+            throw $e;
         }
-
-        return $mappedData;
     }
 }

public/build/.vite/manifest.json

@@ -10,6 +10,10 @@
       "__commonjsHelpers-C4iS2aBk.js"
     ]
   },
+  "_dropzone-B5tMhgFp.js": {
+    "file": "assets/dropzone-B5tMhgFp.js",
+    "name": "dropzone"
+  },
   "_global-config-9uDKFQ8j.js": {
     "file": "assets/global-config-9uDKFQ8j.js",
     "name": "global-config"
@@ -58,6 +62,10 @@
     "src": "node_modules/quill/dist/quill.snow.css",
     "isEntry": true
   },
+  "public/images/bg-dashboard.jpg": {
+    "file": "assets/bg-dashboard-CUwt8_jP.jpg",
+    "src": "public/images/bg-dashboard.jpg"
+  },
   "resources/fonts/boxicons.eot": {
     "file": "assets/boxicons-0t2gX1vj.eot",
     "src": "resources/fonts/boxicons.eot"
@@ -94,7 +102,7 @@
     "isEntry": true
   },
   "resources/js/dashboards/bigdata.js": {
-    "file": "assets/bigdata-DBp18hcY.js",
+    "file": "assets/bigdata-DYDUaCEC.js",
     "name": "bigdata",
     "src": "resources/js/dashboards/bigdata.js",
     "isEntry": true,
@@ -112,7 +120,7 @@
     "isEntry": true
   },
   "resources/js/data-settings/index.js": {
-    "file": "assets/index-Bm5aE3Il.js",
+    "file": "assets/index-BOfsbw53.js",
     "name": "index",
     "src": "resources/js/data-settings/index.js",
     "isEntry": true,
@@ -148,6 +156,15 @@
       "_global-config-9uDKFQ8j.js"
     ]
   },
+  "resources/js/data/advertisements/form-upload.js": {
+    "file": "assets/form-upload-Ci7Kyzc7.js",
+    "name": "form-upload",
+    "src": "resources/js/data/advertisements/form-upload.js",
+    "isEntry": true,
+    "imports": [
+      "_dropzone-B5tMhgFp.js"
+    ]
+  },
   "resources/js/master/users/create.js": {
     "file": "assets/create-RO4xgm-f.js",
     "name": "create",
@@ -161,7 +178,7 @@
     "isEntry": true
   },
   "resources/js/master/users/users.js": {
-    "file": "assets/users-uzXjZCws.js",
+    "file": "assets/users-jfWUOWyP.js",
     "name": "users",
     "src": "resources/js/master/users/users.js",
     "isEntry": true,
@@ -178,7 +195,7 @@
     "isEntry": true
   },
   "resources/js/menus/index.js": {
-    "file": "assets/index-qw4Wj-LG.js",
+    "file": "assets/index-C4xA1kYa.js",
     "name": "index",
     "src": "resources/js/menus/index.js",
     "isEntry": true,
@@ -216,10 +233,13 @@
     ]
   },
   "resources/js/pages/form-fileupload.js": {
-    "file": "assets/form-fileupload-mrxZaoHv.js",
+    "file": "assets/form-fileupload-DGbdX8GT.js",
     "name": "form-fileupload",
     "src": "resources/js/pages/form-fileupload.js",
-    "isEntry": true
+    "isEntry": true,
+    "imports": [
+      "_dropzone-B5tMhgFp.js"
+    ]
   },
   "resources/js/pages/form-flatepicker.js": {
     "file": "assets/form-flatepicker-ChSlk6xC.js",
@@ -293,7 +313,7 @@
     ]
   },
   "resources/js/pbg-task/index.js": {
-    "file": "assets/index-BW29TEbh.js",
+    "file": "assets/index-CqcfkvSL.js",
     "name": "index",
     "src": "resources/js/pbg-task/index.js",
     "isEntry": true,
@@ -310,7 +330,7 @@
     "isEntry": true
   },
   "resources/js/roles/index.js": {
-    "file": "assets/index-B9clkWIC.js",
+    "file": "assets/index-C_kI_q7O.js",
     "name": "index",
     "src": "resources/js/roles/index.js",
     "isEntry": true,
@@ -366,17 +386,22 @@
     ]
   },
   "resources/scss/components/_circle.scss": {
-    "file": "assets/_circle-ByHaR-XI.css",
+    "file": "assets/_circle-DgPqpfJw.css",
     "src": "resources/scss/components/_circle.scss",
     "isEntry": true
   },
+  "resources/scss/dashboards/_bigdata.scss": {
+    "file": "assets/_bigdata-0hCjAhYp.css",
+    "src": "resources/scss/dashboards/_bigdata.scss",
+    "isEntry": true
+  },
   "resources/scss/icons.scss": {
     "file": "assets/icons-CHxf0fE3.css",
     "src": "resources/scss/icons.scss",
     "isEntry": true
   },
   "resources/scss/style.scss": {
-    "file": "assets/style-DF7fxh2D.css",
+    "file": "assets/style-DUYVmgAM.css",
     "src": "resources/scss/style.scss",
     "isEntry": true
   }

resources/views/auth/signin.blade.php

@@ -21,7 +21,7 @@ class="authentication-bg"
                                     <img src="/images/dputr-kab-bandung.png" height="auto" width="100%" alt="logo light">
                                 </a>
                             </div>
-                            <h4 class="fw-bold text-dark mb-2">Welcome Back!</h3>
+                            <h4 class="fw-bold text-dark mb-2">Welcome Back!</h4>
                                 <p class="text-muted">Sign in to your account to continue</p>
                         </div>
                         <form method="POST" action="{{ route('login') }}" class="mt-4">
@@ -39,25 +39,14 @@ class="authentication-bg"
                                 <input type="email" class="form-control" id="email" name="email" value="user@demo.com" placeholder="Enter your email">
                             </div>
                             <div class="mb-3">
-                                {{-- <div class="d-flex justify-content-between align-items-center">
-                                    <label for="password" class="form-label">Password</label>
-                                    <a href="{{ route ('password.request') }}" class="text-decoration-none small text-muted">Forgot password?</a>
-                                </div> --}}
                                 <input type="password" class="form-control" id="password" name="password" value="password" placeholder="Enter your password">
                             </div>
-                            {{-- <div class="form-check mb-3">
-                                <input type="checkbox" class="form-check-input" id="remember-me">
-                                <label class="form-check-label" for="remember-me">Remember me</label>
-                            </div> --}}
                             <div class="d-grid">
                                 <button class="btn btn-dark btn-lg fw-medium" type="submit">Sign In</button>
                             </div>
                         </form>
                     </div>
                 </div>
-                {{-- <p class="text-center mt-4 text-white text-opacity-50">Don't have an account?
-                    <a href="{{ route ('register') }}" class="text-decoration-none text-white fw-bold">Sign Up</a>
-                </p> --}}
             </div>
         </div>
     </div>

resources/views/components/modal-confirmation.blade.php

@@ -1,7 +1,6 @@
 @props(['buttonText' => 'Confirm', 'confirmationMessage' => 'Are you sure?'])
 
-<div class="modal fade" id="modalConfirmation" tabindex="-1"
-    aria-labelledby="modalConfirmationTitle" aria-hidden="true">
+<div class="modal fade" id="modalConfirmation" tabindex="-1" aria-labelledby="modalConfirmationTitle">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-body">

resources/views/layouts/partials/topbar.blade.php

@@ -154,7 +154,7 @@
                          </a>
                          <div class="dropdown-menu dropdown-menu-end">
                               <!-- item-->
-                              <h6 class="dropdown-header">Welcome!</h6>
+                              <h6 class="dropdown-header">{{ Auth::user()->email }}</h6>
 
                               <!-- <a class="dropdown-item" href="#">
                                    <iconify-icon icon="solar:user-outline"

resources/views/pbg_task/show.blade.php

@@ -8,235 +8,150 @@
 @include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'PBG'])
 
 <div class="row">
-    <div class="card">
-        <div class="card-header">
-            <ul class="nav nav-tabs nav-justified">
-                <li class="nav-item">
-                    <a href="#pbgTask" data-bs-toggle="tab" aria-expanded="true" class="nav-link active">
-                        <span class="d-none d-sm-block">PBG Task</span>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <a href="#pbgTaskRetributions" data-bs-toggle="tab" aria-expanded="false"
-                        class="nav-link">
-                        <span class="d-none d-sm-block">PBG Task Retributions</span>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <a href="#pbgTaskIntegration" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
-                        <span class="d-none d-sm-block">PBG Task Index Integrations</span>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <a href="#pbgTaskPrasarana" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
-                        <span class="d-none d-sm-block">PBG Task Prasarana</span>
-                    </a>
-                </li>
-            </ul>
-        </div>
-        <div class="card-body">
-            <div class="tab-content">
-                <div class="tab-pane active" id="pbgTask">
-                    <div class="row">
-                        <div class="col-md-6">
-                            <div class="mb-3">
-                                <dt>Name</dt>
-                                <dd>{{$data->name}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Owner Name</dt>
-                                <dd>{{$data->owner_name}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Aplication Type Name</dt>
-                                <dd>{{$data->application_type_name}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Condition</dt>
-                                <dd>{{$data->condition}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Registration Number</dt>
-                                <dd>{{$data->registration_number}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Document Number</dt>
-                                <dd>{{$data->document_number}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Address</dt>
-                                <dd>{{$data->address}}</dd>
-                            </div>
+    <div class="col-12">
+        <div class="card">
+            <div class="card-body">
+                <div class="row">
+                    <div class="col-md-6">
+                        <div class="mb-3">
+                            <dt>Name</dt>
+                            <dd>{{$data->name}}</dd>
                         </div>
-                        <div class="col-md-6">
-                            <div class="mb-3">
-                                <dt>Status Name</dt>
-                                <dd>{{$data->status_name}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>SLF Status Name</dt>
-                                <dd>{{$data->slf_status_name}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Function Type</dt>
-                                <dd>{{$data->function_type}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Consultation Type</dt>
-                                <dd>{{$data->consultation_type}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Due Date</dt>
-                                <dd>{{$data->due_date}}</dd>
-                            </div>
-                            <div class="mb-3">
-                                <dt>Task Created At</dt>
-                                <dd>{{$data->task_created_at}}</dd>
-                            </div>
+                        <div class="mb-3">
+                            <dt>Owner Name</dt>
+                            <dd>{{$data->owner_name}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>Aplication Type Name</dt>
+                            <dd>{{$data->application_type_name}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>Condition</dt>
+                            <dd>{{$data->condition}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>Registration Number</dt>
+                            <dd>{{$data->registration_number}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>Document Number</dt>
+                            <dd>{{$data->document_number}}</dd>
+                        </div>
+                        <div>
+                            <dt>Status Name</dt>
+                            <dd>{{$data->status_name}}</dd>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="mb-3">
+                            <dt>Address</dt>
+                            <dd>{{$data->address}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>SLF Status Name</dt>
+                            <dd>{{$data->slf_status_name}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>Function Type</dt>
+                            <dd>{{$data->function_type}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>Consultation Type</dt>
+                            <dd>{{$data->consultation_type}}</dd>
+                        </div>
+                        <div class="mb-3">
+                            <dt>Due Date</dt>
+                            <dd>{{$data->due_date}}</dd>
+                        </div>
+                        <div>
+                            <dt>Task Created At</dt>
+                            <dd>{{$data->task_created_at}}</dd>
                         </div>
                     </div>
                 </div>
-                <div class="tab-pane" id="pbgTaskRetributions">
-                    @if ($data->pbg_task_retributions)                    
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="mb-3">
-                                    <dt>Luas Bangunan</dt>
-                                    <dd>{{$data->pbg_task_retributions->luas_bangunan}}</dd>
+            </div>
+        </div>
+    </div>
+    <div class="col-12">
+        <div class="card">
+            <div class="card-header">
+                <ul class="nav nav-tabs nav-justified">
+                    <li class="nav-item">
+                        <a href="#pbgTaskRetributions" data-bs-toggle="tab" aria-expanded="false"
+                            class="nav-link active">
+                            <span class="d-none d-sm-block">PBG Task Retributions</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#pbgTaskIntegration" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
+                            <span class="d-none d-sm-block">PBG Task Index Integrations</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#pbgTaskPrasarana" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
+                            <span class="d-none d-sm-block">PBG Task Prasarana</span>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="card-body">
+                <div class="tab-content">
+                    <div class="tab-pane active" id="pbgTaskRetributions">
+                        @if ($data->pbg_task_retributions)                    
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <dt>Luas Bangunan</dt>
+                                        <dd>{{$data->pbg_task_retributions->luas_bangunan}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Indeks Lokalitas</dt>
+                                        <dd>{{$data->pbg_task_retributions->indeks_lokalitas}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Wilayah SHST</dt>
+                                        <dd>{{$data->pbg_task_retributions->wilayah_shst}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Kegiatan Name</dt>
+                                        <dd>{{$data->pbg_task_retributions->kegiatan_name}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Nilai SHST</dt>
+                                        <dd>{{$data->pbg_task_retributions->nilai_shst}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Indeks Integrasi</dt>
+                                        <dd>{{$data->pbg_task_retributions->indeks_terintegrasi}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Indeks Bg Terbangun</dt>
+                                        <dd>{{$data->pbg_task_retributions->indeks_bg_terbangun}}</dd>
+                                    </div>
                                 </div>
-                                <div class="mb-3">
-                                    <dt>Indeks Lokalitas</dt>
-                                    <dd>{{$data->pbg_task_retributions->indeks_lokalitas}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Wilayah SHST</dt>
-                                    <dd>{{$data->pbg_task_retributions->wilayah_shst}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Kegiatan Name</dt>
-                                    <dd>{{$data->pbg_task_retributions->kegiatan_name}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Nilai SHST</dt>
-                                    <dd>{{$data->pbg_task_retributions->nilai_shst}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Indeks Integrasi</dt>
-                                    <dd>{{$data->pbg_task_retributions->indeks_terintegrasi}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Indeks Bg Terbangun</dt>
-                                    <dd>{{$data->pbg_task_retributions->indeks_bg_terbangun}}</dd>
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <dt>Nilai Retribusi Bangunan</dt>
+                                        <dd>{{$data->pbg_task_retributions->nilai_retribusi_bangunan}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Nilai Prasarana</dt>
+                                        <dd>{{$data->pbg_task_retributions->nilai_prasarana}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>PBG Dokumen</dt>
+                                        <dd>{{$data->pbg_task_retributions->pbg_document}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Underpayment</dt>
+                                        <dd>{{$data->pbg_task_retributions->underpayment}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>SKRD Amount</dt>
+                                        <dd>{{$data->pbg_task_retributions->skrd_amount}}</dd>
+                                    </div>
                                 </div>
                             </div>
-                            <div class="col-md-6">
-                                <div class="mb-3">
-                                    <dt>Nilai Retribusi Bangunan</dt>
-                                    <dd>{{$data->pbg_task_retributions->nilai_retribusi_bangunan}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Nilai Prasarana</dt>
-                                    <dd>{{$data->pbg_task_retributions->nilai_prasarana}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>PBG Dokumen</dt>
-                                    <dd>{{$data->pbg_task_retributions->pbg_document}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Underpayment</dt>
-                                    <dd>{{$data->pbg_task_retributions->underpayment}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>SKRD Amount</dt>
-                                    <dd>{{$data->pbg_task_retributions->skrd_amount}}</dd>
-                                </div>
-                            </div>
-                        </div>
-                    @else
-                        <div class="row">
-                            <div class="col-md-12">
-                                Data Not Available
-                            </div>
-                        </div>
-                    @endif
-                </div>
-                <div class="tab-pane" id="pbgTaskIntegration">
-                    @if ($data->pbg_task_index_integrations)
-                        <div class="row">
-                            <div class="col-md-12">
-                                <div class="mb-3">
-                                    <dt>Indeks Fungsi Bangunan</dt>
-                                    <dd>{{$data->pbg_task_index_integrations->indeks_fungsi_bangunan}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Indeks Parameter Kompleksitas</dt>
-                                    <dd>{{$data->pbg_task_index_integrations->indeks_parameter_kompleksitas}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Indeks Parameter Permanensi</dt>
-                                    <dd>{{$data->pbg_task_index_integrations->indeks_parameter_permanensi}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Indeks Paramter Ketinggian</dt>
-                                    <dd>{{$data->pbg_task_index_integrations->indeks_parameter_ketinggian}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Faktor Kepemilikan</dt>
-                                    <dd>{{$data->pbg_task_index_integrations->faktor_kepemilikan}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Indeks Terintegrasi</dt>
-                                    <dd>{{$data->pbg_task_index_integrations->indeks_terintegrasi}}</dd>
-                                </div>
-                                <div class="mb-3">
-                                    <dt>Total</dt>
-                                    <dd>{{$data->pbg_task_index_integrations->total}}</dd>
-                                </div>
-                            </div>
-                        </div>
-                    @else
-                        <div class="row">
-                            <div class="col-md-12">
-                                Data Not Available
-                            </div>
-                        </div>
-                    @endif
-                </div>
-                <div class="tab-pane" id="pbgTaskPrasarana">
-                    <div class="row d-flex flex-warp gap-3 justify-content-center">
-                        @if ($data->pbg_task_retributions && $data->pbg_task_retributions->pbg_task_prasarana)
-                            @foreach ($data->pbg_task_retributions->pbg_task_prasarana as $prasarana)
-                                <div class="border p-3 rounded shadow-sm col-md-4">
-                                    <div class="mb-3">
-                                        <dt>Prasarana Type</dt>
-                                        <dd>{{$prasarana->prasarana_type}}</dd>
-                                    </div>
-                                    <div class="mb-3">
-                                        <dt>Building Type</dt>
-                                        <dd>{{$prasarana->building_type}}</dd>
-                                    </div>
-                                    <div class="mb-3">
-                                        <dt>Total</dt>
-                                        <dd>{{$prasarana->total}}</dd>
-                                    </div>
-                                    <div class="mb-3">
-                                        <dt>Quantity</dt>
-                                        <dd>{{$prasarana->quantity}}</dd>
-                                    </div>
-                                    <div class="mb-3">
-                                        <dt>Unit</dt>
-                                        <dd>{{$prasarana->unit}}</dd>
-                                    </div>
-                                    <div class="mb-3">
-                                        <dt>Index Prasarana</dt>
-                                        <dd>{{$prasarana->index_prasarana}}</dd>
-                                    </div>
-                                    <div class="mb-3">
-                                        <dt>Created At</dt>
-                                        <dd>{{$prasarana->created_at}}</dd>
-                                    </div>
-                                </div>
-                            @endforeach
                         @else
                             <div class="row">
                                 <div class="col-md-12">
@@ -245,6 +160,92 @@
                             </div>
                         @endif
                     </div>
+                    <div class="tab-pane" id="pbgTaskIntegration">
+                        @if ($data->pbg_task_index_integrations)
+                            <div class="row">
+                                <div class="col-md-12">
+                                    <div class="mb-3">
+                                        <dt>Indeks Fungsi Bangunan</dt>
+                                        <dd>{{$data->pbg_task_index_integrations->indeks_fungsi_bangunan}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Indeks Parameter Kompleksitas</dt>
+                                        <dd>{{$data->pbg_task_index_integrations->indeks_parameter_kompleksitas}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Indeks Parameter Permanensi</dt>
+                                        <dd>{{$data->pbg_task_index_integrations->indeks_parameter_permanensi}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Indeks Paramter Ketinggian</dt>
+                                        <dd>{{$data->pbg_task_index_integrations->indeks_parameter_ketinggian}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Faktor Kepemilikan</dt>
+                                        <dd>{{$data->pbg_task_index_integrations->faktor_kepemilikan}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Indeks Terintegrasi</dt>
+                                        <dd>{{$data->pbg_task_index_integrations->indeks_terintegrasi}}</dd>
+                                    </div>
+                                    <div class="mb-3">
+                                        <dt>Total</dt>
+                                        <dd>{{$data->pbg_task_index_integrations->total}}</dd>
+                                    </div>
+                                </div>
+                            </div>
+                        @else
+                            <div class="row">
+                                <div class="col-md-12">
+                                    Data Not Available
+                                </div>
+                            </div>
+                        @endif
+                    </div>
+                    <div class="tab-pane" id="pbgTaskPrasarana">
+                        <div class="row d-flex flex-warp gap-3 justify-content-center">
+                            @if ($data->pbg_task_retributions && $data->pbg_task_retributions->pbg_task_prasarana)
+                                @foreach ($data->pbg_task_retributions->pbg_task_prasarana as $prasarana)
+                                    <div class="border p-3 rounded shadow-sm col-md-4">
+                                        <div class="mb-3">
+                                            <dt>Prasarana Type</dt>
+                                            <dd>{{$prasarana->prasarana_type}}</dd>
+                                        </div>
+                                        <div class="mb-3">
+                                            <dt>Building Type</dt>
+                                            <dd>{{$prasarana->building_type}}</dd>
+                                        </div>
+                                        <div class="mb-3">
+                                            <dt>Total</dt>
+                                            <dd>{{$prasarana->total}}</dd>
+                                        </div>
+                                        <div class="mb-3">
+                                            <dt>Quantity</dt>
+                                            <dd>{{$prasarana->quantity}}</dd>
+                                        </div>
+                                        <div class="mb-3">
+                                            <dt>Unit</dt>
+                                            <dd>{{$prasarana->unit}}</dd>
+                                        </div>
+                                        <div class="mb-3">
+                                            <dt>Index Prasarana</dt>
+                                            <dd>{{$prasarana->index_prasarana}}</dd>
+                                        </div>
+                                        <div class="mb-3">
+                                            <dt>Created At</dt>
+                                            <dd>{{$prasarana->created_at}}</dd>
+                                        </div>
+                                    </div>
+                                @endforeach
+                            @else
+                                <div class="row">
+                                    <div class="col-md-12">
+                                        Data Not Available
+                                    </div>
+                                </div>
+                            @endif
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>