@extends('layouts.app')

@section('title', 'New Orders')

@section('content')
    <div class="container-fluid" id="formcontainer">
    <form class="main-form" action="#" method="POST" name="add_item" id="add_item" enctype="multipart/form-data">
                        @csrf
                        <!-- @method('delete') -->
                        <input type="hidden"name="refno[]" id="refno">
                        <input type="hidden"name="our_reference[]" id="our_reference"> 
                        <input type="hidden"name="takentime[]" id="takentime">
                        <input type="hidden"name="item_location[]" id="item_location">
                        <input type="hidden"name="order_date[]" id="order_date">
                        <input type="hidden"name="production_date[]" id="production_date">
                        <input type="hidden"name="groupid[]" id="groupid">
                        <input type="hidden"name="orderbox[]" id="orderbox">
                        <input type="hidden"name="customerid[]" id="customerid" value="0">
                        <input type="hidden"name="upgroupid[]" id="upgroupid">
    <meta charset="utf-8">
    <meta name="csrf-token" content="content">
    <meta name="csrf-token" content="{{ csrf_token() }}">
   
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> -->

<!-- this is for toast ui -->
    <script
  src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
</script>

<!-- <script
     src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.js">
    </script> 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.css"> -->
<!-- <script>
  
    flatpickr("input[type=datetime-local]");
</script> -->
<!-- Select2 CSS -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/css/select2.min.css" rel="stylesheet">

<!-- jQuery (Required by Select2) -->
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->

<!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0/dist/js/select2.min.js"></script>


<!-- pagination script -->
<link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.css" />

<!-- <link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.min.css" /> -->
<script src="https://code.jquery.com/jquery-3.7.1.js"></script> 
<script src="https://cdn.datatables.net/2.1.8/js/dataTables.js"></script> 

<!-- ---------------------------- -->

<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js" integrity="sha512-P2Z/b+j031xZuS/nr8Re8dMwx6pNIexgJ7YqcFWKIqCdbjynk4kuX/GrqpQWEcI94PRCyfbUQrjRcWMi7btb0g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js" integrity="sha512-HWlJyU4ut5HkEj0QsK/IxBCY55n5ZpskyjVlAoV9Z7XQwwkqXoYdCIC93/htL3Gu5H3R4an/S0h2NXfbZk3g7w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->


<!-- <script src="js/jquery.dataTables.min.js" type="text/javascript"></script>  -->
   
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script>  -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
   
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> -->
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.jquery.min.js"></script> -->
   
        <!-- <script src="https://cdn.jsdelivr.net/npm/jquery-typeahead/dist/jquery.typeahead.min.js"></script> -->
     
     
     <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-3.0.0.min.js"></script> -->
   <!-- <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> -->
    
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
   

   
     
    
    
    <!-- Page Heading -->
    <div class="form-group">
        <div class="d-flex flex-column align-items-left text-center p-1 border-bottom">
            <!-- <h1 class="h3 mb-0 text-gray-800 " >New Orders</h1> -->
            <!-- <h2 class="text-center text-gray-800 ">New Orders</h2> -->
            <!-- <a  class="btn btn-lg btn-success float-right" id ="btn_New" name="new">
            <i class="fa fa-play" aria-hidden="true"></i> Click to Start </a> -->
           </div>

<div>
<span style="color:red;">*</span>Order_Type</label>
                        <select class="form-control form-control-user @error('ordertype') is-invalid @enderror" name="ordertype" id="ordertype">
                            <!-- <option value='0'selected disabled>Select Order Type</option> -->
                            <option value="1" selected>ProcessingOrder</option>
                            <option value="2">DirectOrder</option>
                           
                        </select>
                        @error('ordertype')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
</div>

           </div>
        
       
        <!-- -------------------------------------- -->
        {{-- Alert Messages --}}
        @include('common.alert')

        {{-- Page Content --}}
  
        <div class="row">

            <div class="col-md-12">
                 <!-- border-right -->
                <!-- <div class="d-flex flex-column align-items-center text-center p-3 py-5"> -->
                <div class="d-flex flex-column align-items-left text-center p-3 py-1">
                        <h4 class="text-left">Customer_Details</h4>
                        <div class="border-bottom"></div>
                        <!-- <div class="d-flex justify-content-between align-items-center mb-3">
                        <h4 class="text-right">Customer_Details</h4> -->
               
                    <!-- //customer -->
                    <div class="row mt-2">
                    <div class="col-md-4 ">
                    
                    <label class="labels">Customer Name</label>
                                <input type="text" class=" typeahead form-control  @error('first_name') is-invalid @enderror" 
                                    id="customer" name="customer[]" placeholder="First Name" >

                                @error('first_name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                               </div>
                             
                               <div class="col-md-4 ">                  
                                <!-- //emailaddress -->
                                <label class="labels">Email_ddress</label>
                                <input type="text" class="form-control @error('email_address') is-invalid @enderror"
                                    name="email_address" placeholder="Email_Address" id="email_address">

                                @error('email_address')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>

                                <div class="col-md-4 "> 
                <!-- //Phone -->
                                <label class="labels">Phone</label>
                                <input type="text" class="form-control @error('phone') is-invalid @enderror"
                                    name="phone" placeholder="Phone" id="phone">

                                @error('Address')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>

                                <div class="col-md-4 "> 
                                <!-- //Street -->
                                <label class="labels">Street</label>
                                <input type="text" class="form-control @error('street') is-invalid @enderror"
                                    name="Street" placeholder="Street" id="Street">

                                @error('street')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>

                                <div class="col-md-4 "> 
                                <!-- //Floor -->
                                <label class="labels">Apt_Floor</label>
                                <input type="text" class="form-control @error('apt_floor') is-invalid @enderror"
                                    id="apt_floor" name="apt_floor" placeholder="Apt_Floor">

                                @error('apt_floor')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>
                              
                                <div class="col-md-4 "> 
                                 <!-- //Country -->
                                 <label for="country-dropdown">Country:</label>
                                 <select id="country-dropdown" name="country-dropdown" class="form-control ">
                            <option value="0" selected disabled >Select Country.....</option>
                           
                            @foreach ($countries as $data) 
                            <option value="{{$data->id}}">{{$data->name}}
                            </option>
                            @endforeach
                           </select>
                           @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror

                           </div>
                          
                              <div class="col-md-4 "> 
                                 <!-- //State -->
                                 <label for="state-dropdown">State:</label>
                                 <select id="state-dropdown" name="state-dropdown" class="form-control ">
                                
                                </select>
                                @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                              </div>

                           <div class="col-md-4 ">   
                            <!-- //FlCityoor -->          
                            <label for="city-dropdown">City:</label>
                                 <select id="city-dropdown" name="city-dropdown" class="form-control ">
                              
                                </select>

                                @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
  
                                </div>
                             
                                <div class="col-md-4 ">  
                                 <!-- //Postal code -->
                                <label class="labels">Postal code</label>
                                <input type="text" class="form-control @error('postal_code') is-invalid @enderror"
                                    name="postal_code" placeholder="Postal code" id="postal_code">

                                @error('postal_code')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror   
                                
                                
                                </div>      
                                
                            </div>
                    
              
                </div>
            
                </div>
               
<!-- //----------------------- -->

            <div class="col-md-12">
            <!-- border-right  -->
                {{-- Orders --}}
                @csrf
                <div class="py-1">
                <!-- <div class="p-3 py-5"> -->
                    <div class="d-flex justify-content-between align-items-center mb-3 border-bottom">
                        <h4 class="text-right">Order_Details</h4>
                    </div>
                    


                        <div class="row mt-2">

                        <div class="col-md-4">
                                <label class="labels">OrderDate</label>
                                <input type="datetime-local" class="form-control @error('orderdate') is-invalid @enderror" name="orderdate[]" id="orderdate"
                                    placeholder="OrderDate" onchange="ODhandler(event)" value="{{ now()->format('Y-m-d\TH:i') }}">
                                @error('orderdate')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            
                            <div class="col-md-4">
                                <label class="labels">Order_Number</label>
                                <input type="text" class="form-control @error('order_number') is-invalid @enderror"
                                    name="order_number[]" id="order_number" placeholder="ordernumber"
                                    value=0>

                                @error('order_number')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            
                            <div class="col-md-4 py-2" >
                            <span style="color:red;">*</span>Channels</label>
                        <select class="form-control form-control-user @error('channels') is-invalid @enderror" name="channels" id="channels">
                            <option value="0" selected disabled>Select Channels</option>
                           
                            @foreach ($channels as $rows) 
                                <option value="{{$rows->id}}">{{$rows->name}}</option>
                            @endforeach
                           
                        </select>
                        @error('channels')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                            </div>

                            <div class="col-md-4">
                                <label class="labels">Total</label>
                                <input type="number" maxlength="8" class="form-control @error('total') is-invalid @enderror" name="total" id="total"
                                    
                                    placeholder="0.00">
                                @error('total')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                              </div>
                              <div class="col-md-4">
                                <label class="labels">Production_Date</label>
                                <input type="datetime-local" class="form-control @error('productiondate') is-invalid @enderror" name="productiondate[]" id="productiondate"
                                    
                                    placeholder="Production_Date" onchange="PDhandler(event)" value="{{ now()->format('Y-m-d\TH:i') }}">
                                @error('productiondate')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                               {{-- Status --}}
                    <div class="col-md-4 py-2">
                        <span style="color:red;">*</span>Priority</label>
                        <select class="form-control form-control-user @error('priority') is-invalid @enderror" name="priority" id="priority">
                            <option value='0'selected disabled>Select Priority</option>
                            <option value="1" selected>High</option>
                            <option value="2">Medium</option>
                            <option value="3">Low</option>
                        </select>
                        @error('priority')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                        </div>
                       
                         
                    </div>

                        <!-- <div class="mt-5 text-center">
                            <button class="btn btn-primary profile-button" type="submit">Update Profile</button>
                        </div> -->
                   
                </div>

                <hr>
                {{-- Select Products --}}
                <div class="p-0 py-2">
                    <div class="d-flex justify-content-between align-items-center mb-3 border-bottom">
                        <h4 class="text-right">Search for Products</h4>
                       
                    </div>
                    <!-- Radio button -->
                   
       
                   <div id="inline_content">
    <form class="type">
        <input type="radio" name="type"  value="types">Item_List</input>
        <input type="radio" name="type" value="bulk">Bundle</input>
        
                        
    </form>
    <hr>
    <div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="bundle" name="bundle" disabled>
  <label class="form-check-label" for="flexSwitchCheckDefault">Let me create a bundle</label>
 
</div>
</div>    
       
                   <!-- radio   ----------------------                      -->
                    <!-- <form action="insert_form" method="POST" name="add_item1" id="add_item1" >
                        @csrf -->
                        <div class="row mt-4">
                            <div class="col-md-4 py-2">
                            <span style="color:red;">*</span>Select Product Type</label>
                            <select class="form-control form-control-user @error('type') is-invalid @enderror" name="ptype" id="ptype">
                           <!-- <option value='0' selected>Select_Type</option>
                            <option value="1" >Primary_Item</option>
                            <option value="2">secondary_Item</option> -->
                        </select>
                            </div>
                          
                         <div class="col-md-8 ">   
                            <!-- //Products -->          
                            <label for="Type">Products:</label>
                            
                            <input type="text" id="dropdownSearch" class="form-control" placeholder="Search..." style="margin-bottom: 10px; width: 100%; padding: 5px;">
                          
                            <select id="product" name="product[]" class="form-control" >
                               
                          </select>
                                 @error('product')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                           

                            </div>
                        
                            </div>
     <hr>                     
                 
     <!-- ---------------------- OrderTABLE--------------------- -->
     <div class="card shadow mb-4 ">
        <div class="card-header py-1">
            <h6 class="m-0 font-weight-bold text-primary">Order Item List</h6>
            <div id="cardbodyqueueorder">

      </div>
        </div>
        <div class="card-body">
      
      <div class="table-responsive">
<!-- table------------------ -->
<table class="table  table-striped table-hover" id="orderTable" width="100%" style="background-color:#ddd;" >
<!-- table-bordered -->
<thead class="table-dark">
                    
                        <tr>
                        <!-- <th style='width:10%; display:none;'>ID</th>
                            <th style='width:0%;'>PID</th> -->
                            <th width="50%">Item</th>
                            <th width="30%">Qty</th>
                            <th width="50%">Ram</th>
                            <th width="30%">Generation</th>
                            <th width="30%">Combination</th>
                            <th width="30%">PrimaryDrive</th>
                            <th width="30%">Secondary_Drive</th>
                            <th width="30%">Skin_Type</th>
                            <!-- <th style='width:10%;'>Item_Type</th> -->
                            <!-- <th width="30%">Item_Serial</th> -->
                            <th width="30%">Action</th>
                            <!-- <th><button type="button" name="add" class="btn btn-success btn-sm add" id="b"><span class="glyphicon glyphicon-upload"></span></button></th> -->
                       
                        </tr>
                       
                    </thead>

                    <tbody>


                    </tbody>
                    <tfoot>
                    <thead class="table-dark">
                    <tr>
                    <!-- <th style='width:10%; display:none;'>ID</th>
                            <th style='width:0%;'>PID</th> -->
                           
                            <th width="50%">Item</th>
                            <th width="30%">Qty</th>
                            <th width="50%">Ram</th>
                            <th width="30%">Generation</th>
                            <th width="30%">Combination</th>
                            <th width="30%">PrimaryDrive</th>
                            <th width="30%">Secondary_Drive</th>
                            <th width="30%">Skin_Type</th>
                            <!-- <th style='width:10%;'>Item_Type</th> -->
                            <!-- <th width="30%">Item_Serial</th> -->
                            <th width="30%">Action</th>
                            <!-- <th><button type="button" name="add" class="btn btn-success btn-sm add" id="b"><span class="glyphicon glyphicon-upload"></span></button></th> -->
                       
                        </tr>
                    </thead>
                    </tfoot>

</table>
    
    </div>
</div>
</div>
<div>
    <input 
                          type="text" 
                            class="form-control form-control-user @error('description') is-invalid @enderror" 
                            id="description"
                            placeholder="description" 
                            name="description[]" 
                            value="Describe your comments"> 

                        @error('description')
                            <span class="text-danger">{{$message}}</span>
                        @enderror  
                        </div>
                        <!-- <div>
                          <label for="Type">Packing Info:</label> 
                                 <select id="box" name="box" class="form-control ">
                                <option value='0' selected>Select_BoxType</option>
                               
                                @foreach ($boxes as $rows) 
                                <option value="{{$rows->id}}">{{$rows->name}} {{$rows->size}}</option>
                            @endforeach
                            
                            </select>
                                 @error('box')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                           
                    </div> -->
     
  
     
      <hr>  
<!-- created order list---------------- -->
<div id="cardorderlist"></div>
<div class="card shadow mb-5" >

     <div class="card-header  py-0" >
           
     <h6 class="m-0 font-weight-bold text-primary">Orders to Followup</h6>
     <div id="cardbodyqueue">

      </div>
        </div>
        <div class="card-body" >
        <button id ="btn_queue" class="btn btn-primary btn-user btn-md float-right py-1 mb-1" type="button">
        <i class="fa fa-list-ul" aria-hidden="true"></i>
                            Queue_Checkup</button>
                            <button id ="btn_forwardall" class="btn btn-danger btn-user btn-md float-right py-1 mb-1 mr-2" type="button">
                            <i class="fa fa-share" aria-hidden="true"></i>
                            Forward All</button> 
                                     
      <div class="table-responsive">
      <table class="table  table-striped table-hover"  id="newordertabel1" width="100%"    style="background-color:#ddd;" >
      

      <thead class="table-light">
                    
                        <tr id="orderlist">
                      
                            <th style='width:18%;'>Customer</th>
                            <th style='width:5%;'>OrderNumber</th>
                            <th style='width:10%;'>OrderDate</th>
                            <th style='width:10%;'>ProductionDate</th>
                            <th style='width:10%;'>TotalPrice</th>
                            <th style='width:10%;'>Employee</th>
                            <th style='width:2%;'>Priority</th>
                            <th style='width:35%;'>Action</th>
                            <!-- <th><button type="button" name="add" class="btn btn-success btn-sm add" id="b"><span class="glyphicon glyphicon-upload"></span></button></th> -->
                       
                        </tr>
                       
                    </thead>

                    <tbody>


                    </tbody>
                    <tfoot>
                    <thead class="table-light">
                    <tr >
                   
                            <th style='width:18%;'>Customer</th>
                            <th style='width:5%;'>OrderNumber</th>
                            <th style='width:10%;'>OrderDate</th>
                            <th style='width:10%;'>ProductionDate</th>
                            <th style='width:10%;'>TotalPrice</th>
                            <th style='width:10%;'>Employee</th>
                            <th style='width:2%;'>Priority</th>
                            <th style='width:35%;'>Action</th>
                       
                        </tr>
                    </thead>
                    </tfoot>

</table>
     
    
    
    </div>
    <div class="mt-9 text-center">
                            <!-- <button class="btn btn-success profile-button" type="submit" id="bundle">Create as Bundle
                            <i class="fa fa-briefcase" aria-hidden="true"></i>
                            </button> -->
                            {{-- Save Button --}}
                            <button id ="btn_Boxes" class="btn btn-warning btn-user btn-block" type="button"  data-target="#boxitems" data-toggle="modal" >
                            <i class="fa fa-briefcase" aria-hidden="true"></i> 
                            Add Boxes</button>
                            <!-- disabled -->
                           
                
                
                            <button id ="btn_Create" class="btn btn-success btn-user btn-block" type="button" disabled  >
                            <i class="fa fa-plus" aria-hidden="true"></i>
                            Create Order</button>
                            <a class="btn btn-info btn-user btn-block" href="{{route('shippercost.viewshipperscostlistforfrontpanel')}}" > 
                            <i class="fa fa-plus" aria-hidden="true"></i> Add Carrier Cost</a>
                <!-- <button id="my-button" disabled>Save</button> -->
                <a class="btn btn-primary btn-user btn-block" href="{{route('shippercost.index')}}" > 
                <i class="fa fa-eye" aria-hidden="true"></i>View Carrier Cost</a>
                <button id ="btn_todaysorders" class="btn btn-danger btn-user btn-block" type="button"   data-target="#sendsmsmod" data-toggle="modal">
                            <i class="fa fa-plus" aria-hidden="true"></i>
                            Send Order Notification</button>
           
              </div>   
      </div> 
      
</div>



<!-- <div class="mt-9 text-center">
                            <button id="ordeadd-boxesmodalbtn_r" class="btn btn-success profile-button "  disabled>Create_Order
                            <i class="fa fa-plus" aria-hidden="true"></i>
                             </button>
                       
                        </div> -->
                </div>
            </div>
            </div>
            
                @include('Boxes_shipping.add-boxesmodal')
                @include('send_notifications.send_smsmodal')
                @include('carrier_services.getRate_requestmodal')
            </form>  
             
        </div>

     
     

    @endsection
    
    <!-- @push('scripts')
  
    
    @endpush -->
   
    

    @section('scripts')
   
    
    
    <script src="{{ asset('js/app.js') }}"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>


 


<script>
$('#orderTable').change(function () {
  //  $('#t1,#t2').hide();
   // var tableValue = $(this).val();
    //$('#t' + tableValue).show();
    var Ordertype=$('#ordertype').val();
    if(Ordertype==1){
       $("#bundle").prop("checked", true);
       $('#btn_Create').prop('disabled', false);
      // $('#itemchk0').prop('checked', true);
    }
   
});

</script>



   <script>
$(document).on('click', '#btn_queue', function(event) {
        event.preventDefault();

      
        $('#newordertabel1 >tbody >tr').remove();
        
// bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/getneworders/') }}" ,
                    type: "POST",
                    data: {
                       
                        order_location:"Preparation",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',

   beforeSend:function(){
    // debugger;
    $('#cardbodyqueue').text('Loading...');
     $("#cardbodyqueue").show();
 },

                    success: function (res) {
                       
                        $.each(res.orders, function (key, value) {
                            var customer=value.customer;
                            var priority=value.priority;
 var order_number=value.order_number;
 var order_date=value.order_date;
 var production_date=value.production_date;
 var total_amount="$" +value.total_amount;
 var user=value.users;

                var html = '';
 html += '<tr>';
 html += '<td type="text" id ="customer" name="customer[]">' + customer + '</td>';
 html += '<td type="text" id ="ordernumber" name="ordernumber[]">' + order_number + '</td>';
 html += '<td id ="orderdate" name="orderdate[]">' + order_date + '</td>';
 html += '<td id ="productiondate" name="productiondate[]">' + production_date + '</td>';
 html += '<td id ="totalamount" name="totalamount[]">' + total_amount + '</td>';
 html += '<td id ="user" name="user[]">' + user + '</td>';
 if(priority==1){
  html += '<td style="background-color:#FF0000" id ="priority" name="priority[]">' + "High" + '</td>';
 }else if(priority==2){
  html += '<td style="background-color:#FFFF00" id ="priority" name="priority[]">' + "Medium" + '</td>';
 }else if(priority==3){
  html += '<td style="background-color:#008000" id ="priority" name="priority[]">' + "Low" + '</td>';
 }else{
  html += '<td style="background-color:#5DADE2" id ="priority" name="priority[]">' + "Not_Selected" + '</td>';
 }
 
 //html += '<td class="custom-tbl"><button type="button" id ="forward" name="forward" class="btn btn-success btn-md forward"><i class="fa fa-fast-forward" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="view" name="view" class="btn btn-info btn-md view"><i class="fa fa-eye" aria-hidden="true"></i></button> <button type="button" id ="SendRequest" name="SendRequest" class="btn btn-warning btn-md request"><i class="fa fa-paper-plane" aria-hidden="true"></i></button> <button type="button" id ="remove1" name="remove1" class="btn btn-danger btn-md remove1"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 html += '<td class="custom-tbl"><button type="button" id ="forward" name="forward" class="btn btn-success btn-md forward" data-bs-toggle="tooltip" title="forward Record"><i class="fa fa-fast-forward" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="view" name="view" class="btn btn-info btn-md view" data-bs-toggle="tooltip" title="View Record"><i class="fa fa-eye" aria-hidden="true"></i></button> <button type="button" id ="SendRequest" name="SendRequest" class="btn btn-warning btn-md request" data-bs-toggle="tooltip" title="Send Carrier cost Request"><i class="fa fa-paper-plane" aria-hidden="true"></i></button> <button type="button" id ="remove1" name="remove1" class="btn btn-danger btn-md remove1" data-bs-toggle="tooltip" title="Delete Record"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 //html += '<td><button type="button" id ="add" name="add" class="btn btn-success btn-md add"><i class="fa fa-plus-circle" aria-hidden="true"></i></button> <button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
//   html += '<td>'+'< input type="text" name="customer[]" id ="customer0" value= ' + customer +'>'+'</td>';
//  html += '<td >'+'< type="text" name="ordernumber[]" id ="ordernumber0" value= ' + order_number +'>' +'</td>';
//   html += '<td>'+'< type="text" name="orderdate[]" id ="orderdate0" value= ' + order_date +'>' +'</td>';
//    html += '<td>'+'<name="productiondate[]" id ="productiondate0" value= ' + production_date +'>' +'</td>';
//     html += '<td>'+'<name="totalprice[]" id ="totalprice0"  value= ' + total_amount +'>' +'</td>';
//      html += '<td>'+'<name="employee[]" id ="employee0" value= ' + user +'>' +'</td>';
   
html +='</tr>';
  $('#newordertabel1').append(html);
                           
});  
//$("#cardbodyqueue").Remove();  
$('#cardbodyqueue').text('');    
paginationorder1();      
}            
                        });

});

// var paginationorder1=function(){

//   new DataTable('#newordertabel1', {
//     layout: {
//         bottomEnd: {
//             paging: {
//                 firstLast: false
//             }
//         }
//     }
// });
// }

var paginationorder1 = function() {
    if (!$.fn.DataTable.isDataTable('#newordertabel1')) {
        $('#newordertabel1').DataTable({
            "destroy": true, // Allow reinitialization
            "paging": true,  // Enable pagination
            "searching": true, // Enable search box
            "ordering": true, // Enable sorting
            "info": true,  // Show info (e.g., "Showing 1-10 of 50 entries")
            "lengthMenu": [10, 25, 50, 100], // Dropdown for number of rows
            "pageLength": 10, // Default page size
        });
    }
  };
</script>

<script>
        $(document).ready(function () {
  
            /*------------------------------------------
            --------------------------------------------
            Country Dropdown Change Event
            --------------------------------------------
            --------------------------------------------*/
            $('#country-dropdown').on('change', function () {
                var idCountry = this.value;
                $("#state-dropdown").html('');
                $.ajax({
                    
                 
                    url: "{{ url('orderlist/fetchState/') }}" ,
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        country_id: idCountry,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                        $('#state-dropdown').html('<option value="0">-- Select State --</option>');
                        $.each(result.states, function (key, value) {
                            $("#state-dropdown").append('<option value="' + value
                                .id + '">' + value.name + '</option>');
                            
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                        $('#city-dropdown').html('<option value="0">-- Select City --</option>');
                    }
                });
            });
  
            /*------------------------------------------
            --------------------------------------------
            State Dropdown Change Event
            --------------------------------------------
            --------------------------------------------*/
            $('#state-dropdown').on('change', function () {
                var idState = this.value;
                $("#city-dropdown").html('');
                $.ajax({
                    url: "{{ url('orderlist/fetchCity/') }}" ,
                    type: "POST",
                    data: {
                        state_id: idState,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                        $('#city-dropdown').html('<option value="0">-- Select City --</option>');
                        $.each(res.cities, function (key, value) {
                            $("#city-dropdown").append('<option value="' + value
                                .id + '">' + value.name + '</option>');
                        });
                    }
                });
            });
  
        });
    </script>
    

<script>
        $(document).ready(function () {
  
            /*------------------------------------------
            --------------------------------------------
           Product type dropdown
            --------------------------------------------
            --------------------------------------------*/
            $('#ptype').on('change', function () {
                var serialno=$("#refno").val();
                if(serialno == ('')){
                    alert ("Serial Number err,empty!");
                    return;
                }
              
              
                if($('input:radio[name=type]:checked').val() == "types"){
                    var typeid = this.value;
               $("#product").html('');

                    if(typeid==3){

                      $.ajax({
                    
                 
                    url: "{{ url('orderlist/getproducts/') }}",
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        type: '2',
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
            //             if(result != null){
            //     $('#itemSearch').val(result.item);
            //     // $('#title').val(response.title);
            // }

            $('#product').html('<option value="0">-- Select Product --</option>');
                        $.each(result.products, function (key, value) {
                            $("#product").append('<option value="' + value
                                .id + '">' + value.item + '</option>');
                        });

                        
                    }
                });
              
              
              
              
                    }else{
                  $.ajax({
                    
                 
                    url: "{{ url('orderlist/getproducts/') }}",
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        type: typeid,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
            //             if(result != null){
            //     $('#itemSearch').val(result.item);
            //     // $('#title').val(response.title);
            // }

            $('#product').html('<option value="0">-- Select Product --</option>');
                        $.each(result.products, function (key, value) {
                            $("#product").append('<option value="' + value
                                .id + '">' + value.item + '</option>');
                        });

                        
                    }
                });

                }
                    
              
               
   
} else if ($('input:radio[name=type]:checked').val() == "bulk"){
    //var typeid = this.value;
               
                $("#product").html('');
              
              $.ajax({
                  
               
                  url: "{{ url('orderlist/getbulkitemswithinnerjoin/') }}",
                type: "POST",
                 dataType: 'json',
              //    url: "{{url('routes/fetchState')}}",
              //    const url = "{{ url('routes/edit-route/{id}') }}"
                  // url: '/fetchState/',
                //  url: "{{url('fetchState')}}",
                  data: {
                    item_type: "1",
                    status:"1",
                      _token: '{{csrf_token()}}'
                  },
                 
                  success: function (result) {
          //             if(result != null){
          //     $('#itemSearch').val(result.item);
          //     // $('#title').val(response.title);
          // }

          
          $('#product').html('<option value="">-- Select Product --</option>');
                        $.each(result, function (key, value) {
                            $("#product").append('<option value="' + value
                                .groupid + '">' + value.item +"-"+value.ram +"-"+value.generation +"-" +value.combination +"-" +value.booting_ssd +"-" +value.additional_hdd +"-" +value.skin_type+'</option>');
                        });

                      
                  }
              });

   
   
   
            }
                
            });
        });
            </script>

            
<!-- fill the order tabel--------------------------------- -->
          
            <!-- <script>
      $(document).ready(function () {
  
 
  $('#product').on('change', function () {
      var id = this.value;
     // $("#product").html('');

   
   
     $.ajax({
          
       
          url: "{{ url('productlist/fetchproduct/') }}",
        type: "POST",
         dataType: 'json',
      //    url: "{{url('routes/fetchState')}}",
      //    const url = "{{ url('routes/edit-route/{id}') }}"
          // url: '/fetchState/',
        //  url: "{{url('fetchState')}}",
          data: {
              id: id,
              _token: '{{csrf_token()}}'
          },
         
          success: function (result) {
              if(result != null){
                var Item_table='';
                $.each(result.products, function (key, value) {
                    
                //   --------------------------------------------
                Item_table+='<tr>';
                Item_table+='<td>'+<input type="text" class="form-control"  name="productID" id="productID" disabled>+'</td>';

Item_table+= '<td >'+<select class="form-control"  name="item" id="item" ></select>+'</td>';


Item_table +='<tr>';
                  
                //   ---------------------------------------------
                  
                  
                  
                    // $('#productID').val(value.id);   
                    // $("#item").append('<option value="' + value
                    //             .id + '">' + value.item + '</option>');
                    // Item_data +='<tr>';
                    // Item_data +='<td>'+value.id+'</td>';
                    
                    //  Item_table +='<td>'+value.item+'</td>';
                  
                   
                    // Item_table +='<tr>';
                   
                        });

                    $('#orderTable').append(Item_data);
    
  }

  
              
          }
      });
  });
});
            </script> -->
<!-- <script>


$('#quantity').focusout(function (e) {
    var qty=$("#quantity").val();
        if(qty>0){
             //$(this).trigger("enterKey");
        // $("#itemserialno").prop('disabled', false);
        // $("#itemserialno").focus();


        }
});   


</script> -->

<!-- <script>
    
$('input[name="itemserialno"]').on('keyup',function(e){
  if(e.which === 32){
    var str = $(this).val().split('');
    if(str[str.length - 2] === ','){
      $(this).val($(this).val().replace(' ',''));
    }
    $(this).val($(this).val().replace(' ',','));
  }
});
</script> -->

<script>
$(document).ready(function(){
   // var more_loader = $("<img id='hiddenL' src='../ForePost/icons/spin.gif'/>");
 //  href="{{route('productlist.createinventory')}}"
 
 //i = $('#orderTable tr').length;
      //  var form_data = $(this).serialize();
      
   
      $('#product').on('change', function () {
    //  $(document).on('change', 'select[id^="product"]', function () {
   
        var i=1;
       
        // $("#quantity").prop('disabled', false);
        // $("#quantity").focus();
// ---------------------------------------------
var dateObj = new Date();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0"); // Fixed
var seconds = dateObj.getSeconds().toString().padStart(2, "0");
    var grpid=year + month + day+  seconds;

    var od = document.getElementById("orderdate").value;
 od = od.replace("T", " ");

// var pd = document.getElementById("productiondate").value;
// pd = pd.replace("T", " ");
$('#order_date').val(od);


//----------------- check for duplicate-----------------------------
const Product = $('#product').find(":selected").text();
const Itemid = $('#product').val();
var item="";
var Productid1="";
var toReturn=true; 

//     $('#orderTable tbody tr').each(function () {
//        // item = $(this).find('td:eq(0)').val();
//         var Productid1 = $(this).find('td:eq(0) option:selected').val();
//         if (Itemid == Productid1) {
//           //toReturn=Itemid;
//             alert('Item is Already exist in the list!');
//             toReturn = false; // let set flag about it
//             return false; // break $.each loop
           
           
//         }
        
//     });
    
// if(toReturn===false){
//   return false;
  
// }
// ------------------------------------------

if ($("#orderTable tbody").children().length === 0 && $("#ptype option:selected").text().trim() === "secondary_Item") {
            alert("Invalid Attempt");
            return;
        }
//-----------------------------------------------------------------
 //$('#btn_Create').prop('disabled', false);
 //$('#order').prop('disabled', false);
    $('#ordertype').prop('disabled', true);
    if($('input:radio[name=type]:checked').val() == "types"){

        var id = $('#product').val();
        $('#btn_Create').prop('disabled', false);
        $('#btn_Send').prop('disabled', false);
        $('#btn_Boxes').prop('disabled', false);
        var typeid = $("#ptype").val();
        if(typeid==3){
          $("#bundle").prop("checked", false);
        }else{
            $("#bundle").prop("checked", true);
        }
      
   
     //   $("#product").append(more_loader); 
        $(document).on('click', '.remove', function(){
         var grpid='';
      
        grpid = $(this).parent().parent().find(".txtgroupid").val();
       //  $(this).find("td:eq(" + grpid + ")").remove();
      //   $(this).find("th:eq(" + grpid + ")").remove();
    //  $('#' + grpid).parent().remove('.remove');
      
      $(this).closest('tr').remove();
       
         // $('#' + $rowToDel + '').closest('tr').remove();
  var rowCount = $('#orderTable >tbody >tr').length;
        if (rowCount ===0) {
          //  $( "#orderTable" ).empty();
          //  $('#orderTable').reload();
         
         
        $('#btn_Create').prop('disabled', false);
        $('#btn_Send').prop('disabled', false);
        $('#btn_Boxes').prop('disabled', false);
          $("#bundle").prop("checked", false);
           // return;
         }
 
 });
 

 $.ajax({
          
    

          url: "{{ url('productlist/fetchproduct/') }}",
        type: "POST",
         dataType: 'json',
      //    url: "{{url('routes/fetchState')}}",
      //    const url = "{{ url('routes/edit-route/{id}') }}"
          // url: '/fetchState/',
        //  url: "{{url('fetchState')}}",
          data: {
              id: id,
              _token: '{{csrf_token()}}'
          },
         
          success: function (result) {
              if(result != null){
                var i = $('#orderTable tr').length;
    
               $.each(result.products, function (key, value) {
 var values_ID=value.id;
 var values_ITEM=value.item;
 var values_TYPE=value.type;
 var serialID =$("#refno").val();
 var our_reference =$("#our_reference").val();
 var order_number =$("#order_number").val();
 var order_date =$("#order_date").val();
 var customer =$("#customer").val();
 var item_location =$("#item_location").val();
 var takentime =$("#takentime").val();

 if(values_TYPE==1){

        var newgrid=grpid;
          $("#groupid").val(newgrid);
    }

    var figroupid= $("#groupid").val();
    var itemserial=$("#itemserialno").val(); //not using

//separate the item usinf type-----------------------------------------------
    if (values_TYPE==1){
      var order_typeid=$("#ordertype").val();
 if (order_typeid==1){
  var html = '';
//<option value='+values_ID+'>'+values_ITEM +'</option>
 
  html += '<tr data-groupid0="'+ figroupid +'">';
  html +='<input type="hidden" name="groupid['+i+']" id="groupid0" class="form-control txtgroupid" value=' + figroupid + '>';
 html +='<input type="hidden" name=" id['+i+']" id="id0" value="0">';
 html +='<input type="hidden"name="pid['+i+']" id="pid0" value=' + values_ID + '>';
 html +='<input type="hidden"name="serialID['+i+']" id="serialID0" value=' + serialID + '>';

html +='<input type="hidden"name="our_reference['+i+']" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number['+i+']" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date['+i+']" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer['+i+']" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location['+i+']" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime['+i+']" id="takentime0" value=' + takentime + '>';

 // html +='<td style="display:none;>' + '<input type="text"  class="form-control"  size=35 name="id[]" id="id0" readonly="true" value= "0"/></td>';
  //html +='<td >' + '<input type="text"  class="form-control"  size=35 name="pid[]" id="pid0" readonly="true" value= ' + values_ID + '>' + '</td>';
 //html += '<td>' + '<input type="text" name="item[]" id ="item0" class="form-control " readonly="true" value= ' + values_ITEM +'>' +'</td>'
  html += '<td><select name="item['+i+']" id ="item0" class="form-control"><option value='+values_ID+'>'+values_ITEM +'</option>'+'@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach</select></td>';
    // html += '<td>'+'<select name="item[]" id ="item0" class="form-control">@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach<option value='+values_ID+'>'+values_ITEM +'>'+'</option></select></td>';
  html += '<td><input type="text" name="qty['+i+']" id ="qty" class="form-control " value="1"/></td>';
html += '<td input type="text" class="custom-tbl"><select name="ram['+i+']" id ="ram0" class="form-control"><option value="0">None</option>@foreach ($products1 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
//   html += '<td><select name="gen" id ="gen" class="form-control "><option value="">Gen</option><option value="1">10TH_GEN</option><option value="2">11TH_GEN</option><option value="3">12TH_GEN</option> <option value="4">13TH_GEN</option><option value="5">14TH_GEN</option> <option value="6">15TH_GEN</option></select></td>';
  html += '<td input type="text" class="custom-tbl"><select name="generation['+i+']" id ="generation0" class="form-control"><option value="0">None</option>@foreach ($gen as $rows) <option value="{{$rows->id}}">{{$rows->gen}}</option> @endforeach </select></td>';
//   html += '<td><select name="combi" id ="combi" class="form-control"><option value="">Combi</option></select></td>';
  html += '<td input type="text" class="custom-tbl"><select name="combination['+i+']" id ="combination0" class="form-control"><option value="0">None</option>@foreach ($combination as $rows) <option value="{{$rows->id}}">{{$rows->combination}}</option> @endforeach </select></td>';
html += '<td input type="text"class="custom-tbl"><select name="booting_ssd['+i+']" id ="booting_ssd0" class="form-control"><option value="0">None</option>@foreach ($products2 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
//   html += '<td><select name="ahdd" id ="ahdd" class="form-control"><option value="">HDD</option><option value="1">250GB_HDD</option><option value="2">500GB_HDD</option><option value="3">1TB_HDD</option><option value="4">2TB_HDD</option></select></td>';
  html += '<td input type="text"class="custom-tbl"><select name="additional_hdd['+i+']" id ="additional_hdd0" class="form-control"><option value="0">None</option>@foreach ($products3 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
//   html += '<td><select name="skin" id ="skin" class="form-control"><option value="">Skin</option></select></td>';
  html += '<td input type="text" class="custom-tbl"><select name="skin_type['+i+']" id ="skin_type0" class="form-control"><option value="0">None</option>@foreach ($products4 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
 // html +='<td >' + '<input type="text"  class="form-control"  size=35 name="item_type[]" id="item_type0"   value= ' + values_TYPE + '>' + '</td>' 
  //html +='<td>'+'<input type="hidden"name="item_type[]" id="item_type0" value=' + values_TYPE + '>' + '</td>';   
 html +='<input type="hidden"name="item_type['+i+']" id="item_type0" value=' + values_TYPE + '>';   
 html +='<input type="hidden"name="itemserial['+i+']" id="itemserial" value=' + itemserial + '>';
 html +='<input type="hidden"name="Process_Status['+i+']" id="Process_Status" value=' + "process" + '>';
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-sm remove" data-bs-toggle="tooltip" title="Delete Record"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 html += '<td><input type="checkbox" id ="itemchk0" name="itemchk['+i+']"  value="'+i+'" checked onclick="return false"></td></tr>';
 
 //html +='</tr>';
 
  $('#orderTable').append(html);
  i++;

 }else{
  alert("Unprocessing item is not allowed for the type of order!");

 }

       



}else{
 

  var typeid = $("#ptype").val();

  if(typeid==3){
 var order_typeid=$("#ordertype").val();
 if (order_typeid==2){

  var upgrpid=year + month + day+  seconds;
   // $("#groupid").val(upgrpid);
    var html = '';
//<option value='+values_ID+'>'+values_ITEM +'</option>
 
  html += '<tr data-groupid0="'+ figroupid +'">';
  html +='<input type="hidden"name="groupid['+i+']" id="groupid0" class="form-control txtgroupid" value=' + upgrpid + '>';
 html +='<input type="hidden" name=" id['+i+']" id="id0" value="0">';
 html +='<input type="hidden"name="pid['+i+']" id="pid0" value=' + values_ID + '>';
 html +='<input type="hidden"name="serialID['+i+']" id="serialID0" value=' + serialID + '>';

html +='<input type="hidden"name="our_reference['+i+']" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number['+i+']" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date['+i+']" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer['+i+']" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location['+i+']" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime['+i+']" id="takentime0" value=' + takentime + '>';

 // html +='<td style="display:none;>' + '<input type="text"  class="form-control"  size=35 name="id[]" id="id0" readonly="true" value= "0"/></td>';
  //html +='<td >' + '<input type="text"  class="form-control"  size=35 name="pid[]" id="pid0" readonly="true" value= ' + values_ID + '>' + '</td>';
 //html += '<td>' + '<input type="text" name="item[]" id ="item0" class="form-control " readonly="true" value= ' + values_ITEM +'>' +'</td>'
  html += '<td><select name="item['+i+']" id ="item0" class="form-control"><option value='+values_ID+'>'+values_ITEM +'</option>'+'@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach</select></td>';
    // html += '<td>'+'<select name="item[]" id ="item0" class="form-control">@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach<option value='+values_ID+'>'+values_ITEM +'>'+'</option></select></td>';
  html += '<td><input type="text" name="qty['+i+']" id ="qty" class="form-control " value="1" /></td>';
  html += '<td><input type="hidden" name="ram['+i+']" id ="ram0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="generation['+i+']" id ="generation0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="combination['+i+']" id ="combination0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="booting_ssd['+i+']" id ="booting_ssd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="additional_hdd['+i+']" id ="additional_hdd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="skin_type['+i+']" id ="skin_type0" class="form-control " value="0" /></td>';
html +='<input type="hidden"name="item_type['+i+']" id="item_type0" value=' + values_TYPE + '>';   
 html +='<input type="hidden"name="itemserial['+i+']" id="itemserial" value=' + itemserial + '>';
 html +='<input type="hidden"name="Process_Status['+i+']" id="Process_Status" value=' + "Unprocess" + '>';
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-sm remove" data-bs-toggle="tooltip" title="Delete Record"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 html += '<td><input type="checkbox" id ="itemchk0" name="itemchk['+i+']"   value="'+i+'" onclick="return false"></td></tr>';
 
 //html +='</tr>';
 
  $('#orderTable').append(html);
  i++;
  //$("#groupid").val('');


 

} else{
  alert("Unprocessing item is not allowed for the type of order!");
 }

   
  }else{
    var order_typeid=$("#ordertype").val();
 if (order_typeid==1){
  var html = '';
//<option value='+values_ID+'>'+values_ITEM +'</option>
 
  html += '<tr data-groupid0="'+ figroupid +'">';
  html +='<input type="hidden"name="groupid['+i+']" id="groupid0" class="form-control txtgroupid" value=' + figroupid + '>';
 html +='<input type="hidden" name=" id['+i+']" id="id0" value="0">';
 html +='<input type="hidden"name="pid['+i+']" id="pid0" value=' + values_ID + '>';
 html +='<input type="hidden"name="serialID['+i+']" id="serialID0" value=' + serialID + '>';

html +='<input type="hidden"name="our_reference['+i+']" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number['+i+']" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date['+i+']" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer['+i+']" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location['+i+']" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime['+i+']" id="takentime0" value=' + takentime + '>';

 // html +='<td style="display:none;>' + '<input type="text"  class="form-control"  size=35 name="id[]" id="id0" readonly="true" value= "0"/></td>';
  //html +='<td >' + '<input type="text"  class="form-control"  size=35 name="pid[]" id="pid0" readonly="true" value= ' + values_ID + '>' + '</td>';
 //html += '<td>' + '<input type="text" name="item[]" id ="item0" class="form-control " readonly="true" value= ' + values_ITEM +'>' +'</td>'
  html += '<td><select name="item['+i+']" id ="item0" class="form-control"><option value='+values_ID+'>'+values_ITEM +'</option>'+'@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach</select></td>';
    // html += '<td>'+'<select name="item[]" id ="item0" class="form-control">@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach<option value='+values_ID+'>'+values_ITEM +'>'+'</option></select></td>';
  html += '<td><input type="text" name="qty['+i+']" id ="qty" class="form-control " value="1" /></td>';
  html += '<td><input type="hidden" name="ram['+i+']" id ="ram0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="generation['+i+']" id ="generation0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="combination['+i+']" id ="combination0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="booting_ssd['+i+']" id ="booting_ssd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="additional_hdd['+i+']" id ="additional_hdd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="skin_type['+i+']" id ="skin_type0" class="form-control " value="0" /></td>';
html +='<input type="hidden"name="item_type['+i+']" id="item_type0" value=' + values_TYPE + '>';   
 html +='<input type="hidden"name="itemserial['+i+']" id="itemserial" value=' + itemserial + '>';
 html +='<input type="hidden"name="Process_Status['+i+']" id="Process_Status" value=' + "process" + '>';
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-sm remove" data-bs-toggle="tooltip" title="Delete Record"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 html += '<td><input type="checkbox" id ="itemchk0" name="itemchk['+i+']"   value="'+i+'" checked onclick="return false" ></td></tr>';
 
 //html +='</tr>';
 
  $('#orderTable').append(html);
  i++;
  $('#orderTable input[type="checkbox"]').prop('checked', true);

 }else{
  alert("Unprocessing item is not allowed for the type of order!");

 }
    

  }
   


}
//------------------------------------------------------------------------------------
              

             
          });
          
        //  more_loader.hide();      
  }

  
              
          }

        });
  
    }else if ($('input:radio[name=type]:checked').val() == "bulk"){
    
      var order_typeid=$("#ordertype").val();
 if (order_typeid==1){
  var groupid = $('#product').val();
  var grpid=year + month + day+  seconds;
    //  $('#orderTable >tbody >tr').remove();
     
      $('#btn_Create').prop('disabled', false);
      $('#btn_Send').prop('disabled', false);
      $('#btn_Boxes').prop('disabled', false);
     //$("#product").append(more_loader);
     //window.location.reload();
  //    var rowCount = $('#orderTable >tbody >tr').length;
  //     if (rowCount ===0) {
  //       //  $( "#orderTable" ).empty();
  //       //  $('#orderTable').reload();
  //         return;
  //      }
   
   
     $(document).on('click', '.remove1', function(){

      $(this).closest('tr').remove();
   var rowCount = $('#orderTable >tbody >tr').length;
      if (rowCount ===0) {
        //  $( "#orderTable" ).empty();
        //  $('#orderTable').reload();
        $('#btn_Create').prop('disabled', true);
      
      $('#btn_Send').prop('disabled', true);
      $('#btn_Boxes').prop('disabled', true);
        $("#bundle").prop("checked", false);
         // return;
       }


});

      $.ajax({
        
  

        url: "{{ url('orderlist/fetchproductfrombulk/') }}",
      type: "POST",
       dataType: 'json',
    //    url: "{{url('routes/fetchState')}}",
    //    const url = "{{ url('routes/edit-route/{id}') }}"
        // url: '/fetchState/',
      //  url: "{{url('fetchState')}}",
        data: {
          groupid: groupid,
            _token: '{{csrf_token()}}'
        },
       
        success: function (result) {
            if(result != null){
           
              var i = $('#orderTable tr').length;
             $.each(result.serializeditems, function (key, value) {
                
             // var key = index;
           var values_ID=value.id;
          var values_PID=value.pid;
         var values_ITEM=value.item;
         var  values_RAM=value.ram;
         var values_GEN=value.generation;
         var values_COM=value.combination;
         var values_BSSD=value.booting_ssd;
          var values_AHDD=value.additional_hdd;
          var values_SKINTYPE=value.skin_type;
          var values_ITEMTYPE=value.item_type;
          var values_GROUPID=value.groupid;
         
          if(values_ITEMTYPE==1){

var newgrid=grpid;
  $("#groupid").val(newgrid);
}
         
         
        
          
  var figroupid= $("#groupid").val();

          var serialID =$("#refno").val();
          var our_reference =$("#our_reference").val();
var order_number =$("#order_number").val();
var order_date =$("#order_date").val();
var customer =$("#customer").val();
var item_location =$("#item_location").val();
var takentime =$("#takentime").val();
         // console.log("CODE LINE 816",value,values_RAM);
         if (values_ITEMTYPE==1){
          var html = '';
              html += '<tr data-groupid0="'+ figroupid +'">';
              html +='<input type="hidden"name="groupid['+i+']" id="groupid0" class="form-control txtgroupid" value=' + figroupid + '>';
              html +='<input type="hidden" name=" id['+i+']" id="id0" value="0">';
html +='<input type="hidden"name="pid['+i+']" id="pid0" value=' + values_PID + '>';
html +='<input type="hidden" name="serialID['+i+']" id="serialID0" value=' + serialID + '>'; 

html +='<input type="hidden"name="our_reference['+i+']" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number['+i+']" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date['+i+']" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer['+i+']" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location['+i+']" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime['+i+']" id="takentime0" value=' + takentime + '>';

//html +='<td style="display:none;>' + '<input type="text"  class="form-control" size=35 name="id0[]" id="id0" readonly="true" value= ' + values_ID + '>' + '</td>';         
//  html +='<td >' + '<input type="text"  class="form-control"  size=35 name="pid[]" id="pid0" readonly="true" value= ' + values_PID + '>' + '</td>';
html += '<td><select name="item['+i+']" id ="item_'+i+'" class="form-control"><option value="0">None</option>@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach</select></td>';
html += '<td><input type="text" name="qty['+i+']" id ="qty" class="form-control " value="1"/></td>';
//'<option value="'+ key +'">'+ value +'</option>'
//html += '<td input type="text"class="custom-tbl"><select name="ram[]" value ="'+values_RAM+'" id="ram_'+key+'"class="form-control"><option value="0">None</option>@foreach ($products1 as $rows1) <option  value="{{$rows1->id}}">{{$rows1->item}}</option>@endforeach</select></td>';
html += '<td input type="text"class="custom-tbl"><select name="ram['+i+']" id="ram_'+i+'"class="form-control"><option value="0">None</option>@foreach ($products1 as $rows1) <option  value="{{$rows1->id}}">{{$rows1->item}}</option>@endforeach</select></td>';

html += '<td input type="text" class="custom-tbl"><select name="generation['+i+']"  id ="generation_'+i+'" class="form-control"><option value="0">None</option>@foreach ($gen as $rows) <option value="{{$rows->id}}">{{$rows->gen}}</option> @endforeach </select></td>';
html += '<td input type="text" class="custom-tbl"><select name="combination['+i+']" id ="combination_'+i+'" class="form-control"><option value="0">None</option>@foreach ($combination as $rows) <option value="{{$rows->id}}">{{$rows->combination}}</option> @endforeach </select></td>';
html += '<td input type="text"class="custom-tbl"><select name="booting_ssd['+i+']" id ="booting_ssd_'+i+'" class="form-control"><option value="0">None</option>@foreach ($products2 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
html += '<td input type="text"class="custom-tbl"><select name="additional_hdd['+i+']"  id ="additional_hdd_'+i+'" class="form-control"><option value="0">None</option>@foreach ($products3 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
html += '<td input type="text" class="custom-tbl"><select name="skin_type['+i+']" id ="skin_type_'+i+'" class="form-control"><option value="0">None</option>@foreach ($products4 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
// html +='<td>' + '<input type="text"  class="form-control"  size=35 name="item_type[]" id="item_type0"  disabled value= ' + values_ITEMTYPE + '>' + '</td>' ;
html +='<input type="hidden"name="item_type['+i+']" id="item_type0" value=' + values_ITEMTYPE + '>';   
html +='<input type="hidden"name="Process_Status['+i+']" id="Process_Status" value=' + "process" + '>';
html += '<td class="custom-tbl"><button type="button" id ="remove1" name="remove1" class="btn btn-danger btn-sm remove1" data-bs-toggle="tooltip" title="Delete Record"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
html += '<td><input type="checkbox" id ="itemchk0" name="itemchk['+i+']" value="'+i+'" onclick="return false" ></td></tr>';
$('#orderTable').append(html);

$('#item_'+i+' option[value="' + values_PID + '"]').prop('selected', true);
$('#ram_'+i+' option[value="' + values_RAM + '"]').prop('selected', true);
$('#generation_'+i+' option[value="' + values_GEN + '"]').prop('selected', true);
$('#combination_'+i+' option[value="' + values_COM + '"]').prop('selected', true);
$('#booting_ssd_'+i+' option[value="' + values_BSSD + '"]').prop('selected', true);
$('#additional_hdd_'+i+' option[value="' + values_AHDD + '"]').prop('selected', true);
$('#skin_type_'+i+' option[value="' + values_SKINTYPE + '"]').prop('selected', true);
i++;
//  $('#ram0 option[value="'+values_RAM+'"]').attr("selected", "selected");
         
      }else{
          var html = '';
              html += '<tr data-groupid0="'+ figroupid +'">';
              html +='<input type="hidden"name="groupid['+i+']" id="groupid0" class="form-control txtgroupid" value=' + figroupid + '>';
              html +='<input type="hidden" name=" id['+i+']" id="id0" value="0">';
html +='<input type="hidden"name="pid['+i+']" id="pid0" value=' + values_PID + '>';
html +='<input type="hidden" name="serialID['+i+']" id="serialID0" value=' + serialID + '>'; 

html +='<input type="hidden"name="our_reference['+i+']" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number['+i+']" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date['+i+']" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer['+i+']" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location['+i+']" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime['+i+']" id="takentime0" value=' + takentime + '>';

//html +='<td style="display:none;>' + '<input type="text"  class="form-control" size=35 name="id0[]" id="id0" readonly="true" value= ' + values_ID + '>' + '</td>';         
//  html +='<td >' + '<input type="text"  class="form-control"  size=35 name="pid[]" id="pid0" readonly="true" value= ' + values_PID + '>' + '</td>';
html += '<td><select name="item['+i+']" id ="item_'+i+'" class="form-control"><option value="0">None</option>@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach</select></td>';
html += '<td><input type="text" name="qty['+i+']" id ="qty" class="form-control " value="1" /></td>';
html += '<td><input type="hidden" name="ram['+i+']" id ="ram0" class="form-control " value="0" /></td>';
html += '<td><input type="hidden" name="generation['+i+']" id ="generation0" class="form-control " value="0" /></td>';
html += '<td><input type="hidden" name="combination['+i+']" id ="combination0" class="form-control " value="0" /></td>';
html += '<td><input type="hidden" name="booting_ssd['+i+']" id ="booting_ssd0" class="form-control " value="0" /></td>';
html += '<td><input type="hidden" name="additional_hdd['+i+']" id ="additional_hdd0" class="form-control " value="0" /></td>';
html += '<td><input type="hidden" name="skin_type['+i+']" id ="skin_type0" class="form-control " value="0" /></td>';
html +='<input type="hidden"name="item_type['+i+']" id="item_type0" value=' + values_ITEMTYPE + '>';   
html +='<input type="hidden"name="Process_Status['+i+']" id="Process_Status" value=' + "process" + '>';
html += '<td class="custom-tbl"><button type="button" id ="remove1" name="remove1" class="btn btn-danger btn-sm remove1" data-bs-toggle="tooltip" title="Delete Record"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
html += '<td><input type="checkbox" id ="itemchk0" name="itemchk['+i+']" value="'+i+'" onclick="return false" ></td></tr>';
$('#orderTable').append(html);

$('#item_'+i+' option[value="' + values_PID + '"]').prop('selected', true);
//   $('#ram_'+key+' option[value="' + values_RAM + '"]').prop('selected', true);
//   $('#generation_'+key+' option[value="' + values_GEN + '"]').prop('selected', true);
//   $('#combination_'+key+' option[value="' + values_COM + '"]').prop('selected', true);
//   $('#booting_ssd_'+key+' option[value="' + values_BSSD + '"]').prop('selected', true);
//   $('#additional_hdd_'+key+' option[value="' + values_AHDD + '"]').prop('selected', true);
//   $('#skin_type_'+key+' option[value="' + values_SKINTYPE + '"]').prop('selected', true);
//  $('#ram0 option[value="'+values_RAM+'"]').attr("selected", "selected");
i++;
         }
              
});
// $("#quantity").prop('disabled', true);  
// $("#product").focus(); 
// $("#quantity").val()=0;
//more_loader.hide();     
          
}


            
        }

      });



 }else{
  
  alert("Unprocessing item is not allowed for the type of order!");
 }
    
      
  
     
    }
//    -------------------------------------------   
let selectedValue = $(this).val();

// If a valid value is selected, add to table and reset dropdown
if (selectedValue !== "") {
    // Append the selected value to the table
  // let tableRow = '<tr><td>' + selectedValue + '</td></tr>';
  //  $('#selectedRowsTable tbody').append(tableRow);

    // Reset the dropdown for new selection
    $(this).val(""); 
}

 });
});

</script>

<!-- //textbox enter -->

<!-- <script>


$("#itemserialno").keyup(function(e){
    e.preventDefault();
    if(e.which == 13){
        var itemserial=$(this).val();
                if(itemserial == ('')){
                    alert ("Item Serial Number is Missing!");
                    return;
                }

//LENGTH WITH QUANTITY
var serial_length = $("#itemserialno").val();

const serialArray = serial_length.split(",");
var serialcount=serialArray.length;
var qty = $("#quantity").val();
if(qty==serialcount){

}


  	
    }

});	


</script> -->

<!-- ------------------------------- -->

<script>
$("#inline_content input[name='type']").click(function(){
  //  alert('You clicked radio!');
  $("#ptype").html('');
    if($('input:radio[name=type]:checked').val() == "types"){
       // alert($('input:radio[name=type]:checked').val());
        //$('#select-table > .roomNumber').attr('enabled',false);
      
    $('#ptype').append('<option value="0">-- Select Type --</option>','<option value="1">Primary_Item</option>','<option value="2">secondary_Item</option>','<option value="3">Unprocess_Item</option>'); 
   
} else if ($('input:radio[name=type]:checked').val() == "bulk"){
        //alert($('input:radio[name=type]:checked').val());
       
    $('#ptype').append('<option value="0">-- Select Bulk --</option>','<option value="1">Bulk_List</option>');
    }
});

 </script>

<!-- reference number creation----------------------------------------- -->
<!-- <script type="text/javascript">
        function codeAddress() {
           // alert('ok');
           $.ajax({

type:'POST',

 url:"{{ url('bundler/getNextBundleNumber/') }}", //Make sure your URL is correct
dataType: 'text', //Make sure your returning data type dffine as json
//  traditional: true,
async: false,
data: {
           // order_by: orderBy,
         _token: '{{csrf_token()}}'
     // _token: $('meta[name="csrf-token"]').attr('content') 
        },
success:function(data){
  //  console.log(data); //Please share cosnole data
    if(data!= null) //Check the data.msg isset?
    {
        // $("#msg").html(response.msg); //replace html by data.msg
     $('#refno').val(data); //hidden field
    
      //  document.getElementById("display").innerHTML = response; 
    //  $('tbody').html(data);
    }

}
});

// add reference number to database
addMessage();
        }
        window.onload = codeAddress;
        var addMessage = function(){
  
  $.ajax({
     
     //             headers: {
     //     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
     //   },
             //var refno = $("#serialID").val(),
               //     var rtype = 'bundle',
                 type: "POST",
                // url: "save_data.php",
                url:"{{ url('bundler/storebundleReference/') }}",
                //contentType: "application/json; charset=utf-8",
                dataType: "text",
             // traditional: true,
               async: false,
                 data: {
                   
             // _token: $('meta[name="csrf-token"]').attr('content') ,
                     'Refno' : $("#refno").val(),
                     'rtype' : "bdl_ord",
               _token: '{{csrf_token()}}'
               
             },
               
                 success: function (data) {
                  //   alert("This Reference Number has been saved !");

                 },
                 error: function(data){
            // Error...
            var errors = $.parseJSON(data.responseText);

            console.log(errors);

            $.each(errors, function(index, value) {

            });

        }
                 
     
             });
            



  
 
  
}


        </script>  -->



<!-- //----------------------------create bundle------------------------- -->

<script >
$(document).on('click', '#btn_Create', function(event) {
        event.preventDefault();
      //  var selectedVal = $("#combination0 option:selected").text();
       var Customers=$("#customer").val();
       if (!Customers || $.trim(Customers) === "") {
        alert('The Customer is empty or contains only whitespace.');
      return;
      } 
      var Phone =$("#phone").val();
       if (!Phone || $.trim(Phone) === "") {
        alert('The phone number  is empty or contains only whitespace.');
      return;
      } 
      var total=$("#total").val();
        if (!total || total === "0") {
          alert('Total is either empty or zero.');
          return;
      } 
        
        var channels=$("#channels").val();
        if (!channels) {
          alert('Please select a valid channel option.');
          return;
      } 
        
        
        
                var priority=$("#priority").val();
                if (!priority) {
                  alert ("Missing the Priorty!");
                    return;
      } 
                
                var ordernum=$("#order_number").val();
                if (!ordernum || ordernum === "0") {
                  alert ("Missing the OrderNumber!");
                    return;
      } 
               
               

                var ctry=$("#country-dropdown").val();
                
                if (!ctry) {
                  alert ("Missing the Country!");
                    return;
      } 
                
               
                var state=$("#state-dropdown").val();
                if (!state) {
                  alert ("Missing the State!");
                    return;
      } 
               
               
                var city=$("#city-dropdown").val();
                if (!city) {
                  alert ("Missing the city!");
                    return;
      } 
               
    
      const datetimeValue = $("#productiondate").val();
      if (!datetimeValue) {
        alert('Please select a Production date and time.');
        return;
      }    

      const datetimeValue1 = $("#orderdate").val();
      if (!datetimeValue1) {
        alert('Please select a  Order date and time.');
        return;
      }  
        if (confirm('Are you sure?')) {

        /* Act on the event */
        var dateObj = new Date();
      //  var form_data = $(this).serialize();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0");
var seconds = dateObj.getSeconds().toString().padStart(2, "0");

var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
var timeStr= hours + ":"+ minutes +":"+ seconds;
//var montharray = ['Jan', 'Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);
var od = document.getElementById("orderdate").value;
od = od.replace("T", " ");

var pd = document.getElementById("productiondate").value;
pd = pd.replace("T", " ");
$('#order_date').val(od);
var order_type=$("#ordertype option:selected").text();

var rowCount = $('#orderTable >tbody >tr').length;
        if (rowCount ===0) {
            alert("No item was added");
            $('#btn_Create').prop('disabled', true);
         
            return;
         };

      
         if($('#bundle').prop('checked')){
        
    //add single entry--------------- 
    $.ajax({
         
         type: "POST",
       
        url:"{{ url('serailer/storeserializedsingle/') }}",
        //contentType: "application/json; charset=utf-8",
        dataType: "text",
     // traditional: true,
      // async: false,
         data: {
           
     // _token: $('meta[name="csrf-token"]').attr('content') ,
             'serialID' : $("#refno").val(),
             'created_date':dateStr,
            // 'person':"test",
             'approved_by':"Pending",
             'approval_status':0,
             'approved_date':"Pending",
             'description':"Created from Order Preparation",//$("#rtype").val(),
             'order_number' : $("#order_number").val(),
       _token: '{{csrf_token()}}'
       
     },
       
     beforeSend:function(){
    // debugger;
    $('#cardbodyqueue').text('Processing Please wait!...');
     $("#cardbodyqueue").show();
 },
         success: function (data) {
           //  alert("Processing press OK!");



         }

     });

     $.ajax({
    type: "POST",
    url: "{{ url('serailer/storeserializeitemfromordercreationlist1/') }}",
    data: $('#add_item').serialize() + "&_token={{ csrf_token() }}",
    dataType: "json",
  //  async: false,
    success: function(response) {
        alert("Done!");
        $('#btn_Create').prop('disabled', true);
    },
    error: function(data) {
        var errors = $.parseJSON(data.responseText);
        console.log(errors);
        alert(errors);
    }
});
               
   //add orders-------------------------------------------------------------
  
$.ajax({
       // 'our_reference'=> $request->our_reference,
                
                   type: "POST",
                  // url: "save_data.php",
                  url:"{{ url('orderlist/insertordersforpreparation/') }}",
                  //contentType: "application/json; charset=utf-8",
                  dataType: "text",
               // traditional: true,
               //  async: false,
                   data: {
                     
               // _token: $('meta[name="csrf-token"]').attr('content') ,
                       'order_number' : $("#order_number").val(),
                       'our_reference':$("#our_reference").val(),
                       'order_date':od, //dateStr,
                      'Channel':$("#channels").val(),
                       'total_amount':$("#total").val(),
                       'production_date':pd,
                       'priority':$("#priority").val(),
                       'customer':$("#customer").val(),
                      // 'users':"",
                       'order_location':"Preparation",
                      // 'description':$("#rtype").val(),
                        'pushed_time':timeStr, 
                       'description':$("#description").val(),
                       'years':year,
                       'months':month1,
                       'days':day,
                        'boxtype':"0",//$("#box").val(),
                        'groupid':"0",// not in use
                        'order_type':order_type,
                        'serialid' : $("#refno").val(),
                         _token: '{{csrf_token()}}'
                 
               },
                 
                   success: function (data) {
                   
             $.ajax({
    type: "POST",
    url: "{{ url('orderlist/storeOrderdetaillist/') }}",
    data: $('#add_item').serialize() + "&_token={{ csrf_token() }}",
    dataType: "json",
   // async: false,
    success: function(data) {
        addcustomerdetails();
        $('#orderTable > tbody > tr').remove();    
        $('#newordertabel1 > tbody > tr').remove();
    },
    error: function(data) {
        var errors = $.parseJSON(data.responseText);
        console.log(errors);
        $.each(errors, function(index, value) {
            console.log(value);
        });
    }
});
                 
      //-------------------------------------           
                    }


       
               });

            
   
 

}else{

    
    $.ajax({
      //  'our_reference'=> $request->our_reference,
                
                   type: "POST",
                  // url: "save_data.php",
                  url:"{{ url('orderlist/insertordersforpreparation/') }}",
                  //contentType: "application/json; charset=utf-8",
                  dataType: "text",
               // traditional: true,
                // async: false,
                    
                 data: {
                     
                     // _token: $('meta[name="csrf-token"]').attr('content') ,
                             'order_number' : $("#order_number").val(),
                             'our_reference':$("#our_reference").val(),
                             'order_date':od,
                            'Channel':$("#channels").val(),
                             'total_amount':$("#total").val(),
                             'production_date':pd, //dateStr,
                             'priority':$("#priority").val(),
                             'customer':$("#customer").val(),
                            // 'users':"",
                             'order_location':"Preparation",
                            // 'description':$("#rtype").val(),
                              'pushed_time':timeStr, 
                             'description':$("#description").val(),
                             'years':year,
                       'months':month1,
                       'days':day,
                       'boxtype':"0",//$("#box").val(),
                       'groupid':"0",// not in use
                       'order_type':order_type,
                       'serialid' : $("#refno").val(),
                               _token: '{{csrf_token()}}'
                       
                     },
                
                     beforeSend:function(){
    // debugger;
    $('#cardbodyqueue').text('Processing Please wait!...');
     $("#cardbodyqueue").show();
 },
                   success: function (data) {
                    $.ajax({
    type: "POST",
    url: "{{ url('orderlist/storeOrderdetaillist/') }}",
    data: $('#add_item').serialize() + "&_token={{ csrf_token() }}",
    dataType: "json",
  //  async: false,
    success: function(data) {
        addcustomerdetails();
        $('#orderTable > tbody > tr').remove();    
        $('#newordertabel1 > tbody > tr').remove();
    },
    error: function(data) {
        var errors = $.parseJSON(data.responseText);
        console.log(errors);
        $.each(errors, function(index, value) {
            console.log(value);
        });
    }
});



              //--------------------------------------------------------
              
              
              ///   location.reload();
           
           
           
                // tag[0].reset();
                 },
                 error: function(data){
     // Error...
     var errors = $.parseJSON(data.responseText);

     console.log(errors);

     $.each(errors, function(index, value) {

     });

 }

 });
//-------------------
}
}
});

var addpreparedorder = function(){
   // bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/getneworders/') }}" ,
                    type: "POST",
                    data: {
                       
                        order_location:"Preparation",
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    beforeSend:function(){
    // debugger;
    $('#cardbodyqueue').text('Loading...');
     $("#cardbodyqueue").show();
 },


                    success: function (res) {
                      $("#ordertype").prop("disabled", false);
                        $.each(res.orders, function (key, value) {
                            var customer=value.customer;
                            var priority=value.priority;
 var order_number=value.order_number;
 var order_date=value.order_date;
 var production_date=value.production_date;
 var total_amount="$" +value.total_amount;
 var user=value.users;
 
                var html = '';
 html += '<tr>';
 html += '<td id ="customer" name="customer[]">' + customer + '</td>';
 html += '<td id ="ordernumber" name="ordernumber[]">' + order_number + '</td>';
 html += '<td id ="orderdate" name="orderdate[]">' + order_date + '</td>';
 html += '<td id ="productiondate" name="productiondate[]">' + production_date + '</td>';
 html += '<td id ="totalamount" name="totalamount[]">' + total_amount + '</td>';
 html += '<td id ="user" name="user[]">' + user + '</td>';
 if(priority==1){
  html += '<td style="background-color:#FF0000" id ="priority" name="priority[]">' + "High" + '</td>';
 }else if(priority==2){
  html += '<td style="background-color:#FFFF00" id ="priority" name="priority[]">' + "Medium" + '</td>';
 }else if(priority==3){
  html += '<td style="background-color:#008000" id ="priority" name="priority[]">' + "Low" + '</td>';
 }else{
  html += '<td style="background-color:#5DADE2" id ="priority" name="priority[]">' + "Not_Selected" + '</td>';
 }
 
 
 //html += '<td class="custom-tbl"><button type="button" id ="forward" name="forward" class="btn btn-success btn-md forward"><i class="fa fa-fast-forward" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="view" name="view" class="btn btn-info btn-md view"><i class="fa fa-eye" aria-hidden="true"></i></button>  <button type="button" id ="remove1" name="remove1" class="btn btn-danger btn-md remove1"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 
 html += '<td class="custom-tbl"><button type="button" id ="forward" name="forward" class="btn btn-success btn-md forward" data-bs-toggle="tooltip" title="forward Record"><i class="fa fa-fast-forward" aria-hidden="true" aria-hidden="true"></i></button> <button type="button" id ="view" name="view" class="btn btn-info btn-md view" data-bs-toggle="tooltip" title="View Record"><i class="fa fa-eye" aria-hidden="true"></i></button> <button type="button" id ="SendRequest" name="SendRequest" class="btn btn-warning btn-md request" data-bs-toggle="tooltip" title="Send Carrier cost Request"><i class="fa fa-paper-plane" aria-hidden="true"></i></button> <button type="button" id ="remove1" name="remove1" class="btn btn-danger btn-md remove1" data-bs-toggle="tooltip" title="Delete Record"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 //html += '<td><button type="button" id ="add" name="add" class="btn btn-success btn-md add"><i class="fa fa-plus-circle" aria-hidden="true"></i></button> <button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
//   html += '<td>'+'< input type="text" name="customer[]" id ="customer0" value= ' + customer +'>'+'</td>';
//  html += '<td >'+'< type="text" name="ordernumber[]" id ="ordernumber0" value= ' + order_number +'>' +'</td>';
//   html += '<td>'+'< type="text" name="orderdate[]" id ="orderdate0" value= ' + order_date +'>' +'</td>';
//    html += '<td>'+'<name="productiondate[]" id ="productiondate0" value= ' + production_date +'>' +'</td>';
//     html += '<td>'+'<name="totalprice[]" id ="totalprice0"  value= ' + total_amount +'>' +'</td>';
//      html += '<td>'+'<name="employee[]" id ="employee0" value= ' + user +'>' +'</td>';
   
html +='</tr>';
  $('#newordertabel1').append(html);
                           
});  

$('#cardbodyqueue').text('');   
         
}            
                        });


}

var addcustomerdetails = function(){

   var customerid=$("#customerid").val();
    var Customer_name=$("#customer").val();
    var email =$("#email_address").val();
    var mobile_number=$("#phone").val();
    var fixed_number=$("#phone").val();
    var street=$("#Street").val();
    var room_suite_floor=$("#apt_floor").val();
    var city=$("#city-dropdown").val();
    var state=$("#state-dropdown").val();
    var postalcode=$("#postal_code").val();
    var country=$("#country-dropdown").val();
    var customer_type="1";
    //var status
    var descriptions="From Order Panel";
  
  
  
  $.ajax({
                    url: "{{ url('customerlist/storecustomerdetails/') }}" ,
                    type: "POST",
                    data: {
'id':customerid,            
'Customer_name':Customer_name,
'email':email,
'mobile_number':mobile_number,
'fixed_number':fixed_number,
'street':street,
'room_suite_floor':room_suite_floor,
'city':city,
'state':state,
'postalcode':postalcode,
'country':country,
'customer_type':customer_type,
'descriptions':descriptions,               
 _token: '{{csrf_token()}}'

                    },

                    dataType: 'text',
                    success: function (res) {
                       
//                         $.each(res.orders, function (key, value) {
                            
                           
// });    
toastr.success("Details updated!!");
$('#cardbodyqueue').text('');    
    location.reload();
}            
                        });

  
}
var emptyfields = function(){
 $("#customerid").val('0');
   $("#customer").val('');
  $("#email_address").val('');
  $("#phone").val('');
   $("#phone").val('');
   $("#Street").val('');
   $("#apt_floor").val('');
   $('#country-dropdown option[value="'+0+'"]').prop("selected", "selected"); //passing the country only
   $('#state-dropdown option[value="'+0+'"]').prop("selected", "selected"); //passing the country only
   $('#city-dropdown option[value="'+0+'"]').prop("selected", "selected"); //passing the country only
   
  $("#postal_code").val('');
  $("#refno").val('');
  $("#order_number").val('0');
  $('#channels option[value="'+0+'"]').prop("selected", "selected"); //passing the country only
  $("#total").val('');
  $('#priority option[value="'+0+'"]').prop("selected", "selected"); //passing the country only
  $('#order_date').val('');
  $('#productiondate').val('');
  //   OrderDate
// order_number
// channels
// total
// productiondate
// priority
    // var customer_type="1";
    // //var status
    // var descriptions="From Order Panel";
  
}
 </script>

<script type="text/javascript">
     $('#customer').keyup(function(){
      $('#customerid').val('0');

      $("#city-dropdown").html('');
      $("#state-dropdown").html('');
              
              
             //  $('#country-dropdown').html();


    var autocompletePartPath = "{{url('customerlist/searchcustomer/')}}";
    $('#customer').typeahead( {
        source:  function (terms, process) {
            return $.get(autocompletePartPath, { terms: terms }, function (data) {

                return process(data);
            });
        },
        displayText: function (item) {
          //  return `${item.id} - ${item.Customer_name} ${item.mobile_number}`;
            return `${item.Customer_name} `;
        },
        afterSelect: function (item) {
            $('#customer').val(item.Customer_name);
            var name = item.Customer_name;
            // call the  ajax list
            $.ajax({
                    
                 
                    url: "{{ url('customerlist/fetchCustomerlist/') }}",
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        Customer_name: name,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                       if(result != null){
                        
                        $.each(result, function (key, value) {



                            var email=result.email;
                            $('#customerid').val(value.id);
                            $('#email_address').val(value.email);
               $('#phone').val(value.mobile_number);
               $('#Street').val(value.street);
               $('#apt_floor').val(value.room_suite_floor);
          
              // $("#country-dropdown").append('<option value="' + value.county + '">' + value.name1 + '</option>');
               $("#city-dropdown").append('<option value="' + value.city + '">' + value.name2 + '</option>');
               $("#state-dropdown").append('<option value="' + value.state + '">' + value.name3 + '</option>');
              
              
               $('#country-dropdown option[value="'+value.country+'"]').prop("selected", "selected"); //passing the country only
             
           // $('#city-dropdown option[value="'+value.city+'"]').prop("selected", "selected");
            
           //$('#state-dropdown option[value="'+value.state+'"]').prop("selected", "selected");
           
              $('#postal_code').val(value.postalcode);

          //  document.getElementById("email_address").value = em;
         //   document.getElementsByName('email_address')[0].value = em;
        // document.getElementById("email_address").setAttribute('value', email);

                        });
                  
           }

            

                        
                    }
                });

            
          //  alert(item.Customer_name);
        },
        fitToElement: true
    });
});


</script>

<!-- <script >

    $(document).on('click', '#btn_New', function(event) {
        event.preventDefault();
        /* Act on the event */
        var serialno=$("#refno").val();
                if(serialno == ('')){
                  
                
        var dateObj = new Date();
  //  var form_data = $(this).serialize();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0");
var seconds = dateObj.getSeconds().toString().padStart(2, "0");


var Our_reference = "HTB:000" + year + month + day +hours + minutes + seconds;
var timeStr = hours + ":"+ minutes +":"+ seconds;
        var itemloc="Preparation"
        
        
        $.ajax({

            type:'POST',
         
             url:"{{ url('bundler/getNextBundleNumber/') }}", //Make sure your URL is correct
            dataType: 'text', //Make sure your returning data type dffine as json
         //  traditional: true,
            async: false,
            data: {
                       // order_by: orderBy,
                     _token: '{{csrf_token()}}'
                 // _token: $('meta[name="csrf-token"]').attr('content') 
                    },
            success:function(data){
              //  console.log(data); //Please share cosnole data
                if(data!= null) //Check the data.msg isset?
                {
                    // $("#msg").html(response.msg); //replace html by data.msg
                 $('#refno').val(data);
                 $('#our_reference').val(Our_reference);
                 $('#takentime').val(timeStr);
                 $('#item_location').val(itemloc);
                  //  document.getElementById("display").innerHTML = response; 
                //  $('tbody').html(data);
                }

            }
        });

        addMessage();
      }else{
                alert ("Serial Number already created,empty!");
                    return;

                }
    });

    var addMessage = function(){
  
        $.ajax({
           
           //             headers: {
           //     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
           //   },
                   //var refno = $("#serialID").val(),
                     //     var rtype = 'bundle',
                       type: "POST",
                      // url: "save_data.php",
                      url:"{{ url('bundler/storebundleReference/') }}",
                      //contentType: "application/json; charset=utf-8",
                      dataType: "text",
                   // traditional: true,
                     async: false,
                       data: {
                         
                   // _token: $('meta[name="csrf-token"]').attr('content') ,
                           'Refno' : $("#refno").val(),
                           'rtype' : "bdl_ord",
                     _token: '{{csrf_token()}}'
                     
                   },
                     
                       success: function (data) {
                         //  alert("Create your Order!");
                           toastr.info("Hi,You can create your Order!!");
                           
                       }
           
                   });
                  
//addStates();
//addcitites();

 
        
       
        
    }
    var addStates = function(){
    $("#state-dropdown").html('');
                $.ajax({
                    
                 
                    url: "{{ url('geo/getState/') }}" ,
                  type: "GET",
                   dataType: 'json',
                
                   data: {
                      // country_id: idCountry,
                    //   _token: '{{csrf_token()}}'
                   },
                   
                    success: function (result) {
                        $('#state-dropdown').html('<option value="0">-- Select State --</option>');
                        $.each(result.states, function (key, value) {
                            $("#state-dropdown").append('<option value="' + value
                                .id + '">' + value.name + '</option>');
                            
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                        $('#city-dropdown').html('<option value="0">-- Select City --</option>');
                    }
                });


}
var addcitites = function(){
    $("#city-dropdown").html('');
                $.ajax({
                    url: "{{ url('geo/getcity/') }}" ,
                    type: "GET",
                    data: {
                      //  state_id: idState,
                       // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                        $('#city-dropdown').html('<option value="0">-- Select City --</option>');
                        $.each(res.cities, function (key, value) {
                            $("#city-dropdown").append('<option value="' + value
                                .id + '">' + value.name + '</option>');
                        });
                    }
                });


}




 </script> -->

 <!-- <script>
    $(document).ready(function() {
        // Call the function when the page loads
        initializeForm();
    });

    function initializeForm() {
        var serialno = $("#refno").val();

        if (serialno == '') {
            var dateObj = new Date();
            var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");
            var day = dateObj.getDate().toString().padStart(2, "0");
            var year = dateObj.getFullYear().toString().padStart(4, "0");
            var hours = dateObj.getHours().toString().padStart(2, "0");
            var minutes = dateObj.getMinutes().toString().padStart(2, "0");
            var seconds = dateObj.getSeconds().toString().padStart(2, "0");

            var Our_reference = "HTB:000" + year + month + day + hours + minutes + seconds;
            var timeStr = hours + ":" + minutes + ":" + seconds;
            var itemloc = "Preparation";

            $.ajax({
                type: 'POST',
                url: "{{ url('bundler/getNextBundleNumber/') }}",
                dataType: 'text',
                async: false,
                data: {
                    _token: '{{csrf_token()}}'
                },
                success: function(data) {
                    if (data != null) {
                        $('#refno').val(data);
                        $('#our_reference').val(Our_reference);
                        $('#takentime').val(timeStr);
                        $('#item_location').val(itemloc);
                    }
                }
            });

            addMessage();
          //  addStates();
           // addCities();
        } else {
            alert("Serial Number already created, empty!");
            return;
        }
    }

    function addMessage() {
        $.ajax({
            type: "POST",
            url: "{{ url('bundler/storebundleReference/') }}",
            dataType: "text",
            async: false,
            data: {
                'Refno': $("#refno").val(),
                'rtype': "bdl_ord",
                _token: '{{csrf_token()}}'
            },
            success: function(data) {
                toastr.info("Hi, You can create your Order!!");
            }
        });
    }

    function addStates() {
        $("#state-dropdown").html('');
        $.ajax({
            url: "{{ url('geo/getState/') }}",
            type: "GET",
            dataType: 'json',
            success: function(result) {
                $('#state-dropdown').html('<option value="0">-- Select State --</option>');
                $.each(result.states, function(key, value) {
                    $("#state-dropdown").append('<option value="' + value.id + '">' + value.name + '</option>');
                });
                $('#city-dropdown').html('<option value="0">-- Select City --</option>');
            }
        });
    }

    function addCities() {
        $("#city-dropdown").html('');
        $.ajax({
            url: "{{ url('geo/getcity/') }}",
            type: "GET",
            dataType: 'json',
            success: function(res) {
                $('#city-dropdown').html('<option value="0">-- Select City --</option>');
                $.each(res.cities, function(key, value) {
                    $("#city-dropdown").append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });
    }
</script> -->



 <!-- DECIMAL POINTS CONVERTION -->
 <script>
 document.getElementById('total').addEventListener('input', function(){
  if(this.value.length > 2){
    var val = this.value.replace(/[^\d]/, '');
    val = val.substr(0, val.length-2)+"."+val.substr(-2);
    this.value = val;
  }
});

</script>

 <!-- --------------------- -->
 <script>
   $(document).ready(function(){
   // $(document).on('click', '.forward', function(){
 
//     $.ajaxSetup({
//     headers: {
//         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//     }
// });
   
   
    $('#newordertabel1').on('click', '.forward', function(){
       // alert("done");
   // method 1
// const order_number =$(this).parent().parent().find(".ordernumber").val();
if (confirm('Are you sure?')) {

var row = $(this).closest('tr');
var ornum = $(row).find('td').eq(1).html();


const order_number=ornum;
const order_location ="pickup";

  
// const useritems={
//     "order_number":order_number, 
//     "order_location":order_location
  
//  //   
// };


$.ajax({
   
    type: 'POST',

url:"{{ url('orderlist/updateProductionstatusdetail/')}}",
//type:'POST',
//dataType: "text",
//dataType: 'json',
  
// contentType:false,
// processDate:false,
  
 //data: JSON.stringify(useritems),
// _token: '{{csrf_token()}}',

  data: {

        order_number:order_number, 
        order_location:order_location,
             
  _token: '{{csrf_token()}}'  

                         },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },
success:function(data){
  //  toastr["success"](data, "Success");
  // alert("DONE!");
   toastr.success("Done!");
   $('#newordertabel1 >tbody >tr').remove();
   addpreparedorder();
//    debugger;
//$("#trloader").remove();
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
}

});

}
});





   });


</script>

<script>
      
      $(document).ready(function() {
    $("#btn_forwardall").on("click", function() {
       // alert("Button clicked!");
          if ($("#newordertabel1 tbody tr").length === 0) {
        alert("The table is empty!");
        return;  // Exit the function early
    }
          var tableData = [];
          $("#newordertabel1 tbody tr").each(function() {
    var row = $(this);
    var order_number = row.find("#ordernumber").text();
    var order_location ="pickup";
    tableData.push({
      order_number: order_number,
      order_location: order_location
            });
});
                // $("#newordertabel1 tbody tr").each(function() {
                //     var row = $(this);
                    
                //     var rowData = {
                //        'orderNumber':row.find("#ordernumber").text();
                //        'order_location' :"pickup",      
                      

                //     };
                //     tableData.push(rowData);
                // });

                // AJAX request to send data to the server
                $.ajax({
                    url: "{{ url('orderlist/updateRows') }}",  // Change to your Laravel route
                  
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        rows: tableData
                    },
                    success: function(response) {
                        alert("Rows updated successfully!");
                        console.log(response);
                        // Empty the table after successful update
                   $("#newordertabel1 tbody").empty();  // This will remove all rows from the table
                    },
                    error: function(xhr, status, error) {
                        alert("Error updating rows.");
                        console.error(error);
                    }
                });

    });
});
      
</script>






<script>
    $(document).ready(function(){
//remove the entry
$('#newordertabel1').on('click', '.remove1', function(){
       // alert("done");
   // method 1
// const order_number =$(this).parent().parent().find(".ordernumber").val();
// $.ajaxSetup({
//                     headers: {
//                         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//                     }
//                 })

if (confirm('Are you sure?')) {
var row = $(this).closest('tr');
var ornum = $(row).find('td').eq(1).html();
const order_number=ornum;


$.ajax({
   
    type: 'DELETE',

url:"{{ url('orderlist/deleteorders/')}}", 
//type:'POST',
//dataType: "text",
//dataType: 'json',
  
// contentType:false,
// processDate:false,
  
 //data: JSON.stringify(useritems),
// _token: '{{csrf_token()}}',

  data: {
     
        order_number:order_number,
       // _method:"delete",
       // order_location:order_location,
      
      _token: '{{csrf_token()}}'  

                         },

   beforeSend:function(){
    // debugger;
// $("#trloader").show();
$('#cardorderlist').text('Deleting...');
 },
success:function(data){
  //  toastr["success"](data, "Success");
  // alert("DONE!");
  toastr.success("Successfully Deleted!");
  $('#cardorderlist').text('');
   $('#newordertabel1 >tbody >tr').remove();
  addpreparedorder();
//    debugger;
//$("#trloader").remove();
},
error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
  $('#cardorderlist').text('');
}

});

}

});



    });
</script>

<script>
    $(document).ready(function(){
//remove the entry
$('#newordertabel1').on('click', '.view', function(){
     
    if (confirm('Are you sure?')) {

  

    var row = $(this).closest('tr');
var ornum = $(row).find('td').eq(1).html();
const order_number=ornum;
//var orn = [];

$.ajax({
   url:"{{url('orderlist/viewpage/')}}",
 type: 'POST',
 //async: false,
 data: {
    order_number:order_number,
           _token: '{{csrf_token()}}'   },
dataType: 'json',

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },




success:function(res){
   if(res!= null) //Check the data.msg isset?
     
 {
    // var orn = res.order_number;
    // window.location.href ="{{route('orderlist.editorders')}}?order_number={{ '"+orn"'}}";
     $.each(res.orders, function (key, value) {
        var orn = value.order_number;
window.location.href ="{{route('orderlist.editorders')}}?order_number="+orn;
//window.location.href ="{{route('orderlist.editorders')}}?order_number={{'1233434'}}";
// window.location.href = "https://my_website/index.php?category=fast%20food&gps_geo_latitude="  + position.coords.latitude + "&gps_geo_longitude=" + position.coords.longitude;


});
                

                   // toastr.success("DONE");
 
                
              
              }
// console.log(result);
// alert("DONE");
 

},

error:function (xhr, ajaxOptions, thrownError){
    // if(xhr.status==404) {
    //     alert(thrownError);
    // }
   // alert(thrownError);
//  toastr["error"](thrownError, "Error");
  toastr.error(thrownError);
}

});

}
});



    });
</script>
<script>
function ODhandler(e) {
       // alert(e.target.value);
var od = e.target.value;
od = od.replace("T", " ");
$('#order_date').val(od);
//alert(od)


    }
</script>
<script>
function PDhandler(e) {
      //  alert(e.target.value);
        var pd = e.target.value;
pd = pd.replace("T", " ");
$('#production_date').val(pd);
//alert(pd);
    }
</script>

<!-- load modal dropdown list -->

<script>
        $(document).on('click', '#btn_Boxes', function(event) {
        event.preventDefault();
  
          
           
                $("#modalweight").html('');
                $.ajax({
                    
                 
                    url: "{{ url('backend/fetchboxes/') }}" ,
                  type: "GET",
                   dataType: 'json',
                
                    // data: {
                    //    country_id: idCountry,
                    //     _token: '{{csrf_token()}}'
                    // },
                   
                    success: function (result) {
                           $('#boxitems').modal('show');
                        $('#boxname').html('<option value="0">-- Select Box --</option>');
                        $.each(result.boxes, function (key, value) {
                            $("#boxname").append('<option value="' + value
                                .id + '">' + value.name + '</option>');
                             
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                       
                    }
                });
            });
  
            
  
    
    </script>
    <script>
        $(document).ready(function () {
  
            $('#boxname').on('change', function () {
                var id = this.value;
               
                $.ajax({
                    
                 
                    url: "{{ url('backend/fetchboxesbyid/') }}" ,
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                        id: id,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                       
                        $.each(result.boxes, function (key, value) {
                          var descriptions=value.descriptions;
                          var packaging_code=value.packaging_code;
                          var packaging_description=value.packaging_description;
                          var dimension_unit=value.dimension_unit;
                          var length=value.length;
                          var width=value.width;
                          var height=value.height;
                          var weight_unit=value.weight_unit;
                          var weight=value.weight;
                          var carrier=value.carrier;
                          var servicecode=value.servicecode;
                          var servicedesc=value.servicedesc;
                          var size=value.size;
                          $('#modaldescription').val(descriptions);
                          $('#modalpc').val(packaging_code);
                          $('#modalpd').val(packaging_description);
                          $('#modaldu').val(dimension_unit);
                          $('#modallength').val(length);
                          $('#modalwidth').val(width);
                          $('#modalheight').val(height);
                          $('#modalweight_unit').val(weight_unit);
                          $('#modalweight').val(weight);
                          $('#modalservicecode').val(servicecode);
                          $('#servicedesc').val(servicedesc);
                          $('#modalServiceprovider').val(carrier);
                          
                       $('#modalsize').val(size);
                  
                        });



                  
                    }
                });
            });
  
       
  
        });
    </script>

    <script>
  $(document).on('click', '#btn_addbox', function(event) {

    var dateObj = new Date();
      //  var form_data = $(this).serialize();
var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
var day = dateObj.getDate().toString().padStart(2, "0");
var year = dateObj.getFullYear().toString().padStart(4, "0");
var hours = dateObj.getHours().toString().padStart(2, "0");
var minutes = dateObj.getMinutes().toString().padStart(2, "0");
var seconds = dateObj.getSeconds().toString().padStart(2, "0");

var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
var timeStr= hours + ":"+ minutes +":"+ seconds;


var od = document.getElementById("orderdate").value;
od = od.replace("T", " ");

var pd = document.getElementById("productiondate").value;
pd = pd.replace("T", " ");
//$user = Auth::user();
var boxid =$('#boxname').val();
  var order_date =dateStr;
  var updated_date =dateStr;
  var name = $("#boxname option:selected").text();
  var size = $('#modalsize').val();
 var order_number = $('#order_number').val();
  var customer = $('#customer').val();
  var addr1=$("#apt_floor").val();
  var addr2=$("#Street").val();
  var addr3=$("#city-dropdown option:selected").text();
  var addr4=$("#state-dropdown option:selected").text();
  const selectedText = $("#country-dropdown option:selected").text();
  const cleanedText = selectedText.replace(/\n/g, '').trim();
  var addr5=cleanedText;
  var addr6=$("#postal_code").val();
 var address =addr1 + "," + addr2 + "," + addr3 + "," + addr4 + "," + addr5 + "," + addr6;
  var description=$('#modaldescription').val()
 var packaging_code = $('#modalpc').val();
  var packaging_description = $('#modalpd').val();
  var dimension_unit = $('#modaldu').val();
  var length = $('#modallength').val();
  var width = $('#modalwidth').val();
  var height = $('#modalheight').val();
  var weight_unit = $('#modalweight_unit').val();
  var weight = $('#modalweight').val();
  var carrier = $('#modalServiceprovider').val();
 
  var servicecode = $('#modalservicecode').val();
  var servicedesc = $('#servicedesc').val();
  
 
 
  //var employee =$user->first_name;
  
   
    $(document).on('click', '.remove', function(){
     $(this).closest('tr').remove();
    });

    if(weight == ('')){
toastr.error('Weight is missing');
return;
    }
  
    if(name == ('')){

        toastr.error('Box name  is missing');



} else{
var html = '';
 html += '<tr>';
 html += '<td  style="display:none; type="text" id ="boxid" name="boxid[]">' + boxid + '</td>';
 html += '<td style="display:none; type="text" id ="order_date" name="order_date[]">' + order_date + '</td>';
 html += '<td style="display:none; type="text" id ="updated_date" name="updated_date[]">' + updated_date + '</td>';
 html += '<td type="text"  id ="bname" bname="name[]" >' + name + '</td>';
 html += '<td type="text"  id ="bsize" name="bsize[]" >' + size + '</td>';
 html += '<td type="text"  id ="bweight" name="bweight[]">' + weight + '</td>';
 html += '<td style="display:none; type="text" id ="order_number" name="order_number[]">' + order_number + '</td>';
 html += '<td style="display:none; type="text" id ="customer" name="customer[]">' + customer + '</td>';
 html += '<td style="display:none; type="text" id ="address" name="address[]">' + address + '</td>';
 
 html += '<td style="display:none; type="text" id ="description" name="description[]">' + description + '</td>';
 html += '<td style="display:none; type="text" id ="packaging_code" name="packaging_code[]">' + packaging_code + '</td>';
 html += '<td style="display:none; type="text" id ="packaging_description" name="packaging_description[]">' + packaging_description + '</td>';
 html += '<td style="display:none; type="text" id ="dimension_unit" name="dimension_unit[]">' + dimension_unit + '</td>';
 html += '<td style="display:none; type="text" id ="length" name="length[]">' + length + '</td>';
 html += '<td style="display:none; type="text" id ="width" name="width[]">' + width + '</td>';
 html += '<td style="display:none; type="text" id ="height" name="height[]">' + height + '</td>';
 html += '<td style="display:none; type="text" id ="weight_unit" name="weight_unit[]">' + weight_unit + '</td>';
 html += '<td style="display:none; type="text" id ="carrier" name="carrier[]">' + carrier + '</td>';
 html += '<td style="display:none; type="text" id ="servicecode" name="servicecode[]">' + servicecode + '</td>';
 html += '<td style="display:none; type="text" id ="servicedesc" name="servicedesc[]">' + servicedesc + '</td>';

 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-md remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';

html +='</tr>';
  $('#boxtable').append(html);

}


  });

    </script>

    <script>
  $(document).on('click', '#btnsave', function(event) {
   
    var Custname =$('#customer').val();
    if(Custname==''){
      alert("Customer is missing")
      return;
    }

    var Orno =$('#order_number').val();
    if(Orno=='0'){
      alert("Order Number is missing")
      return;
    }
    if(Orno==''){
      alert("Order Number is missing")
      return;
    }
    var Country =$("#country-dropdown option:selected").val();
    
    if(Country==0){
      alert("Country is missing")
      return;
    }
   
    let convertedIntoArray = [];
           $("table#boxtable tr").each(function() {
               let rowDataArray = [];
               let actualData = $(this).find('td');
               if (actualData.length > 0) {
                   actualData.each(function() {
                       rowDataArray.push($(this).text());
                       
                    });
                   convertedIntoArray.push(rowDataArray);

               }
           });
   
        //   console.log(convertedIntoArray);
    $.ajax({
                    
          
            
                    type: "POST",
               
                   url:"{{ url('Orderbox/storearrayboxes/')}}",
                   //contentType: "application/json; charset=utf-8",
                  // data: $('#boxitemsave').serialize(),

                 // data: $('#add_item').serialize(),
                // data:convertedIntoArray,
                 data:{'table':convertedIntoArray,
                  
                    _token: '{{csrf_token()}}'
               },

             // _token: '{{csrf_token()}}',
                   dataType: "json",
                // traditional: true,
                  async: false,
            
                    success: function (response) {
                    alert("Done!");
                    //location.reload();
                 // tag[0].reset();
              //  toastr.success("Done!");
              $('#boxtable >tbody >tr').remove();
              $('#boxitems').modal('hide');
              //   $('#btn_Create').prop('disabled', true);




                     },
                     error: function(data){
         // Error...
         var errors = $.parseJSON(data.responseText);

         console.log(errors);
         alert(errors);
      //   $('#boxtable >tbody >tr').remove();
         $.each(errors, function(index, value) {

         });

     }


                });



  });
    </script>
<script> 
   $(document).on('click', '#cancel', function(event) {
    $('#boxitems').modal('hide');
   });
  </script>
    <!-- channel request -->
    <script>
   $(document).ready(function(){
  
   
    $('#newordertabel1').on('click', '.request', function(){
       // alert("done");
   // method 1
// const order_number =$(this).parent().parent().find(".ordernumber").val();
//if (confirm('Are you sure? do  you  want to  send shipping cost request!')) {
 
  $("#customernam").html('');
  $("#ordernumberr").html('');
  var row = $(this).closest('tr');
  var ornum = $(row).find('td').eq(1).html();
var customer1 = $(row).find('td').eq(0).html();
$("#customernam").val(customer1);
$("#ordernumberr").val(ornum);
                $.ajax({
                    
                 
                    url: "{{ url('companylist/fetchCompanies/') }}" ,
                  type: "GET",
                   dataType: 'json',
                
                    // data: {
                    //    country_id: idCountry,
                    //     _token: '{{csrf_token()}}'
                    // },
                   
                    success: function (result) {
                           $('#getratemod').modal('show');
                        $('#shippingfrom').html('<option value="0">-- Select shipping Location --</option>');
                        $.each(result.company, function (key, value) {
                            $("#shippingfrom").append('<option value="' + value
                                .id + '">' + value.name + '</option>');
                             
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });
                        bindcarriers();


                       
                    }
                });

//}

  
});
   
});
var bindcarriers = function(){

  $.ajax({
                    
                 
                    url: "{{ url('shipperlist/shippersListforrequest/') }}" ,
                  type: "GET",
                   dataType: 'json',
                
                    // data: {
                    //    country_id: idCountry,
                    //     _token: '{{csrf_token()}}'
                    // },
                   
                    success: function (result) {
                          // $('#getratemod').modal('show');
                        $('#carrier').html('<option value="0">-- Select Carrier --</option>');
                        $.each(result, function (key, value) {
                            $("#carrier").append('<option value="' + value
                                .id + '">' + value.shipper + '</option>');
                             
                            // $("#state-dropdown").append('<option value=' + key + '>' + value + '</option>');
                        });



                       
                    }
                });



}

    </script>
    <!-- pagination
<script>


</script> -->
<!-- <script>
    $(document).ready(function() {
      $('#newordertabel1').DataTable();
    });


  </script> -->



 <!-- <script>
$(document).ready(function () {
      $('#newordertabel1').DataTable();
      stateSave: true,
  "dom":'<"top"f>rt<"bottom"p><"clear">', 
  "lengthChange": true, 
  "pageLength":10, 
  "order": [[1, "desc"]]
    });
</script> -->



<!-- <script>
  $(document).on('change', '#orderTable select', function () {
    // Find all checkboxes in the table and check them
    $('#orderTable input[type="checkbox"]').prop('checked', true);

  });
</script> -->

<script>
  $(document).on('change', '#orderTable select', function () {
      let selectedRow = $(this).closest('tr'); 
      let selectedGroupId = selectedRow.data('groupid0'); // Assuming 'groupid' is stored as a data attribute

      // Find and check checkboxes in rows that have the same groupid
      $('#orderTable tr').each(function () {
          if ($(this).data('groupid0') === selectedGroupId) {
              $(this).find('input[type="checkbox"]').prop('checked', true);
          }
      });
  });
</script>


<script>
  document.getElementById('boxitems').addEventListener('hidden.bs.modal', function () {
    const form = document.querySelector('.add_item');
    if (form) {
        form.reset(); // Resets all input fields to their initial state
    }
});
  </script>

 <script> 
$(document).ready(function () {
    $('#order_number').on('blur', function () {
        const inputValue = $(this).val(); // Get the value of the input
        var order_number = this.value;
        $.ajax({
                    
                 
                    url: "{{ url('orderlist/checkOrderNumber/') }}" ,
                  type: "GET",
                   dataType: 'json',
               
                    data: {
                        order_number: order_number,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (response) {
    if (response.exists) { 
        alert("The Order Number Already Exists. Try a Different One.");
        $('#order_number').val('0').focus();
    } else {
      // alert(response.message || "The Order Number is available.");
        // Continue with the rest of your logic
        initializeForm();
    }
}

});

    
      });
});

// create serial number-------------------------------------------------------

function initializeForm() {
        var serialno = $("#refno").val();

        if (serialno == '') {
            var dateObj = new Date();
            var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");
            var day = dateObj.getDate().toString().padStart(2, "0");
            var year = dateObj.getFullYear().toString().padStart(4, "0");
            var hours = dateObj.getHours().toString().padStart(2, "0");
            var minutes = dateObj.getMinutes().toString().padStart(2, "0");
            var seconds = dateObj.getSeconds().toString().padStart(2, "0");

            var Our_reference = "HTB:000" + year + month + day + hours + minutes + seconds;
            var timeStr = hours + ":" + minutes + ":" + seconds;
            var itemloc = "Preparation";

            $.ajax({
                type: 'POST',
                url: "{{ url('bundler/getNextBundleNumber/') }}",
                dataType: 'text',
                async: false,
                data: {
                    _token: '{{csrf_token()}}'
                },
                success: function(data) {
                    if (data != null) {
                        $('#refno').val(data);
                        $('#our_reference').val(Our_reference);
                        $('#takentime').val(timeStr);
                        $('#item_location').val(itemloc);
                    }
                }
            });

            addMessage();
        
        } else {
           // alert("Serial Number already created!");
            return;
        }
    }

    function addMessage() {
        $.ajax({
            type: "POST",
            url: "{{ url('bundler/storebundleReference/') }}",
            dataType: "text",
            async: false,
            data: {
                'Refno': $("#refno").val(),
                'rtype': "bdl_ord",
                _token: '{{csrf_token()}}'
            },
            success: function(data) {
                toastr.info("Hi, You can create your Order!!");
            }
        });
    }





</script>
<!-- working code for search in to  the dropdownlist -->
<script>
  $(document).ready(function () {
      $('#dropdownSearch').on('keyup', function () {
          const searchTerm = $(this).val().toLowerCase();

          $('#product option').each(function () {
              const text = $(this).text().toLowerCase();
              $(this).toggle(text.indexOf(searchTerm) > -1);
          });
      });
  });
</script>

<!-- <script>
    $(document).ready(function () {
        $('#product').select2({
            placeholder: 'Search or select an option',
            allowClear: true
        });
    });
</script> -->

<script> 
   $(document).on('click', '#btncancellation', function(event) {
    $('#getratemod').modal('hide');
   });
  </script>


<script> 
   $(document).on('click', '#btncarrierrequest', function(event) {

    // var companies=$("#shippingfrom").val();
    //             if (companies=='0') {
    //               alert ("Missing the Shipping Location!");
    //                 return;
    //   } 
               
    //   var carriers=$("#carrier").val();
    //             if (carriers=='0') {
    //               alert ("Missing the Shipper Details!");
    //                 return;
    //   } 
               


    if (confirm('Are you sure? do  you  want to  send shipping cost request!')) {

  //============================================
  var companyId = '1'; // Example: Replace with actual companyId
      var customerName = 'Heather Buis'; // Example: Replace with actual customerName
      var orderNumber = '1111'; // Example: Replace with actual orderNumber

      // Generate the URL using Laravel's route() helper
      var url = "{{ route('getRates1', ['companyId' => '1', 'customername' => 'Heather Buis', 'orderNumber' => '1111']) }}";
      
      // Replace placeholders in the URL with the actual data
      url = url.replace('__companyId__', companyId)
               .replace('__customername__', customerName)
               .replace('__orderNumber__', orderNumber);

      // Make the AJAX request
      $.ajax({
        url: url,  // The URL generated from the route helper
        method: 'GET',
        success: function(response) {
          // Handle the response (e.g., display the rates in the modal)
          console.log(response);
        },
        error: function(xhr, status, error) {
          // Handle error
          console.error('Error fetching UPS rates:', error);
        }
      });




  //=====================================================================

//   var ornum =  $('#ordernumberr').val();
//   var customer1 = $('#customernam').val();

//   //Get tehe boxes details----------------------------------
// /* Act on the event */
// var dateObj = new Date();
//       //  var form_data = $(this).serialize();
// var month = (dateObj.getMonth() + 1).toString().padStart(2, "0");      
// var day = dateObj.getDate().toString().padStart(2, "0");
// var year = dateObj.getFullYear().toString().padStart(4, "0");
// var hours = dateObj.getHours().toString().padStart(2, "0");
// var minutes = dateObj.getMinutes().toString().padStart(2, "0");
// var seconds = dateObj.getSeconds().toString().padStart(2, "0");

// var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
// var timeStr= hours + ":"+ minutes +":"+ seconds;
// //var montharray = ['Jan', 'Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
// var month1 = dateObj.toLocaleString('default', { month: 'short' });//(dateObj.getMonth() +1);
// var od = document.getElementById("orderdate").value;
// od = od.replace("T", " ");

// var pd = document.getElementById("productiondate").value;
// pd = pd.replace("T", " ");
// //---------------------------------------------------------

// $.ajax({
         
  
       
//          url:"{{ url('Orderbox/viewBoxdetails/') }}",
//          //contentType: "application/json; charset=utf-8",
//          type: "get",
//          //dataType: "text",
//          dataType: "json",
//       // traditional: true,
//        async: false,
//           data: {
              
//             // 'shipperid':shipperid,
//             'order_number':ornum,
             
//         _token: '{{csrf_token()}}'
        
//       },
        
//           success: function (data) {
//        //alert("sent Successfully!");
//        if(data == ('')){
//     alert("Boxes were not assign Yet, Termination  the Request!");
//     return;
//        }else{
//          $.each(data, function (key, value) {
//               var Details="Name:"+value.name+"|"+"Size:" + value.size+"|"+"Weight:"+value.weight;
                    
                
//                    $('#orderbox').val(Details);
                  
//                         });
//        }
      
 
 
         

// // balance function here----------------------------
// var Referenceno1=year + month + day + hours + minutes + seconds;
// $.ajax({
//                     url: "{{ url('shipperlist/shippersListforrequest/') }}" ,
//                     type: "GET",
//                     data: {
                       
//                         //order_location:"Preparation",
//                       //  _token: '{{csrf_token()}}'
//                     },
//                     dataType: 'json',
//                     success: function (res) {
                     
//                         $.each(res, function (key, value) {
//                             var id=value.id;
//  var shipper1=value.shipper;
//  var email=value.email;
//  var mobile_number=value.mobile_number;
//  var fixed_number=value.fixed_number;
//  var api=value.api;

//  //add shipper cost-------------------
 
// const sent_date=dateStr;
//  const received_date=dateStr;
//  const shipperid=id;
//  const shipper=shipper1;
//  const order_number=ornum;
//  const customer=customer1;
//  const cost=0;
//  const Reference1=Referenceno1;
//  const Reference2="0";
//  const Reference3="0";
// const description=$('#orderbox').val();
//  const status=0;
// //-----------------checking existing request-----------------------------------------
// $.ajax({
         
 
       
//          url:"{{ url('shippercost/viewshippingcostlist/') }}",
//          //contentType: "application/json; charset=utf-8",
//          type: "get",
//          //dataType: "text",
//          dataType: "json",
//       // traditional: true,
//       //  async: false,
//           data: {
              
//              'shipperid':shipperid,
//             'order_number':order_number,
             
//         _token: '{{csrf_token()}}'
        
//       },
        
//           success: function (data) {
//        //alert("sent Successfully!");
//        if(data == ('')){
// //--------------------------


// $.ajax({
         
 
       
//          url:"{{ url('shippercost/Shippercostrequestdetails/') }}",
//          //contentType: "application/json; charset=utf-8",
//          type: "POST",
//          //dataType: "text",
//          dataType: "json",
//       // traditional: true,
//       //  async: false,
//           data: {
//               'sent_date' :sent_date, // $("#refno").val(),
//              // 'received_date':received_date,
//              'shipperid':shipperid,
//               'shipper':shipper,
//               'order_number':order_number,
//               'customer':customer,
//               'cost':cost,
//               'Reference1':Reference1,//$("#rtype").val(),
//               'Reference2':Reference2,//$("#rtype").val(),
//               'Reference3':Reference3,//$("#rtype").val(),
//               'description':description,
//               'status':status,
//         _token: '{{csrf_token()}}'
        
//       },
        
//           success: function (data) {
//        alert("sent Successfully!");
 
 
 
//           }
 
//       });
 
//        //----------------------------------------------------------------  
//     }else{

//       toastr.warning("Already request has been sent to  shipper!");
                           


//     }
 
 
//           }
 
//       });



// });              
// }            
//                         });


// }
 
//       });



}


    //$('#getratemod').modal('hide');
   });
  </script>


<script>
    $('#order_number').on('keydown', function(event) {
        if (event.key === "_") {
            event.preventDefault(); // Prevent underscore from being typed
        }
    });
</script>
@endsection