@extends('layouts.app')

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

@section('content')
    <div class="container-fluid" id ="container_F">
   
    <form action="{{route('orderlist.indexback')}}" method="POST" name="Pre_edit" id="Pre_edit" 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_number[]" id="order_number"> -->

                        <input type="hidden"name="refno[]" id="refno"
                        @foreach ($orders as $data)  
                                    value="{{$data->our_reference}}"
                                    @endforeach
                        >
                        <input type="hidden"name="orderbox[]" id="orderbox" value="0">

                        <input type="hidden"name="our_reference[]" id="our_reference" 
                          @foreach ($orders as $data)  
                                    value="{{$data->our_reference}}"
                                    @endforeach
                        > 

                        <input type="hidden"name="takentime[]" id="takentime"
                        @foreach ($orders as $data)  
                                    value="{{$data->pushed_time}}"
                                    @endforeach
                                    >
                        <input type="hidden"name="item_location[]" id="item_location" value="Preparation">
                        <input type="hidden"name="order_date[]" id="order_date" 
                        @foreach ($orders as $data)  
                                    value="{{$data->order_date}}"
                                    @endforeach
                        
                        >
                        <input type="hidden"name="order_number1[]" id="order_number1" 
                        @foreach ($orders as $data)  
                                    value="{{$data->order_number}}"
                                    @endforeach
                        
                        >
                        <input type="hidden"name="production_date[]" id="production_date"
                        @foreach ($orders as $data)  
                                    value="{{$data->production_date}}"
                                    @endforeach
                        >

                        <input type="hidden"name="groupid[]" id="groupid"
                       
                        @foreach ($orderdetails as $data)  
                        @if ($data->item_type==1)
                                    value="{{$data->groupid}}"
                             @endif   
                           
                                    @endforeach
                        
                        >
                        <input type="hidden"name="serialIDs[]" id="serialIDs" 
                       
                        @foreach ($orders as $data)  
                                    value="{{$data->serialid}}"
                                    @endforeach
                        >

    <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">
<script
  src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
</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://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> -->
   

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

        {{-- Page Content --}}
        <!-- @if(empty($orders->customer))
        <p class="text-danger">Orders seems to be empty!</p>
       
        @endif -->
       
        <!-- @if(empty($orderdetails->customer))
        <p class="text-danger">Orderdetails empty!</p>
        @endif
        @if(empty($channels->name))
        <p class="text-danger">channels empty!</p>
        @endif
        @if(empty($countries->name))
        <p class="text-danger">countries empty!</p>
        @endif -->

        <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-middle">Edit Orders</h4>
                        <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> -->
               <div>
               <label class="labels">OrderType</label>
                                <input type="text" class=" form-control  @error('ordertype') is-invalid @enderror" 
                                    id="ordertype" name="ordertype[]" placeholder="ordertype" readonly
                                    @foreach ($orders as $data)  
                                    value="{{$data->order_type}}"
                                    @endforeach
                                    
                                    >

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

               </div>
                    <!-- //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('customer') is-invalid @enderror" 
                                    id="customer" name="customer[]" placeholder="First Name" 
                                  
                                    @foreach ($orders as $data)  
                                    value="{{$data->customer}}"
                                    @endforeach
                                    
                                >
                               
                              @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 ">
                                 <!-- <option value="0" selected disabled >Select State.....</option>
                                 @foreach ($states 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 ">   
                            <!-- //FlCityoor -->          
                            <label for="city-dropdown">City:</label>
                                 <select id="city-dropdown" name="city-dropdown" class="form-control ">
                                 <!-- <option value="0" selected disabled >Select City.....</option>
                                 @foreach ($cities 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 ">  
                                 <!-- //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" 
                                    @foreach ($orders as $data)  
                                    value="{{$data->order_date}}"
                                    @endforeach
                                 
                                    
                                    >
                                @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"
                                   
                                    @foreach ($orders as $data)  
                                    value="{{$data->order_number}}" 
                                    @endforeach
                                  
                                    
                                    disabled>

                                @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 selected disabled>Select Channels</option>
                           
                            @foreach ($channels as $rows) 
                                
                            
                            <option value="{{$rows->id}}" {{old('Channel') ? ((old('Channel') == $rows->id) ? 'selected' : '') : (($data->Channel == $rows->id) ? 'selected' : '')}}>{{$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="6" class="form-control @error('total') is-invalid @enderror" name="total" id="total"
                                    
                                    placeholder="0.00" value="{{$data->total_amount}}">
                                @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('mobile_number') is-invalid @enderror" name="productiondate" id="productiondate"
                               
                                    placeholder="Production_Date"  value="{{$data->production_date}}">
                                @error('mobile_number')
                                    <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 selected disabled>Select Priority</option>
                           
                            <option value="1" {{old('High') ? ((old('High') == 1) ? 'selected' : '') : (($data->priority == 1) ? 'selected' : '')}}>High</option>
                            <option value="2" {{old('Medium') ? ((old('Medium') == 2) ? 'selected' : '') : (($data->priority == 2) ? 'selected' : '')}}>Medium</option>
                            <option value="3" {{old('Low') ? ((old('Low') == 3) ? 'selected' : '') : (($data->priority == 3) ? 'selected' : '')}}>Low</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">Existing_Bulk</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>
                                 <select id="product" name="product" class="form-control ">
                                </select>

                                @error('item')
                                    <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>
        <!-- <div class="card-header  py-1">
           
         jquer is there
           <a href="#" class="btn btn-sm btn-info float-right" id="addRow">
        <i class="fa fa-plus" aria-hidden="true"></i>New Item</a>
    </div> -->

        <div class="card-body">
      
      <div class="table-responsive">
<!-- table------------------ -->
<table class="table table-bordered" id="orderTable" width="100%" style="background-color:#ddd;" >
<thead class="table-dark">
                    
                        <tr>
                        <th style='width:10%; display:none;'>GRID</th>
                        <th style='width:10%; display:none;'>ID</th>               
                            <th style='width:10%; display:none;'>PID</th>
                            <th style='width:10%; display:none;'>SN/NO</th>
                            <th style='width:10%; display:none;'>ORDER/NO</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%; display:none;'>Item_Type</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>
                    @foreach ($orderdetails as $row) 
                    @if ($row->item_type==1)
                    <tr> 
                    <!-- <td id="id" name="id[]" contenteditable="true">{{$row->id}} </td> -->
                    <td   style="display:none;" class="custom-tbl"><input type="text" class="form-control txtgroupid" value="{{$row->groupid}}" id="groupid" name="groupid[]" readonly required></td>  
                    <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtid" value="{{$row->id}}" id="id" name="id[]" readonly required></td>
                    <td style="display:none;"class="custom-tbl"><input type="text" class="form-control txtpid" value="{{$row->pid}}" id="pid" name="pid[]" readonly required></td>
                   
                  
                   


                  
                  
                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtserialID" 
                         @foreach ($orders as $data)  
                                    value="{{$data->serialid}}"
                                    @endforeach
                  
                    id="serialID"  name="serialID[]" readonly required></td>  

<td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtour_reference" 
                         @foreach ($orders as $data)  
                                    value="{{$data->our_reference}}"
                                    @endforeach
                  
                    id="our_reference"  name="our_reference[]" readonly required></td> 

                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtordernumber" 
                         @foreach ($orders as $data)  
                         value="{{$data->order_number}}"
                                    @endforeach
                  
                    id="order_number"  name="order_number[]" readonly required></td>  

                    <!-- <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtordernumber" 
                         @foreach ($orders as $data)  
                         value="{{$data->our_reference}}"
                                    @endforeach
                  
                    id="order_number"  name="order_number[]" readonly required></td> -->

                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtorder_date" 
                         @foreach ($orders as $data)  
                         value="{{$data->order_date}}"
                                    @endforeach
                  
                    id="order_date"  name="order_date[]" readonly required></td>

                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtcustomer" 
                         @foreach ($orders as $data)  
                         value="{{$data->customer}}"
                                    @endforeach
                  
                    id="customer"  name="customer[]" readonly required></td>
                    <td style="display:none;"class="custom-tbl"><input type="text" class="form-control txtitem_location" value="{{$row->item_location}}" id="item_location" name="item_location[]" readonly required></td>
                    <td style="display:none;"class="custom-tbl"><input type="text" class="form-control txttakentime" value="{{$row->takentime}}" id="takentime" name="takentime[]" readonly required></td>

                              <!-- <td  class="form-control txtid">{{$row->id}} </td>
                               <td class="form-control txtpid">{{$row->pid}}</td>
                               <td class="form-control txtserialid">{{$row->serialID}}</td> -->
                                <!-- <td>{{$row->item}}</td> -->
                               <!-- <td class="custom-tbl"><input class='form-control input-xl'style='width:100%;' type="text" value="{{$row->item}}" id="item" name="item[]" readonly required></td> -->
                               <td class="custom-tbl">
                                <select input type="text" name="item[]" id ="item0"  class="form-control txtitem" contenteditable="true">
                                <option selected  value="0">None</option>
                                @foreach ($products as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->pid == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                            </select></td>
                            <td class="custom-tbl"><input type="text" class="form-control txtqty" value="{{$row->qty}}" id="qty" name="qty[]"></td>
                             <!-- <td>{{$row->ram}}</td> -->
                                <td input type="text" class="custom-tbl"><select name="ram[]" id ="ram0"  class="form-control txtram">
                                <<option selected  value="0">None</option>
                                @foreach ($products1 as $rmrows)
                                <option value="{{$rmrows->id}}" 
                                    {{old('pid') ? ((old('pid') == $rmrows->id) ? 'selected' : '') : (($row->ram == $rmrows->id) ? 'selected' : '')}}>
                                    {{$rmrows->item}}
                                </option>
                            @endforeach
                                </select></td>

                               <!-- <td>{{$row->generation}}</td> -->
                               <td class="custom-tbl"><select name="generation[]" id ="generation0" class="form-control txtgeneration ">
                               <option selected  value="0">None</option>
                               @foreach ($gen as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('id') ? ((old('id') == $prows->id) ? 'selected' : '') : (($row->generation == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->gen}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->combination}}</td> -->
                               <td class="custom-tbl"><select name="combination[]" id ="combination0" class="form-control txtcombination">
                               <option selected  value="0">None</option>
                               @foreach ($combination as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('id') ? ((old('id') == $prows->id) ? 'selected' : '') : (($row->combination == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->combination}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->booting_ssd}}</td> -->
                               <td class="custom-tbl"><select name="booting_ssd[]" id ="booting_ssd0" class="form-control txtbooting_ssd">
                               <option selected  value="0">None</option>
                               @foreach ($products2 as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->booting_ssd == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->additional_hdd}}</td> -->
                               <td class="custom-tbl"><select name="additional_hdd[]" id ="additional_hdd0" class="form-control txtadditional_hdd">
                               <option selected  value="0">None</option>
                               @foreach ($products3 as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->additional_hdd == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                            </select></td>
                               <!-- <td>{{$row->skin_type}}</td> -->
                               <td class="custom-tbl"><select name="skin_type[]" id ="skin_type0" class="form-control txtskin_type">
                               <option selected  value="0">None</option>
                               @foreach ($products4 as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->skin_type == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                               </select></td>
                               <!-- <td>{{$row->item_type}}</td>  -->
                               <td style="display:none;"  class="custom-tbl"><input type="text" class="form-control  txtitem_type" value="{{$row->item_type}}" id="item_type0" name="item_type[]" readonly required></td>
                               <td   style="display:none;" class="custom-tbl"><input type="text" class="form-control txtProcess_Status" value="{{$row->Process_Status}}" id="Process_Status" name="Process_Status[]" readonly required></td>  
                              
                              <td style="display: flex">
                             
                                   
                                   <a button class="btn btn-primary m-2 btn-update"  >
                              <i class="fa fa-cloud" aria-hidden="true"></i>
                                   </a></button>
                                   
                                        <a button class="btn btn-danger m-2 btn-delete" >
                                            <i class="fas fa-trash" aria-hidden="true"></i>
                                        </a> </button>
                              </td>
                           
                           </tr>

                           @else
                           <tr> 
                    <!-- <td id="id" name="id[]" contenteditable="true">{{$row->id}} </td> -->
                    <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtgroupid" value="{{$row->groupid}}" id="groupid" name="groupid[]" readonly required></td>  
                    <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtid" value="{{$row->id}}" id="id" name="id[]" readonly required></td>
                    <td style="display:none;"class="custom-tbl"><input type="text" class="form-control txtpid" value="{{$row->pid}}" id="pid" name="pid[]" readonly required></td>
                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtserialID" 
                         @foreach ($orders as $data)  
                                    value="{{$data->serialid}}"
                                    @endforeach
                  
                    id="serialID"  name="serialID[]" readonly required></td>  

<td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtour_reference" 
                         @foreach ($orders as $data)  
                                    value="{{$data->our_reference}}"
                                    @endforeach
                  
                    id="our_reference"  name="our_reference[]" readonly required></td> 

                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtordernumber" 
                         @foreach ($orders as $data)  
                         value="{{$data->order_number}}"
                                    @endforeach
                  
                    id="order_number"  name="order_number[]" readonly required></td>  

                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtordernumber" 
                         @foreach ($orders as $data)  
                         value="{{$data->our_reference}}"
                                    @endforeach
                  
                    id="our_reference"  name="our_reference[]" readonly required></td>

                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtorder_date" 
                         @foreach ($orders as $data)  
                         value="{{$data->order_date}}"
                                    @endforeach
                  
                    id="order_date"  name="order_date[]" readonly required></td>

                    <td   style="display:none;" class="custom-tbl">
                    <input type="text" class="form-control txtcustomer" 
                         @foreach ($orders as $data)  
                         value="{{$data->customer}}"
                                    @endforeach
                  
                    id="customer"  name="customer[]" readonly required></td>
                    <td style="display:none;"class="custom-tbl"><input type="text" class="form-control txtitem_location" value="{{$row->item_location}}" id="item_location" name="item_location[]" readonly required></td>
                    <td style="display:none;"class="custom-tbl"><input type="text" class="form-control txttakentime" value="{{$row->takentime}}" id="takentime" name="takentime[]" readonly required></td>

                              <!-- <td  class="form-control txtid">{{$row->id}} </td>
                               <td class="form-control txtpid">{{$row->pid}}</td>
                               <td class="form-control txtserialid">{{$row->serialID}}</td> -->
                                <!-- <td>{{$row->item}}</td> -->
                               <!-- <td class="custom-tbl"><input class='form-control input-xl'style='width:100%;' type="text" value="{{$row->item}}" id="item" name="item[]" readonly required></td> -->
                               <td class="custom-tbl">
                                <select input type="text" name="item[]" id ="item0"  class="form-control txtitem" contenteditable="true">
                                <option selected disabled>None</option>
                                @foreach ($products as $prows)
                                <option value="{{$prows->id}}" 
                                    {{old('pid') ? ((old('pid') == $prows->id) ? 'selected' : '') : (($row->pid == $prows->id) ? 'selected' : '')}}>
                                    {{$prows->item}}
                                </option>
                            @endforeach
                            </select></td>
                            <td class="custom-tbl"><input type="text" class="form-control txtqty" value="{{$row->qty}}" id="qty" name="qty[]"></td>
                             
                            <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtram" value="0" id="ram0" name="ram[]" ></td>
                            <!-- <td>{{$row->ram}}</td> 
                                <td style="display:none;" input type="text" class="custom-tbl"><select name="ram[]" id ="ram0"  class="form-control txtram">
                                <option selected disabled>None</option>
                                @foreach ($products1 as $rmrows)
                                <option value="{{$rmrows->id}}" 
                                    {{old('pid') ? ((old('pid') == $rmrows->id) ? 'selected' : '') : (($row->ram == $rmrows->id) ? 'selected' : '')}}>
                                    {{$rmrows->item}}
                                </option>
                            @endforeach
                                </select></td> -->

                               <!-- <td>{{$row->generation}}</td> -->
                               <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtgeneration" value="0" id="generation0" name="generation[]" ></td>
                              
                               <!-- <td>{{$row->combination}}</td> -->
                               <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtcombination" value="0" id="combination0" name="combination[]" ></td>
                              
                              
                               
                               <!-- <td>{{$row->booting_ssd}}</td> -->
                               <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtbooting_ssd" value="0" id="booting_ssd0" name="booting_ssd[]" ></td>
                              
                               <!-- <td>{{$row->additional_hdd}}</td> -->
                               <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtadditional_hdd" value="0" id="additional_hdd0" name="additional_hdd[]" ></td>

                              
                               <!-- <td>{{$row->skin_type}}</td> -->
                               <td style="display:none;" class="custom-tbl"><input type="text" class="form-control txtskin_type" value="0" id="skin_type0" name="skin_type[]" ></td>
                              
                               <!-- <td>{{$row->item_type}}</td>  -->
                               <td style="display:none;"  class="custom-tbl"><input type="text" class="form-control  txtitem_type" value="{{$row->item_type}}" id="item_type0" name="item_type[]" readonly required></td>
                               <td   style="display:none;" class="custom-tbl"><input type="text" class="form-control txtProcess_Status" value="{{$row->Process_Status}}" id="Process_Status" name="Process_Status[]" readonly required></td>  
                              
                              <td style="display: flex">
                             
                                   
                                   <a button class="btn btn-primary m-2 btn-update"  >
                              <i class="fa fa-cloud" aria-hidden="true"></i>
                                   </a></button>
                                   
                                        <a button class="btn btn-danger m-2 btn-delete" >
                                            <i class="fas fa-trash" aria-hidden="true"></i>
                                        </a> </button>
                              </td>
                           
                           </tr>
                           @endif    
                    @endforeach
                   

                    </tbody>
                    <tfoot>
                    <thead class="table-dark">
                    <tr>
                    <th style='width:10%; display:none;'>GRID/th>
                    <th style='width:10%; display:none;'>ID</th>               
                            <th style='width:10%; display:none;'>PID</th>
                            <th style='width:10%; display:none;'>SN/NO</th>
                            <th style='width:10%; display:none;'>ORDER/NO</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%; display:none;'>Item_Type</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>
    
    <input  type="text" 
                            class="form-control form-control-user @error('description') is-invalid @enderror" 
                            id="description"
                            placeholder="describe" 
                            name="description[]" 
                            value="Describe your comments"> 

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

      <div class="card-footer">
      <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_wholeupdate" class="btn btn-success btn-user float-right mb-3">
                <i class="fa fa-cloud-upload" aria-hidden="true"></i> Upload Order</button>
                <button id ="btn_forward" class="btn btn-primary float-right mr-3 mb-3" >
                <i class="fa fa-fast-forward" aria-hidden="true"></i> Forward Order</button>
                <button id ="btn_request" class="btn btn-warning float-right mr-3 mb-3" >
                <i class="fa fa-paper-plane" aria-hidden="true" ></i> Send Request</button>
                <!-- <button id ="btn_fulldelete" class="btn btn-danger float-right mr-3 mb-3" >
                <i class="fa fa-trash" aria-hidden="true"></i>Delete Order</button> -->
             
                <button class="btn btn-info float-left" input type="submit" value="submit">
                <i class="fas fa-arrow-left fa-sm text-white-50" aria-hidden="true"></i>Back to Order</button>
                <!-- <button id="my-button" disabled>Save</button> -->

            </div>
            </div>
        </div>



                </div>
            </div>
            </div>
           
           
            </form>   
        </div>


  
    @endsection
    
    @push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/flatpickr">
        
    </script>

<script>
    flatpickr("input[type=datetime-local]");
</script>
    @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>
$('ordertype').prop('background-color','#fefefe');

</script>
 <!-- <script>
$(document).ready(function(){ 

// bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({ 
                    url: "{{ url('serailer/getserialsinglerow/') }}" ,
                    type: "GET",
                    data: {
                       
                        order_number:$('#order_number').val(),
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res.serializedsingle, function (key, value) {
                            var serialID=value.serialID;
                             $('#serialID').val(serialID);
});              
}            
                        });

});
</script> -->

 <!-- <script>
$(document).ready(function(){ 

// bind the oders---------------------------------
             // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({ 
                    url: "{{ url('serailer/getserialnumberbyordernumber/') }}" ,
                    type: "GET",
                    data: {
                       
                        order_number:$('#order_number').val(),
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                       
                        $.each(res.serializedsingle, function (key, value) {
                            var serialID=value.serialID;
                             $('#serialID').val(serialID);
});              
}            
                        });

});
</script> -->

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

</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>

   <script>
$(document).ready(function(){ 
    var Customer_name = $('#customer').val();
  
       //  alert(Customer_name);
                $.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: Customer_name,
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
                        
                        $.each(result, function (key, value) {
                            $('#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);
                        
                        
                        });



                      
                    }

});

});
</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 + '</option>');
                        });

                      
                  }
              });

   
   
   
            }
                
            });
        });
            </script>

            


<script>
$(document).ready(function(){
   // var more_loader = $("<img id='hiddenL' src='../ForePost/icons/spin.gif'/>");
    href="{{route('productlist.createinventory')}}"
 $('#product').on('change', function(){
   

 //$('#btn_Create').prop('disabled', false);
 //$('#order').prop('disabled', false);
 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 grpid=year + month + day+  seconds;

    if($('input:radio[name=type]:checked').val() == "types"){

        var id = this.value;
      //  $('#btn_Create').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(){
  $(this).closest('tr').remove();
  var rowCount = $('#orderTable >tbody >tr').length;
        if (rowCount ===0) {
          //  $( "#orderTable" ).empty();
          //  $('#orderTable').reload();
        //  $('#btn_Create').prop('disabled', true);
          $("#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){
               
    
               $.each(result.products, function (key, value) {
 var values_ID=value.id;
 var values_ITEM=value.item;
 var values_TYPE=value.type;

 var serialID =$("#serialIDs").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();

 if (values_TYPE==1){
    var order_type=$("#ordertype").val();
 if (order_type==('ProcessingOrder')){
    var html = '';
//<option value='+values_ID+'>'+values_ITEM +'</option>

  html += '<tr>';
  html +='<input type="hidden"name="groupid[]" id="groupid0" value=' + figroupid + '>';
 html +='<input type="hidden" name=" id[]" id="id0" value="0">';
 html +='<input type="hidden"name="pid[]" id="pid0" value=' + values_ID + '>';
 html +='<input type="hidden"name="serialID[]" id="serialID0" value=' + serialID + '>';

html +='<input type="hidden"name="our_reference[]" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number[]" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date[]" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer[]" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location[]" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime[]" 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[]" 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[]" id ="qty" class="form-control " value="1" /></td>';
html += '<td input type="text" class="custom-tbl"><select name="ram[]" 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[]" 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[]" 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[]" 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[]" 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[]" 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[]" id="item_type0" value=' + values_TYPE + '>';   
 html +='<input type="hidden"name="Process_Status[]" id="Process_Status" value=' + "process" + '>';
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-sm remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 html +='</tr>';
 
  $('#orderTable').append(html);
 }else{
    alert("Unprocessing item is not allowed for the type of order!");

 }

   
 

 }else{

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

if(typeid==3){
    var order_type=$("#ordertype").val();
 if (order_type==('DirectOrder')){
    var upgrpid=year + month + day+  seconds;
    var html = '';
//<option value='+values_ID+'>'+values_ITEM +'</option>

  html += '<tr>';
  html +='<input type="hidden"name="groupid[]" id="groupid0" value=' + upgrpid + '>';
 html +='<input type="hidden" name=" id[]" id="id0" value="0">';
 html +='<input type="hidden"name="pid[]" id="pid0" value=' + values_ID + '>';
 html +='<input type="hidden"name="serialID[]" id="serialID0" value=' + serialID + '>';

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

 
  html += '<td><select name="item[]" 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[]" id ="qty" class="form-control " value="1" /></td>';
//html += '<td><input type="hidden" class="custom-tbl"><select name="ram[]" 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><input type="hidden" name="ram[]" id ="ram0" class="form-control " value="0" /></td>';
html += '<td><input type="hidden" name="generation[]" id ="generation0" class="form-control " value="0" /></td>';

html += '<td><input type="hidden" name="combination[]" id ="combination0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="booting_ssd[]" id ="booting_ssd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="additional_hdd[]" id ="additional_hdd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="skin_type[]" id ="skin_type0" class="form-control " value="0" /></td>';
html +='<input type="hidden"name="item_type[]" id="item_type0" value=' + values_TYPE + '>'; 
html +='<input type="hidden"name="Process_Status[]" id="Process_Status" value=' + "Unprocess" + '>';  
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-sm remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 html +='</tr>';
 
  $('#orderTable').append(html);
 // $("#groupid").val('');
 }else{

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

    
}else{
    var order_type=$("#ordertype").val();
 if (order_type==('ProcessingOrder')){
    var html = '';
//<option value='+values_ID+'>'+values_ITEM +'</option>

  html += '<tr>';
  html +='<input type="hidden"name="groupid[]" id="groupid0" value=' + figroupid + '>';
 html +='<input type="hidden" name=" id[]" id="id0" value="0">';
 html +='<input type="hidden"name="pid[]" id="pid0" value=' + values_ID + '>';
 html +='<input type="hidden"name="serialID[]" id="serialID0" value=' + serialID + '>';

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

 
  html += '<td><select name="item[]" 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[]" id ="qty" class="form-control " value="1" /></td>';
//html += '<td><input type="hidden" class="custom-tbl"><select name="ram[]" 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><input type="hidden" name="ram[]" id ="ram0" class="form-control " value="0" /></td>';
html += '<td><input type="hidden" name="generation[]" id ="generation0" class="form-control " value="0" /></td>';

html += '<td><input type="hidden" name="combination[]" id ="combination0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="booting_ssd[]" id ="booting_ssd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="additional_hdd[]" id ="additional_hdd0" class="form-control " value="0" /></td>';
  html += '<td><input type="hidden" name="skin_type[]" id ="skin_type0" class="form-control " value="0" /></td>';
html +='<input type="hidden"name="item_type[]" id="item_type0" value=' + values_TYPE + '>';  
html +='<input type="hidden"name="Process_Status[]" id="Process_Status" value=' + "process" + '>'; 
 html += '<td class="custom-tbl"><button type="button" id ="remove" name="remove" class="btn btn-danger btn-sm remove"><i class="fa fa-times" aria-hidden="true"></i></button></td>';
 html +='</tr>';
 
  $('#orderTable').append(html);
 

}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_type=$("#ordertype").val();
 if (order_type==('Processing Order')){
    var serialID = $('#product').val();
    
    $('#orderTable >tbody >tr').remove();
   // $('#btn_Create').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);
      $("#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: {
        serialID: serialID,
          _token: '{{csrf_token()}}'
      },
     
      success: function (result) {
          if(result != null){
           

           $.each(result.serializeditems, function (key, value) {

         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 groupid=value.groupid
        var serialID =$("#product").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);

            var html = '';
            html += '<tr>';
            html +='<input type="hidden"name="groupid[]" id="groupid0" value=' + groupid + '>';
            html +='<input type="hidden" name=" id[]" id="id0" value="0">';
html +='<input type="hidden"name="pid[]" id="pid0" value=' + values_PID + '>';
html +='<input type="hidden" name="serialID[]" id="serialID0" value=' + serialID + '>'; 

html +='<input type="hidden"name="our_reference[]" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number[]" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date[]" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer[]" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location[]" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime[]" 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[]" id ="item_'+key+'" class="form-control"><option value="0">None</option>@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option>@endforeach</select></td>';
if (values_ITEMTYPE==1){
  html += '<td><input type="text" name="qty[]" id ="qty" class="form-control " value="1" /></td>';
}else{
  html += '<td><input type="text" name="qty[]" 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[]" 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="generation[]"  id ="generation_'+key+'" 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[]" id ="combination_'+key+'" 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[]" id ="booting_ssd_'+key+'" 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[]"  id ="additional_hdd_'+key+'" 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[]" id ="skin_type_'+key+'" 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[]" id="item_type0" value=' + values_ITEMTYPE + '>';   
html +='<input type="hidden"name="Process_Status[]" id="Process_Status" value=' + "process" + '>'; 
html += '<td class="custom-tbl"><button type="button" id ="remove1" name="remove1" class="btn btn-danger btn-sm remove1"><i class="fa fa-times" aria-hidden="true"></i></button></td></tr>';

$('#orderTable').append(html);

$('#item_'+key+' option[value="' + item + '"]').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");
});
    

//more_loader.hide();     
        
}


          
      }

    });

 }else{

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

 
 
 });
});

</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>


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

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

        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 od = document.getElementById("orderdate").value;
// od = od.replace("T", " ");

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


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

       
        
    //------------------------add multiple rows-----------------------
//   var data1 = $('#add_item').serialize() + '&attendText=' + $('select option:selected').text();
$.ajax({
                    
          
            
                    type: "POST",
                   // url: "save_data.php",
                   url:"{{ url('serailer/storelist/') }}",
                   //contentType: "application/json; charset=utf-8",
              
                     data:$('#Pre_edit').serialize() ,
                  // data:data1,
                 //  data:$(this).serialize(),
               //   _token: '{{csrf_token()}}',
                 
                   dataType: "json",
                // traditional: true,
                  async: false,
            
                  //        data: {
                      
             //    // _token: $('meta[name="csrf-token"]').attr('content') ,
             //            'Refno' : $("#Refno").val(),
             //            'rtype' : "bdl",
                  // _token: '{{csrf_token()}}'
                  
             //    },
                  
                    success: function (response) {
                   //  alert("Done!");
                    //location.reload();
                 // tag[0].reset();
              //  toastr.success("Done!");
                
              //   $('#btn_Create').prop('disabled', true);
              addandupdateordeedetails();
            Updatecustomerandorderdetails();



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

         console.log(errors);

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

         });

     }


                });

}
});

var addandupdateordeedetails=function(){
    $.ajax({
                
      
        
                type: "POST",
               // url: "save_data.php",
               url:"{{ url('orderlist/storeOrderdetaillist/') }}",
               //contentType: "application/json; charset=utf-8",
         
                // data:$('#add_item :input').serialize() ,
                 data:$('#Pre_edit').serialize(),

              // data:data1,
             //  data:$(this).serialize(),
          //    _token: '{{csrf_token()}}',
             
               dataType: "json",
            // traditional: true,
              async: false,
        
              //        data: {
                  
         //    // _token: $('meta[name="csrf-token"]').attr('content') ,
         //            'Refno' : $("#Refno").val(),
         //            'rtype' : "bdl",
              // _token: '{{csrf_token()}}'
              
         //    },
              
                success: function (data) {
               //  alert("Done!");
              //   toastr.success("Done!!");
               // location.reload();
                 
         //  $('#newordertabel1 >tbody >tr').remove();
           //  addpreparedorder();
             // tag[0].reset();
                 },
                 error: function(data){
     // Error...
     var errors = $.parseJSON(data.responseText);

     console.log(errors);

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

     });

 }


            });


}


//-----------------------------
var Updatecustomerandorderdetails = function(){

    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
var od = document.getElementById("orderdate").value;
od = od.replace("T", " ");

var pd = document.getElementById("production_date").value;
pd = pd.replace("T", " ");

var our_reference =$("#our_reference").val();
 var order_number =$("#order_number").val();
 var order_date =$("#order_date").val();
 var Channel =$("#channels").val();
 var total_amount =$("#total").val();
 var production_date =pd;
 var priority =$("#priority").val();
 var customer =$("#customer").val();
 var order_location ="Preparation";
 var pushed_time ="0";
 var description =$("#description").val();

$.ajax({
 
url:"{{ url('orderlist/updatefororderediting/')}}",
type:'POST',
dataType: "text",
//dataType: 'json',
  
 
 
  data: {
   
      our_reference:our_reference,
      order_number:order_number,
    order_date:order_date,
    Channel:Channel,
    total_amount:total_amount, 
    production_date:production_date, 
    priority:priority,
    customer:customer,
    order_location:order_location,
    pushed_time:pushed_time,
    description:description,
    
    _token: '{{csrf_token()}}'          
                         },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },
success:function(data){
  //  toastr["success"](data, "Success");
  // alert("DONE!");
   toastr.success("Done!");
   //location.reload();
//    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 type="text/javascript">
     $('#customer').keyup(function(){
    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;
               $('#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>


 <!-- 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>
 <!-- --------------------- -- ADD NEW ROWS TO  THE TABLE>
 <!-- <script>
        $(document).ready(function(){
    $('#addRow').click(function(){
        event.preventDefault();
   
       
    if(confirm("Are you sure you want to add a new row?") == true){
        $(document).on('click', '.remove', function(){
  $(this).closest('tr').remove();
 });

 //add the new row
 $(document).on('click', '.add', function(
){
    
// alert("Button pressed by you!");

//var currentRow = $(this).closest("tr")[0]; 
   //  var cells = currentRow.cells;

const id =$("#id1").text();//cells[0].textContent;  
const pid =$("#item1 :selected").val();//cells[1].textContent;

//const serialID =$("#serialID1").text();//cells[2].textContent;
const item =$("#item1 :selected").val();//cells[3].textContent;
const qty =$("#qty").val();
const ram =$("#ram1 :selected").val(); //cells[4].text;
const generation =$("#generation1 :selected").val();
const combination =$("#combination1 :selected").val();
const booting_ssd =$("#booting_ssd1 :selected").val();
const additional_hdd =$("#additional_hdd1 :selected").val();
const skin_type =$("#skin_type1 :selected").val();
const item_type =$("#item_type1").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();

$.ajax({
         
         type: "POST",
        // url: "save_data.php",
        url:"{{ url('orderlist/storesingleroweitemfororderitem/') }}",
        //contentType: "application/json; charset=utf-8",
        dataType: "text",
     // traditional: true,
       async: false,
         data: {
      'id':id,
      'our_reference':our_reference,
      'order_number':order_number,
    'order_date':order_date,
    'pid':pid,
    'item':item, 
    'qty':qty, 
    'ram':ram,
    'generation':generation,
    'combination':combination,
    'booting_ssd':booting_ssd,
    'additional_hdd':additional_hdd,
    'skin_type':skin_type,
    'item_type':item_type,
    'customer':customer,
    'item_location':item_location,
    'takentime':takentime,
    _token: '{{csrf_token()}}'
       
     },
       
         success: function (data) {
           //  alert("Processing press OK!");
           toastr.success("Done!!");
           location.reload();
         }

     });

 });

        var html = '';
          var serialID =$("#Refno").val();
                html += '<tr>';
                html +='<td style="display:none;" input type="text" name="id1" id="id1" value="0">0</td>'
                html +='<td style="display:none;" input type="text" name="pid1" id="pid1" value="0">0</td>'
                html +='<td  style="display:none;" input type="text" name="serialID1" id="serialID1">'+serialID+'</td>'
                html +='<input type="hidden"name="our_reference[]" id="our_reference0" value=' + our_reference + '>';
html +='<input type="hidden"name="order_number[]" id="order_number0" value=' + order_number + '>';
html +='<input type="hidden"name="order_date[]" id="order_date0" value=' + order_date + '>';
html +='<input type="hidden"name="customer[]" id="customer0" value=' + customer + '>';
html +='<input type="hidden"name="item_location[]" id="item_location0" value=' + item_location + '>';
html +='<input type="hidden"name="takentime[]" id="takentime0" value=' + takentime + '>';
                //  html +='<td class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="id[]" id="id0" readonly="true" value= "' + 0 + '">' + '</td>'
             //   html +='<td class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="pid[]" id="pid0" readonly="true" value= "' + 0 + '">' + '</td>'
             //   html +='<td class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="serialID[]" id="serialID" readonly="true" value= "' + serialID + '">' + '</td>'
              html += '<td input type="text" class="custom-tbl"><select name="item1[]" id ="item1" class="form-control"><option value="0">None</option>@foreach ($products as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
              html +='<td class="custom-tbl">' + '<input type="text" class="form-control"  size=60 name="qty[]" id="qty1" value= "' + 1 + '">' + '</td>'
              html += '<td input type="text" class="custom-tbl"><select name="ram1[]" id ="ram1" class="form-control"><option value="0">None</option>@foreach ($products1 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
               html += '<td input type="text" class="custom-tbl"><select name="generation1[]" id ="generation1" 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="combination1[]" id ="combination1" 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_ssd1[]" id ="booting_ssd1" 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_hdd1[]" id ="additional_hdd1" 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_type1[]" id ="skin_type1" class="form-control"><option value="0">None</option>@foreach ($products4 as $rows) <option value="{{$rows->id}}">{{$rows->item}}</option> @endforeach </select></td>';
               html +='<td style="display:none;" input type="text" class="custom-tbl">' + '<input type="text"  class="form-control"  size=60 name="item_type1[]" id="item_type1" readonly="true" value= "' + 0 + '">' + '</td>'
               html += '<td class="custom-tbl"><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></tr>';
              
           
              
                   
               $("#orderTable").append(html);
    }
    });
})
        </script> -->

<script>
   $(document).ready(function(){

    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
   
    $('#orderTable').on('click', '.btn-update', function(){
   // method 1

   const id =$(this).parent().parent().find(".txtid").val();
const pid =$(this).parent().parent().find(".txtitem").val();
const item =$(this).parent().parent().find(".txtitem").val();
const qty =$(this).parent().parent().find(".txtqty").val();
const ram =$(this).parent().parent().find(".txtram").val();
const generation =$(this).parent().parent().find(".txtgeneration").val();
const combination =$(this).parent().parent().find(".txtcombination").val();
const booting_ssd =$(this).parent().parent().find(".txtbooting_ssd").val();
const additional_hdd =$(this).parent().parent().find(".txtadditional_hdd").val();
const skin_type =$(this).parent().parent().find(".txtskin_type").val();
const item_type =$(this).parent().parent().find(".txtitem_type").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();

$.ajax({
 
url:"{{ url('orderlist/updateitementryfororder/')}}",
type:'POST',
dataType: "text",
//dataType: 'json',
  
 
 
  data: {
    id:id,
      our_reference:our_reference,
      order_number:order_number,
    order_date:order_date,
    pid:pid,
item:item, 
    qty:qty, 
    ram:ram,
    generation:generation,
    combination:combination,
    booting_ssd:booting_ssd,
    additional_hdd:additional_hdd,
    skin_type:skin_type,
    item_type:item_type,
    customer:customer,
    item_location:item_location,
    takentime:takentime,
    _token: '{{csrf_token()}}'          
                         },

//    beforeSend:function(){
//     // debugger;
// $("#trloader").show();
//  },
success:function(data){
  //  toastr["success"](data, "Success");
  // alert("DONE!");
   toastr.success("Done!");

//    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(){
//remove the entry
$('#orderTable').on('click', '.btn-delete', 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?')) {
//const groupid =$(this).parent().parent().find(".txtgroupid").val();
const id =$(this).parent().parent().find(".txtid").val();

$.ajax({
   
    type: 'DELETE',

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

  data: {
     
    id:id,
       // _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).on('click', '#btn_forward', function(event) {
        event.preventDefault();
     
   // $(document).on('click', '.forward', function(){
 
//     $.ajaxSetup({
//     headers: {
//         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//     }
// });
   
   
 
       // alert("done");
   // method 1
// const order_number =$(this).parent().parent().find(".ordernumber").val();
if (confirm('Are you sure?')) {

    var order_number =$("#order_number").val();
    var 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("Done!");
 // window.location.href ="{{route('orderlist.editorders')}}?order_number="+orn;
 window.location.href ="{{route('orderlist.index') }}";
   //$("#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).on('click', '#btn_request', function(event) {
        event.preventDefault();
        if (confirm('Are you sure? do  you  want to  send shipping cost request!')) {
 
            
 var ornum = $("#order_number").val();
var customer1 = $("#customer").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, Terminating  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="HTB_api"+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="Pending";
const Reference3="Pending";
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!");
                          


   }


         }

     });



});              
}            
                       });


}

     });

//-------------------------------------------------------------

}
   
    });
    </script>
@endsection