From b97a5f4740358ef58664196e947b94b58d418916 Mon Sep 17 00:00:00 2001
From: arifal <arifaldiosdevelopment@gmail.com>
Date: Mon, 14 Jul 2025 14:53:55 +0700
Subject: [PATCH] fix style transaction page

---
 resources/views/transaction/index.blade.php | 71 ++++++---------------
 1 file changed, 21 insertions(+), 50 deletions(-)

diff --git a/resources/views/transaction/index.blade.php b/resources/views/transaction/index.blade.php
index 9b9648c..dd32f4b 100755
--- a/resources/views/transaction/index.blade.php
+++ b/resources/views/transaction/index.blade.php
@@ -1321,7 +1321,7 @@ use Illuminate\Support\Facades\Auth;
     }
 
     // Setup form fields without stock checking
-    $(document).ready(function() {
+    function setupFormFields() {
         // Ensure transaksi tab is active by default if no tab is active
         if (!$('.nav-tabs-line-primary .nav-link.active').length) {
             $('.nav-link[href="#transaksi"]').addClass('active');
@@ -1373,7 +1373,7 @@ use Illuminate\Support\Facades\Auth;
                 console.log('Old work_id values:', @json(old('work_id')));
             @endif
         @endif
-    });
+    }
 
     // Function to add form fields (stock checking removed)
     function addFormFieldWithStockCheck(form) {
@@ -1604,9 +1604,6 @@ use Illuminate\Support\Facades\Auth;
 
     $("#opnameForm").submit(function(e) {
         e.preventDefault();
-        
-
-        
         // Set default values for empty fields and validate
         var hasValidStock = false;
         
@@ -1709,8 +1706,6 @@ use Illuminate\Support\Facades\Auth;
     $(document).on('submit', '#mutasiForm', function(e) {
         e.preventDefault();
         
-
-        
         // Validate form
         var isValid = true;
         var errorMessages = [];
@@ -1794,8 +1789,6 @@ use Illuminate\Support\Facades\Auth;
             isValid = false;
         }
         
-
-        
         if (!isValid) {
             // Highlight invalid fields
             if (!$('#to_dealer_id').val()) {
@@ -1861,8 +1854,8 @@ use Illuminate\Support\Facades\Auth;
         }
     })
 
-    // Initialize datepickers when document is ready
-    $(document).ready(function() {
+    // Initialize datepickers
+    function initializeDatepickers() {
         $("#date-work").datepicker({
             format: 'yyyy-mm-dd',
             autoclose: true,
@@ -1885,7 +1878,7 @@ use Illuminate\Support\Facades\Auth;
             autoclose: true,
             todayHighlight: true
         });
-    });
+    }
 
     // Calculate difference for opname
     $(document).on('input change keyup', '.physical-stock', function() {
@@ -1930,16 +1923,14 @@ use Illuminate\Support\Facades\Auth;
     }
 
     // Initialize default values for physical stock inputs
-    $(document).ready(function() {
+    function initializePhysicalStock() {
         $('.physical-stock').each(function() {
             var value = $(this).val();
             if (value === '' || value === null || value === undefined) {
                 $(this).val('0.00');
             }
         });
-        
-
-    });
+    }
 
     // Handle when input loses focus - set default if empty
     $(document).on('blur', '.physical-stock', function() {
@@ -1989,7 +1980,7 @@ use Illuminate\Support\Facades\Auth;
     });
 
     // Handle server-side errors - scroll to first error and highlight
-    $(document).ready(function() {
+    function handleServerSideErrors() {
         // Set default date for opname if empty
         if ($('#date-opname').val() === '') {
             var today = new Date().toISOString().split('T')[0];
@@ -2014,8 +2005,6 @@ use Illuminate\Support\Facades\Auth;
             }, 100);
         }
         
-
-        
         // Check if we should show specific tab (after form submission)
         @if(session('success') || session('error') || $errors->any())
             @if(session('active_tab') == 'opname')
@@ -2083,8 +2072,6 @@ use Illuminate\Support\Facades\Auth;
             @endif
         }
         
-
-        
         // Handle success/error messages for both opname and mutasi
         @if(session('success'))
         Swal.fire({
@@ -2236,7 +2223,7 @@ use Illuminate\Support\Facades\Auth;
             confirmButtonText: 'OK'
         });
         @endif
-    });
+    }
 
     // Handle opname date field - set default if becomes empty
     $('#date-opname').on('blur', function() {
@@ -2249,8 +2236,6 @@ use Illuminate\Support\Facades\Auth;
     // Handle mutasi form - similar to create mutation
     var productIndexMutasi = 0;
     
-
-    
     // Function to submit mutasi form directly
     function submitMutasiFormDirect() {
         console.log('=== SUBMITTING FORM ===');
@@ -2301,10 +2286,6 @@ use Illuminate\Support\Facades\Auth;
         }
     }
     
-
-    
-
-    
     // Add product row for mutasi
     $('#add-product-mutasi').click(function() {
         productIndexMutasi++;
@@ -2536,7 +2517,7 @@ use Illuminate\Support\Facades\Auth;
                 {data: 'status', name: 'status', orderable: false},
                 {data: 'action', name: 'action', orderable: false, searchable: false}
             ],
-            pageLength: 15,
+            pageLength: 10,
             responsive: true,
             scrollX: true,
             order: [[0, 'desc']], // Sort by date descending
@@ -2892,11 +2873,6 @@ use Illuminate\Support\Facades\Auth;
             }
         }
     });
-    
-
-    
-
-
     // Functions for claim transactions
     function viewTransaction(transactionId) {
         // Show transaction detail modal
@@ -3148,8 +3124,6 @@ use Illuminate\Support\Facades\Auth;
             }
         }
     });
-    
-
 
     function createTransaction(form) {
         let work_ids;
@@ -3198,15 +3172,8 @@ use Illuminate\Support\Facades\Auth;
             }
         })
     }
-    
-
-    
-
-    
-
-    
     // Ensure transaksi tab is shown by default
-    $(document).ready(function() {
+    function initializeTabs() {
         // First, ensure all tabs are properly hidden
         $('#transaksi, #stock').removeClass('active');
         $('.nav-tabs-line-primary .nav-link').removeClass('active');
@@ -3300,13 +3267,17 @@ use Illuminate\Support\Facades\Auth;
                 initClaimTransactionsTable();
             }, 100);
         }
+    }
+
+    // Main document ready function - consolidate all initialization
+    $(document).ready(function() {
+        // Initialize all components
+        setupFormFields();
+        initializeDatepickers();
+        initializePhysicalStock();
+        handleServerSideErrors();
+        initializeTabs();
     });
-    
-
-
-
-    
-
 
     // Handle sub-tab switching for transaksi tabs
     $('#transaksi .nav-tabs-line-success .nav-link').on('click', function(e) {