From 09989ec7ff43e333f5a559ef95c9b136fa02cbc9 Mon Sep 17 00:00:00 2001
From: arieeefajar <ariefajar739@gmail.com>
Date: Sat, 15 Feb 2025 13:32:43 +0700
Subject: [PATCH] fix(master-land): create validate input no Hp and date

---
 .../pages/customJs/master-data/lahan/index.js | 48 ++++++++++++-------
 .../views/master-data/lahan/index.blade.php   | 10 ++--
 2 files changed, 37 insertions(+), 21 deletions(-)

diff --git a/public/assets/js/pages/customJs/master-data/lahan/index.js b/public/assets/js/pages/customJs/master-data/lahan/index.js
index b555fe6..0ca49f1 100644
--- a/public/assets/js/pages/customJs/master-data/lahan/index.js
+++ b/public/assets/js/pages/customJs/master-data/lahan/index.js
@@ -1,20 +1,5 @@
 var map;
 var currentMarker = null;
-document.addEventListener("DOMContentLoaded", function () {
-    // Initialize the first map
-    map = L.map("map", {
-        attributionControl: false,
-    }).setView([-8.157416852745705, 113.72281580436439], 16);
-
-    // Add tile layers to both maps
-    L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
-        maxZoom: 19,
-    }).addTo(map);
-
-    $("#showModal").on("shown.bs.modal", function () {
-        map.invalidateSize();
-    });
-});
 
 var form = document.getElementById("add-form");
 var provinceField = form.querySelector("#province-field");
@@ -36,6 +21,34 @@ var mapContainer = form.querySelector("#map-container");
 
 var loading = form.querySelector("#loading");
 
+var btnContainer = form.querySelector("#btn-container");
+
+document.addEventListener("DOMContentLoaded", function () {
+    // Initialize the first map
+    map = L.map("map", {
+        attributionControl: false,
+    }).setView([-8.157416852745705, 113.72281580436439], 16);
+
+    // Add tile layers to both maps
+    L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
+        maxZoom: 19,
+    }).addTo(map);
+
+    $("#showModal").on("shown.bs.modal", function () {
+        map.invalidateSize();
+    });
+});
+
+function validatePhoneNumber(input) {
+    input.value = input.value.replace(/\D/g, "");
+
+    if (input.value.length < 10 || input.value.length > 13) {
+        input.setCustomValidity("Nomor telepon tidak valid");
+    } else {
+        input.setCustomValidity("");
+    }
+}
+
 function getRegencies(provinceId) {
     regencyContainer.style.display = "none";
     districtContainer.style.display = "none";
@@ -90,8 +103,6 @@ function getRegencies(provinceId) {
 }
 
 function showmap(districtId) {
-    mapContainer.style.display = "block";
-    map.invalidateSize();
     if (!navigator.geolocation) {
         alert("Geolocation tidak didukung oleh browser ini.");
         return;
@@ -99,6 +110,9 @@ function showmap(districtId) {
 
     navigator.geolocation.getCurrentPosition(
         function (position) {
+            mapContainer.style.display = "block";
+            map.invalidateSize();
+            btnContainer.style.display = "block";
             var lat = position.coords.latitude;
             var lng = position.coords.longitude;
 
diff --git a/resources/views/master-data/lahan/index.blade.php b/resources/views/master-data/lahan/index.blade.php
index 4d47573..d45f0e7 100644
--- a/resources/views/master-data/lahan/index.blade.php
+++ b/resources/views/master-data/lahan/index.blade.php
@@ -162,7 +162,8 @@ class="fw-medium link-primary">#VZ2101</a></td>
                                 <div class="mb-3">
                                     <label for="nohp-field" class="form-label">Nomor HP</label>
                                     <input type="text" id="nohp-field" class="form-control" name="nohp"
-                                        value="{{ old('nohp') }}" placeholder="Masukan Nomor HP" required />
+                                        value="{{ old('nohp') }}" placeholder="Masukan Nomor HP" required
+                                        oninput="validatePhoneNumber(this)" />
                                     <div class="invalid-feedback">
                                         Masukan Nomor HP
                                     </div>
@@ -184,7 +185,7 @@ class="fw-medium link-primary">#VZ2101</a></td>
                                             <label for="rentalstart-field" class="form-label">Mulai Dari</label>
                                             <input type="date" id="rentalstart-field" class="form-control"
                                                 name="rental_start" value="{{ old('rental_start') }}"
-                                                placeholder="Masukan Tanggal Mulai" required />
+                                                min="{{ date('Y-m-d') }}" placeholder="Masukan Tanggal Mulai" required />
                                             <div class="invalid-feedback">
                                                 Masukan Tanggal Mulai
                                             </div>
@@ -195,7 +196,8 @@ class="fw-medium link-primary">#VZ2101</a></td>
                                             <label for="rentaluntil-field" class="form-label">Sampai</label>
                                             <input type="date" id="rentaluntil-field" class="form-control"
                                                 name="rental_until" value="{{ old('rental_start') }}"
-                                                placeholder="Masukan Tanggal Sampai" required />
+                                                min="{{ date('Y-m-d') }}" placeholder="Masukan Tanggal Sampai"
+                                                required />
                                             <div class="invalid-feedback">
                                                 Masukan Tanggal Sampai
                                             </div>
@@ -261,7 +263,7 @@ class="fw-medium link-primary">#VZ2101</a></td>
                                 </div>
                             </div>
                             <div class="modal-footer">
-                                <div class="hstack gap-2 justify-content-end">
+                                <div class="hstack gap-2 justify-content-end" id="btn-container" style="display: none">
                                     <button type="button" class="btn btn-light" data-bs-dismiss="modal">Tutup</button>
                                     <button type="submit" class="btn btn-success" id="add-btn">Simpan</button>
                                 </div>