From e2230d57d846caf49b21a5efce5785d958e71630 Mon Sep 17 00:00:00 2001
From: arieeefajar <ariefajar739@gmail.com>
Date: Tue, 22 Apr 2025 15:21:01 +0700
Subject: [PATCH] fix(assessment-form): add description in input value
 parameter

---
 public/assets/js/pages/customJs/assessment/form.js | 7 +++++++
 resources/views/assessment/form.blade.php          | 8 ++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/public/assets/js/pages/customJs/assessment/form.js b/public/assets/js/pages/customJs/assessment/form.js
index dd37b1a..ef5244c 100644
--- a/public/assets/js/pages/customJs/assessment/form.js
+++ b/public/assets/js/pages/customJs/assessment/form.js
@@ -1,2 +1,9 @@
 var landField = document.getElementById("lahan-field");
 var landVal = new Choices(landField);
+
+function showInfo(selectEl, id) {
+    const infoElement = document.getElementById(id + "-info");
+    const selectedOption = selectEl.selectedOptions[0];
+    const description = selectedOption.getAttribute("data-desc");
+    infoElement.innerText = description || "-";
+}
diff --git a/resources/views/assessment/form.blade.php b/resources/views/assessment/form.blade.php
index 6fc6fcd..cf596bc 100644
--- a/resources/views/assessment/form.blade.php
+++ b/resources/views/assessment/form.blade.php
@@ -50,12 +50,16 @@
                                     <div class="mb-3">
                                         <label for="" class="form-label">{{ $indicator->name }}</label>
                                         <select name="{{ $indicator->id }}" class="form-control"
-                                            id="{{ $indicator->id }}-field" required>
+                                            id="{{ $indicator->id }}-field" onchange="showInfo(this,{{ $indicator->id }})"
+                                            required>
                                             <option value="" selected disabled>Pilih Jawaban</option>
                                             @foreach ($indicator->rules as $rule)
-                                                <option value="{{ $rule->cf }}">{{ $rule->parameter_type }}</option>
+                                                <option value="{{ $rule->cf }}" title="{{ $rule->description }}"
+                                                    data-desc="{{ $rule->description }}">
+                                                    {{ $rule->parameter_type }}</option>
                                             @endforeach
                                         </select>
+                                        <small id="{{ $indicator->id }}-info" class="text-muted d-block mt-1"></small>
                                         <div class="invalid-feedback">
                                             Pilih Jawaban {{ $indicator->name }}
                                         </div>