diff --git a/Http/Controllers/KonfirmasiBankController.php b/Http/Controllers/KonfirmasiBankController.php
index 25d97bf..ce37e07 100644
--- a/Http/Controllers/KonfirmasiBankController.php
+++ b/Http/Controllers/KonfirmasiBankController.php
@@ -152,7 +152,7 @@
 
 
             //submit info surat
-            $this->postInfoSurat($request['cus_no'],$request['no_req_surat'],$request['tgl_req_surat'],$noSurat,$request['email'],$request['tlp'],$request['nama_tujuan'],$request['alamat']);
+            $this->postInfoSurat($request);
             //Get Info Surat
             $letter = new Letters;
             $infoSurat =  $letter->where('no_cif',$request['cus_no'])->orderBy('created_at','desc')->first();
@@ -230,7 +230,18 @@
           }
 
 
-          private function postInfoSurat($cif,$noReqSurat,$tglReqSurat,$noSurat,$email,$tlp,$tujuan,$alamat){
+          private function postInfoSurat($request){
+                dd($request);
+                $request->validate([
+                    'signer' => ['required'],
+                    'no_req_surat' => ['required', 'max:100'],
+                    'tgl_req_surat' => ['required', 'numeric', 'min:1'],
+                    'email' => ['email'],
+                    'tlp' => ['numeric', 'max:12'],
+                    'nama_tujuan' => ['required'],
+                    'alamat' => ['required']
+                ]);
+                
                 $currentDate = Carbon::now();
                 $tglSurat = $currentDate->format('Y-m-d');
                 $letter = new Letters();
diff --git a/Resources/views/pages/index.blade.php b/Resources/views/pages/index.blade.php
index b3b4973..4db701a 100644
--- a/Resources/views/pages/index.blade.php
+++ b/Resources/views/pages/index.blade.php
@@ -6,9 +6,9 @@
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 
     <!-- CDN untuk jQuery Validation -->
-    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.js"></script>
+    <script src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
+    <script src="{{ asset('assets/js/mammoth.browser.min.js') }}"></script>
+    <script src="{{ asset('assets/js/mammoth.browser.js') }}"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="csrf-token" content="{{ csrf_token() }}" />
     <style>
@@ -243,7 +243,7 @@
                      <div class="form-group row">
                         <label for="inputName" class="col-sm-4 col-form-label">Tlp</label>
                         <div class="col-sm-8">
-                            <input type="number" class="form-control form-control-sm " id="quantity" name="tlp" min="6" max="12">
+                            <input class="form-control form-control-sm " id="phoneNumber" name="tlp" type="text"pattern="[6789][0-9]{9}" title="Please enter valid phone number">
                         </div>
                      </div>
 
@@ -295,6 +295,21 @@
                 $('.mycheck').hide();
                 $('#cif_null').hide();
 
+                $("#phoneNumber").on("input", function () {
+                    validatePhoneNumber($(this).val());
+                });
+
+                function validatePhoneNumber(phoneNumber) {
+                    var regex = /^\d{10}$/;
+                    if (regex.test(phoneNumber)) {
+                        $("#phoneNumber").css("border", "1px solid green");
+                        $("#error-message").text("");
+                    } else {
+                        $("#phoneNumber").css("border", "1px solid red");
+                        $("#error-message").text("Invalid phone number. Please enter a valid 10-digit number.");
+                    }
+                }
+
 
                 $("#myForm").submit(function (event) {
                     event.preventDefault(); // Prevent the form from submitting normally
@@ -459,6 +474,7 @@
                     $('.modalSpiner').modal('show');
                     var dt = new Date();
                     var date = dt.getYear() + ":" + dt.getDate() + ":" + dt.getHours();
+
                    // var formData = $("#formSigner").serialize();
                     var dataToSend = {
                             _token: $('meta[name="csrf-token"]').attr('content'),