From 7fe57a73365d660263f068fc4bb0469f8f1ee70a Mon Sep 17 00:00:00 2001
From: vadivel J <jvadivel.1996@gmail.com>
Date: Fri, 20 Sep 2024 11:10:38 +0530
Subject: [PATCH] alterpurchase order modal bug fix

---
 app/Views/alterpurchaseorder.php | 144 ++++++++++++++++++-------------
 1 file changed, 82 insertions(+), 62 deletions(-)

diff --git a/app/Views/alterpurchaseorder.php b/app/Views/alterpurchaseorder.php
index 1b674c97..b816f0bf 100755
--- a/app/Views/alterpurchaseorder.php
+++ b/app/Views/alterpurchaseorder.php
@@ -39,6 +39,19 @@ if (!empty($INRSYMBOL)) {
 
 
 
+
+    /* Custom width for the modal */
+    .modal-dialog {
+        width: 100%; /* You can adjust this percentage to your needs */
+        max-width: 1200px; /* Optional: This ensures the modal doesn't grow too large on large screens */
+    }
+
+    /* Ensure content inside the modal scales properly */
+    .modal-content {
+        width: 100%;
+    }
+
+
     .txtSpcialInstruction{
         background-color: #f4f9fb;
     }
@@ -47,10 +60,7 @@ if (!empty($INRSYMBOL)) {
         z-index: 1080 !important;
     }
 
-    #submitmodel {
-        margin-top: 200px;
-        z-index: 1080 !important;
-    }
+    
 
     #freightmodel {
         margin-top: 200px;
@@ -72,9 +82,7 @@ if (!empty($INRSYMBOL)) {
         z-index: 1080 !important;
     }
 
-    .modal {
-        width:100% ! important;
-    }
+   
 
     .form-control {
         text-align: left;
@@ -2805,57 +2813,66 @@ if (!empty($INRSYMBOL)) {
              
               
 
-                <div id="filemodel" class="modal fade " tabindex="-1" data-backdrop="true" role="dialog" aria-labelledby="myModalLabel">
-                    <div class="modal-dialog modal-dialog-scrollable">
+                <div id="filemodel"  class="modal fade " tabindex="-1" data-backdrop="true" role="dialog" aria-labelledby="myModalLabel">
+                    <div class="modal-dialog modal-dialog-scrollable " role="document">
                         <!-- Modal content-->
-                        <div class="modal-content" style="width: 950px;">
+                        <div class="modal-content" >
                             <div class="modal-header">
                                 <h4 class="modal-title">Add Bill Details</h4>
                             </div>
                             <div class="modal-body ">
                                 <form action="">
                                     <div class="row">
-                                        <div class="col m-2 "><strong>Delivery Challan /Inv No</strong>
+                                        <div class="col-md-4  "><strong>Delivery Challan /Inv No</strong>
                                             <input type="text" name="ChallanInvNo" id="ChallanInvNo" maxlength="12" class="form-control" value="" required onkeypress="return isNumberKey(event)">
                                         </div>
-                                        <div class="col m-2 "><strong>Delivery Challan /Inv Date</strong>
+                                        <div class="col-md-4  "><strong>Delivery Challan /Inv Date</strong>
                                             <?php
                                             $data = array('name' => 'Date1', 'value' => set_value('Date1', $CurrentDate), 'id' => 'Date1', 'class' => 'form-control num', 'required' => 'true');
                                             echo form_input($data); ?>
                                         </div>
-                                        <div class="col m-2 "><strong>Material Received Date</strong>
+                                        <div class="col-md-4  "><strong>Material Received Date</strong>
                                             <?php
                                             $data = array('name' => 'MRC', 'value' => set_value('MRC', $CurrentDate), 'id' => 'MRC', 'class' => 'form-control num', 'required' => 'true');
                                             echo form_input($data); ?>
                                         </div>
-                                        <div class="col m-2 "><strong>Vehicle No</strong>
-                                            <input type="text" name="VehicleNo" id="VehicleNo" maxlength="13" class="form-control" value="" required>
-                                        </div>
-                                        <div class="col m-2 "><strong>Courier No</strong>
+                                    </div>
+                                    
+                                    <div class="row">
+                                          <div class="col-md-4 mt-2 "><strong>Vehicle No</strong>
+                                                <input type="text" name="VehicleNo" id="VehicleNo" maxlength="13" class="form-control" value="" required>
+                                            </div>
+
+                                        <div class="col-md-4  mt-2 "><strong>Courier No</strong>
                                             <input type="text" name="CourierNo" id="CourierNo" maxlength="12" class="form-control" value="" required>
                                         </div>
-
-                                        <div class="col m-2 " id="QualityChecked"><strong>Is Quality Check Required</strong>
+                                        <div class="col-md-4 mt-2" id="QualityChecked"><strong>Is Quality Check Required</strong>
                                             <div class="radio m-2">
-                                                <label><input type="radio" name="Quality" checked="checked" value='0' id="Quality">Yes</label>
-                                            </div>
-                                            <div class="radio m-2">
-                                                <label><input type="radio" name="Quality" id="Quality" value='1'>No</label>
+                                                <input type="radio" name="Quality" checked="checked" value='0' id="QualityChecktrue"
+                                                style="cursor: default;">
+                                                <label for="QualityChecktrue">Yes</label>
+                                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                                <input type="radio" name="Quality" id="QualityCheckFalse" value='1'
+                                                style="cursor: default;">
+                                                <label for="QualityCheckFalse">No</label>
                                             </div>
                                         </div>
+                                    </div>
+                                       
 
-                                        <div class="col-md-10">
-                                            <div class="col-md-offset-10 col-md-1">
+                                        <div class="row" >
+                                            <div class="col-md-12">
                                                 <input type="button" class="btn btn-success" id="addmorebutton" value=" + ADD FILES..">
+                                                <div id="newdiv"></div><!-- this div for add more section-->
                                             </div>
 
-                                            <div id="newdiv"></div><!-- this div for add more section-->
+                                           
                                             <input type="hidden" name="hidecounter" id="hidecounter" value="0" />
                                             <input type="hidden" name="hideconstant" id="hideconstant" value="0" />
                                         </div>
 
-                                        <div class="col-md-4 col-md-offset-8">
-                                            <a class="btn btn-cancel" data-dismiss="modal" onclick="SetExciseCalculationCancel();" value="Cancel">Cancel</a>
+                                        <div class="col-md-12 " align="right">
+                                            <a class="btn btn-danger" data-dismiss="modal" onclick="SetExciseCalculationCancel();" value="Cancel">Cancel</a>
                                             <a class="btn btn-success ok" ID="ExciseOption12" onclick="rfilealert();">&nbsp;&nbsp;<span class="bold">Submit</span></a>
                                         </div>
                                     </div>
@@ -8058,11 +8075,6 @@ if (!empty($INRSYMBOL)) {
 
         $("#addmorebutton").click(function () {
 
-
-
-
-            //alert('sda');
-
             if (counter > 4) {
                 alert("You have to upload five files only"); //this allows only 5 files;
                 return false;
@@ -8074,24 +8086,29 @@ if (!empty($INRSYMBOL)) {
                 var div = document.createElement('div');
                 div.id = "divid" + counter;
                 div.className = "row";
-                div.innerHTML = '<div class="col-md-12">' +
+                div.innerHTML = 
 
-                    '<div class="col-md-4">' +
-                    '<label><br></label>' +
+                    '<div class="col-md-3">' +
+                    '<label>Select File</label>' +
                     '<input type="file" name="browseFiles' + counterConstant + '" id="imag" onchange="Copyfilename(this.name); "><br>' +
+                   
+                   '</div>' +  
+
+
+                    '<div class="col-md-3" style="margin-top:1.0%; ">' +
+                    '<button style="margin-right:2px;" class="btn btn-success" type="button" onclick="addRow(' + counter + ')"id="addbtn1" ><i class="fa fa-plus-square"></i></button> '+
+                    '<button class="btn btn-danger remove remove_this" id="removebtn' + counter + '" onclick="removeRow(this.id)"><i class="fa fa-minus-square"></i> </button>'
+
+                    +
                     '</div>' +
 
+                    '<div class="col-md-3" style="margin-top:1.8%; ">' +
+                    
+                   
+                    '<div class="col-md-3" > '+
+                    '</div> '+
+                    '</div><br>';
 
-                    '<div class="col-md-1" style="margin-top:-3%;">' +
-                    '<label><br><br></label>' +
-                    '<button class="btn btn-success" type="button" onclick="addRow(' + counter + ')"id="addbtn1" ><i class="fa fa-plus-square"></i></button></div>' +
-
-                    '<div class="col-md-1" style="margin-top:-3%;">' +
-                    '<label><br><br></label>' +
-                    '<button class="btn btn-danger remove remove_this" id="removebtn' + counter + '" onclick="removeRow(this.id)"><i class="fa fa-minus-square"></i> </button></div>' +
-
-
-                    '</div>';
                 $('#newdiv').append(div);
 
 
@@ -8153,28 +8170,31 @@ if (!empty($INRSYMBOL)) {
                 //alert("count"+counterConstants);
                 var div = document.createElement('div');
                 div.id = "divid" + counter;
+               
                 div.className = "row";
-                div.innerHTML = '<div class="col-md-12">' +
+                div.innerHTML = 
 
-                    '<div class="col-md-4">' +
-                    '<label><br></label>' +
+                    '<div class="col-md-3">' +
+                    '<label><br></label>'+
                     '<input type="file" name="browseFiles' + counterConstant + '" id="imag" onchange="Copyfilename(this.name); "><br>' +
+                   
+                   '</div>' +  
+
+
+                    '<div class="col-md-3" style="margin-top:1.0%; ">' +
+                    '<button style="margin-right:2px;" class="btn btn-success" type="button" onclick="addRow(' + counter + ')"id="addbtn1" ><i class="fa fa-plus-square"></i></button> '+
+                    '<button class="btn btn-danger remove remove_this" id="removebtn' + counter + '" onclick="removeRow(this.id)"><i class="fa fa-minus-square"></i> </button>'
+
+                    +
                     '</div>' +
 
-
-
-                    '<div class="col-md-1" style="margin-top:-3%;">' +
-                    '<label><br><br></label>' +
-                    '<button class="btn btn-success" type="button"  id="addbtn' + counter + '" onclick="addRow(' + counter + ')"><i class="fa fa-plus-square"></i></button></div>' +
-
-                    '<div class="col-md-1" style="margin-top:-3%;">' +
-                    '<label><br><br></label>' +
-                    '<button class="btn btn-danger remove remove_this" id="removebtn' + counter + '" onclick="removeRow(this.id)"><i class="fa fa-minus-square"></i> </button></div>' +
-                    '</div>' +
-
-
-
+                    '<div class="col-md-3" style="margin-top:1.8%; ">' +
+                    
+                   
+                    '<div class="col-md-3" > '+
+                    '</div> '+
                     '</div>';
+
                 $('#newdiv').append(div);