 <!-- Product Modal Basic -->
        <div class="modal fade modalbox" id="supplierModalBasic" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Add Supplier </h5>
                        <a href="javascript:;" data-dismiss="modal">Close</a>
                    </div>
                    <div class="modal-body">
     <!--  Accounts Section -->   
         <div class="section mt-1" >


    <!-- Real Content -->
    <form id="supplierForm">

                <div id="supplierRows">
<h5 class="mb-3">Supplier Information</h5>
                    <!-- First Row -->
                    <div class="warehouse-row row mb-2">
                        <div class="form-group   col-md-4">
                            <div class="input-wrapper">
                            <label class="label" for="name2">Supplier Name</label>
                            <input type="text" name="sup_name[]" class="form-control" required>
                            </div>
                        </div>
                        
                          <div class="form-group  col-md-4">
                            <div class="input-wrapper">
                            <label class="label" for="name2">Status</label>
                             <select name="sup_status[]" class="form-control">
                                    <option value="active">Active</option>
                                    <option value="inactive">Inactive</option>
                                </select>
                            </div>
                        </div>
                       
                    </div>
                    <!-- First Row -->
                    
                    <!-- Second Row -->
                   
                    <!-- Second Row -->
                    
                      <!-- Third Row -->
                   
                    <!-- Third Row -->
                    
                   
                </div>
                <div class="mt-3">
                    <button type="submit" class="btn btn-primary btn-block">
                        Add Supplier
                    </button>
                </div>

                <div class="form-group basic mt-2">
                    <div class="right" style="position: fixed; right: 20px; center: 20px; z-index: 9999;">
                    <div id="liveToastContainer"></div>
                </div>
                    <button type="button" id="supaddRow" class="btn btn-light btn-sm">
                       
                    </button>
                </div>

                

            </form>

</div>
    <!--  * Accounts Section -->
                    </div>
                </div>
            </div>
        </div>
        <!-- * Ledger Modal Basic -->
        
     <!-- *EDIT  Ledger Modal Basic -->    
        <div class="modal fade modalbox" id="editsupModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Edit Supplier </h5>
                        <a href="javascript:;" data-dismiss="modal">Close</a>
                    </div>
                    <div class="modal-body">
     <!--  Accounts Section -->   
         <div class="section mt-1" >


    <!-- Real Content -->
    <form id="editsupForm">

<h5 class="mb-3">Supplier Information</h5>
                    <!-- First Row -->
                    <div class="warehouse-row row mb-2">
                        <div class="form-group   col-md-4">
                            <div class="input-wrapper">
                            <label class="label" for="name2">Supplier Name</label>
                             <input type="hidden" name="edit_sup_id" id="edit_sup_id">
                            <input type="text" name="edit_sup_name"        id="edit_sup_name"class="form-control" required>
                            </div>
                        </div>
                        
                        <div class="form-group  col-md-4">
                            <div class="input-wrapper">
                            <label class="label" for="name2">Status</label>
                             <select name="edit_sup_status" id="edit_sup_status"class="form-control">
                                    <option value="active">Active</option>
                                    <option value="inactive">Inactive</option>
                                </select>
                            </div>
                        </div>
                      
                    </div>
                    <!-- First Row -->
                    
                    <!-- Second Row -->
                 
                    <!-- Second Row -->
                    
                      <!-- Third Row -->
                    
                    <!-- Third Row -->
                    
                    
                    
                </div>
                <div class="mt-3">
                    <button type="submit" class="btn btn-primary btn-block">
                        Edit Supplier
                    </button>
                </div>

                

                

            </form>

</div>
    <!--  * Accounts Section -->
                    </div>
                </div>
            </div>
        </div>

   <!-- *EDIT  Product Modal Basic -->   