@extends('layouts.app')

@section('title', 'Shippment CheckList')

@section('content')
<div class="container-fluid">
<form action="#" method="POST" name="employeeworkflow" id="employeeworkflow">
    <!-- Page Heading -->
   
    <div class="row">
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Track Orders</h1>
</div>
       
    </div>
  
      
    
           
   
<!-- ------------------------------------- -->
<div class="card shadow mb-4">
    
        <div class="card-header py-3">
            <!-- <h6 class="m-0 font-weight-bold text-primary">Orders</h6> -->
          
        <div class="card-body">
      
        <div class="row">

<div class="col-md-4">
<label for="employee">Orders:</label>
                                 <select id="orders" name="orders" class="form-control ">
                            <option value="0" selected disabled >Select orders.....</option>
                            @foreach ($orders as $data)  
                            <option value="{{$data->order_number}}">{{$data->order_number}} - {{$data->customer}}</option>
                            @endforeach
                          
                          
                        
                           </select>
                           @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror

                             
                            
                            </div>

                            <div class="col-md-8 mt-4">
                          
     <a href="{{ route('ieviewer.reportindex')}}" class="btn btn-md btn-primary float-right"><i
     class="fas fa-arrow-left fa-sm text-white-50"></i> Back</a>
     <button id="btn_cancel" href="#" class="btn btn-md btn-danger float-right mr-2" disabled>
     <i class="fa fa-ban" aria-hidden="true"></i> Cancel</button>
    </div>     
                     
  </div>   
  
  
                 
</body>
<hr>
<div>
    <input 
                          type="text" 
                            class="form-control form-control-user @error('description') is-invalid @enderror" 
                            id="description"
                            placeholder="Describe your comments" 
                            name="description[]" 
                            value=""> 

                        @error('description')
                            <span class="text-danger">{{$message}}</span>
                        @enderror  
                        </div>
                                
</div>
                          
                           
                           
                          </div>       
                          </div>  
                          
                         
<!-- ----------------------------------------------- -->
   <div class="card shadow mb-4">
    
        <div class="card-header py-3">
            <!-- <h6 class="m-0 font-weight-bold text-primary">Orders</h6> -->
          
        <div class="card-body">

<div class="row"> 
        <div class="col-md-4" > 
       
                                 
                            </div>
                          
                           
                           
                           </div>                  
</body>

    {{-- Alert Messages --}}
    @include('common.alert')
   
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Tracked Item List</h6>
            
        </div>
        <div class="card-body">
      
            <div class="table-responsive">
           
                <table class="table table-bordered" id="dataTableorders" width="100%" cellspacing="0">
                    <thead>
                   
                        <tr>
                         <!-- <th style='width:5%;'>Select</th> -->
                            <!-- <th style='width:5%; display:none;'>ID</th> -->
                            <!-- <th style='width:5%; display:none;'>ID</th> -->
                            <th width="5%">Order_Number</th>
                            <th width="10%">Customer</th>
                            <th width="10%">Order_Date</th>
                            <th width="10%">Production_Date</th>
                            <th width="35%">Item</th> 
                            <th width=10%">Qty</th> 
                            <th width="20%">Section</th>
                           
                       
                        </tr>
                       
                    </thead>
                   
                    <tbody>

                   <!-- ---------add data rows -->
                  
                
                    </tbody>
                </table>
   
           
              
            </div>
           <div>
            <p>List Ended</p>
           </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>
$(document).ready(function(){
   // var more_loader = $("<img id='hiddenL' src='../ForePost/icons/spin.gif'/>");
  //  href="{{route('productlist.createinventory')}}"
 $('#orders').on('change', function(){
    var order_number = this.value;
    $('#dataTableorders >tbody >tr').remove();



        $.ajax({   
                url: "{{ url('orderlist/getforlocationfinder/') }}" ,
                type: "GET",
                data: {
                    order_number:order_number,
                   
                    _token: '{{csrf_token()}}'
                },
                dataType: 'json',
                success: function (res) {
                    if(res != null){
                        $("#btn_cancel").prop("disabled", false);
                        
                    $.each(res, function (key, value) {
                        //$('#employee').prop('disabled', false);  
                        var order_number=value.order_number;
                        var customer=value.customer;
                        var order_date=value.order_date;
                        var production_date=value.production_date;
                        var item=value.item;
                          var qty=value.qty; 
                     var section=value.item_location;
                   

//var employee=$('#user_emp option:selected').text();
            var html = '';
html += '<tr>';
//html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
html += '<td >'+order_number+'</td>'; 
html += '<td >'+customer+'</td>';
html += '<td >'+order_date+'</td>';
html += '<td >'+production_date+'</td>';
html += '<td >'+item+'</td>'; 
html += '<td >'+qty+'</td>';
html += '<td >'+section+'</td>';

// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
$('#dataTableorders').append(html);
                       
});  

}     
}       
                    });


 });

});
 </script>



    <!-- <script>
 $(document).on('click', '#btn_get', function(event) {
       event.preventDefault();
   
 
  
if (confirm('Are you sure?')) {

    $('#dataTable >tbody >tr').remove();

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

var pd = document.getElementById("todate").value;
td = pd.replace("T", " ");
var employee =$("#employee option:selected").text();
//var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
//var timeStr= hours + ":"+ minutes +":"+ seconds;
var fromdate = fd;
var todate = td;        
          
          
            $.ajax({   
                    url: "{{ url('process/viewemployeeworkflow/') }}" ,
                    type: "GET",
                    data: {
                        employee:employee,
                        fromdate:fromdate,
                        todate:todate,
                        //order_date:dateStr,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (res) {
                        if(res != null){

                          
                        $.each(res, function (key, value) {
                            //$('#employee').prop('disabled', false);  
                            var order_number=value.order_number;
                            var item=value.item;
                         var section=value.section;
                         var start_date=value.start_date; 
 var start_time=value.start_time;
 var end_date=value.end_date;
 var end_time=value.end_time;
 var totalhours=value.totalhours;
 var sectionjobstatus=value.sectionjobstatus;
  //var employee=$('#user_emp option:selected').text();
                var html = '';
 html += '<tr>';
 //html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
html += '<td >'+order_number+'</td>'; 
 html += '<td >'+item+'</td>'; 
 html += '<td >'+section+'</td>';
 html += '<td >'+start_date+'</td>';
 html += '<td >'+end_date+'</td>';
 html += '<td >'+totalhours+'</td>';
 html += '<td >'+sectionjobstatus+'</td>';
// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
  $('#dataTableworkflow').append(html);
                           
});  

}     
}       
                        });

}
 });

 
</script> -->

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

       var  order_number=$("#orders").val();
    
                if(order_number == ('')){
                    alert ("Order Number is Missing!");
                    return;
                }
                var  description =$("#description").val();
                if(description == ('')){
                    alert ("Describe Please!");
                    return;
                }
        if (confirm('Are you sure?')) {

            $.ajax({
  
  type: 'POST',

url:"{{ url('orderlist/updateordercancellations/')}}",

data:{
    order_number:order_number,
    description:description,
    _token: '{{csrf_token()}}',
},

 

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

 toastr.success("Done!");
location.reload();

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

});

        }
});  
</script>
    @endsection