@extends('layouts.backend')

@section('extraCss')  
<link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css" rel="stylesheet">

<style type="text/css">
    .card-header{
        border-bottom-style:hidden !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }
</style>
@endsection

@php 
      $warehouseuser = ['user1' => 'user1','user2' => 'user2'];
      $status = ['pending' => 'pending','complete' => 'complete','working' => 'working'];
      $workType = ['Barcode Attech' => 'Barcode Attech','Inward/outward' => 'Inward/outward','Product Career' => 'Product Career','Packing' => 'Packing'];
@endphp

@section('mainContentArea')
<div class="card card-default">
        <div class="card-header">
            <h4> Warehouse Picklist </h4>
            <a href="{{ route('manage-order-details') }}" class="btn btn-info float-right btn-sm backBtn"> Back</a>
        </div>  

        <div class="card-body table-responsive" >

            <table class="table table-striped table-bordered tblPosOrdList" id="table_id">
                <thead>
                    <tr>
                    <th>REF#</th>
                    <th>FROM</th>
                    <th>TO</th>
                    <th>DATE</th>
                    <th>SHIPTO</th>
                    <th>ITEMS</th>
                    <th>Order Qty</th>
                    <th>PI Price</th>
                    <th>OUTWARD</th>
                    <th>READY</th>
                    <th>ACCOUNTS</th>
                    <th>DELIVERED</th>
                                 
                    <th>Action</th>
                </tr>
                </thead>
                
                <tbody>
                @if($posSalesOrders->count() > 0)
                @foreach($posSalesOrders as $posSalesOrder)
                <tr>
                    <td>
                        {{ $posSalesOrder->in_ref_no }}
                        @if(file_exists(public_path().'/uploads/log-file-upload-'.$posSalesOrder->id.'.txt'))
                            <br><a href="download-file.php?file={{ 'uploads/log-file-upload-'.$posSalesOrder->id.'.txt' }}" target="_blank">Download skipped barcodes in order import</a>
                        @endif
                    </td>
                    <td>@if(!empty($posSalesOrder->warehouse)){{ $posSalesOrder->warehouse->name }} @endif</td>
                    <td>@if(!empty($posSalesOrder->party)){{ $posSalesOrder->party->name }} {{ $posSalesOrder->party->company_name }}@endif</td>
                    <td>{{ $posSalesOrder->order_date }}</td>
                    <td>{{ $posSalesOrder->shipto }}</td>
                    <td>{{ $posSalesOrder->products_outward }}</td>
                    <td>{{ $posSalesOrder->products_count }}</td>
                    <td> @php 
                         $finalpi=\DB::table('oc_sales_order_pre_products')->where('pre_sales_id',trim($posSalesOrder->id))->sum('finalprc');
                            
                         echo number_format($finalpi, 2, '.', '');
                         @endphp</td>
                    <td>{{ empty($posSalesOrder->outward) ? 'No' : 'Yes' }}</td>
                    <td>{{ empty($posSalesOrder->gatepass) ? 'No' : 'Yes' }}</td>
                    <td>{{ empty($posSalesOrder->pre_account) ? 'No' : 'Yes' }}</td>
                    <td>{{ empty($posSalesOrder->delivered) ? 'No' : 'Yes' }}</td>
                    <td width="100">
                        <button class="btn btn-info btn-sm" type="button" data-orderid="@php echo $posSalesOrder->id; @endphp" 
                         data-refer="@php echo $posSalesOrder->in_ref_no; @endphp" data-toggle="modal" data-target="#myModal">Assign</button>
                        <button type="button" class="btn btn-primary" data-orderid="@php echo $posSalesOrder->id; @endphp" 
                         data-refer="@php echo $posSalesOrder->in_ref_no; @endphp" data-toggle="modal" data-target="#Userlist" style="margin-top:10px;"> <i class="fa fa-eye"></i></button>
                    </td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="10"><div class="alert alert-danger">No sale order found!</div></td>
                </tr>
                @endif
            </tbody>              
               
            </table>
        </div>
         <div class="text-right">
            {!! $posSalesOrders->render() !!}
        </div>
</div>

<div class="modal fade bd-example-modal" id="myModal" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog ">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold"> Order Assign</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="row" style="margin-top:20px;">                
          <label for="order" class="col-sm-2" style="margin-left:40px;">Order</label> 
          <input type="number" id="orderids" class="form-control col-sm-6" readonly>          
      </div>

      <div class="row" style="margin-top:20px;">                
          <label for="order" class="col-sm-2" style="margin-left:40px;">Order Refer</label> 
          <input type="text" id="orderrefer" class="form-control col-sm-6" readonly>          
      </div>

      <div class="row" style="margin-top:20px;">
      
          <label for="work_type" class="col-sm-2" style="margin-left:40px;">Work Type</label> 
          <select name="work_type" id="work_type" class="col-sm-6 form-control">
                 <option value=''>select</option>  
                    @foreach($workType as $key => $value)
                 <option value="{{ $key }}"  >{{ $value }}</option>
                    @endforeach
          </select>
          
        </div>

      <div class="row" style="margin-top:20px;">
      
          <label for="user_id" class="col-sm-2" style="margin-left:40px;">Assign To</label> 
          <select name="user_id" id="user_id" class="col-sm-6 form-control">
                 <option value=''>select</option>  
                    @foreach($warehouseuser as $key => $value)
                 <option value="{{ $key }}"  >{{ $value }}</option>
                    @endforeach
          </select>
          
        </div>  

        <div class="row" style="margin-top:20px;">
      
          <label for="order_status" class="col-sm-2" style="margin-left:40px;">Order Status</label> 
          <select name="order_status" id="order_status" class="col-sm-6 form-control">
                 <option value=''>select</option>  
                    @foreach($status as $key => $value)
                 <option value="{{ $key }}"  >{{ $value }}</option>
                    @endforeach
          </select>
          
        </div> 

        <div class="row" style="margin-top:20px;">                
          <label for="remark" class="col-sm-2" style="margin-left:40px;">Remark</label> 
          <input type="text" id="remarks" name='remarks' class="form-control col-sm-6" >          
        </div>

        <div class="modal-footer d-flex justify-content-center" style="border-top:none;">
        <button class="btn btn-default" id='auto_id'>Assign</button>
      </div>     

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

<div class="modal fade bd-example-modal" id="Userlist" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog ">
    
      <!-- Modal content-->
      <div class="modal-content" >
        <div class="modal-header" >
          <h5> Working User</h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>         
        </div>
        <div class="modal-body" >

              <div class="row" style="margin-top:20px;">                
                <label for="order" class="col-sm-2" style="margin-left:40px;">Order Refer</label> 
                <input type="text" id="orderrefers" class="form-control col-sm-6" readonly>          
            </div>

            <div class="table-responsive" style="margin-top:20px; " id='posdiv'>
                   <table class="table table-striped table-bordered" id='compersion' >

                        <thead>
                            <tr >
                               <th > User </th>
                               <th id="th1"> Work </th>
                               <th > Status </th>
                               <th > Remark </th>                              
                               
                            </tr>
                        </thead>

                         <tbody>


                         </tbody>


                    </table>
            </div>
            
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" id='close' data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
</div>
</div>
@endsection

@section('extraJs')

<script type="text/javascript">

  $("input[type='checkbox']").on('click', function() {
        $("input[type='checkbox']").not(this).prop('checked', false);  
     
  });

  $(function () {
    $('#myModal').on('show.bs.modal', function (event) {
      $('#user_id').val('');
      $('#order_status').val('');
      $('#work_type').val('');
       $('#remarks').val('');
      var button = $(event.relatedTarget); // Button that triggered the modal
      var id = button.data('orderid'); // Extract info from data-* attributes
      var refer = button.data('refer');
      var modal = $(this);
      modal.find('#orderids').val(id);
      modal.find('#orderrefer').val(refer);
    });
  });

  $('#auto_id').on('click',function(){    
 
    var id = $('#orderids').val();  
    var user_id = $('#user_id').val(); 
    var order_status = $('#order_status').val();   
    var work_type = $('#work_type').val(); 
    var remark = $('#remarks').val()
    

    var _token   = $('meta[name="csrf-token"]').attr('content');   
    jQuery("#loader_div").show();
    $.ajax({
        type: "get",
        url: "{{ route('order-assign-save') }}",
        data: {
          id: id, 
          user_id : user_id,
          order_status: order_status, 
          work_type : work_type, 
          remark : remark,      
          _token: _token
        },
        dataType: "json",
        success: function(response) {   
             jQuery("#loader_div").hide();   
             $('#myModal').modal('hide');         
              var reason = JSON.stringify(response);  
              var parsed = JSON.parse(reason);            
              console.log(parsed);
              if (parsed.status == false) {
               toastr.error(parsed.info);
              } else {
               toastr.success(parsed.info);
              }
             
        }
      });

    
    });

  $(function () {
    $('#Userlist').on('show.bs.modal', function (event) {
     
      var button = $(event.relatedTarget); // Button that triggered the modal
      var id = button.data('orderid'); // Extract info from data-* attributes
      var refer = button.data('refer');
      var modal = $(this);
      modal.find('#orderassign').val(id);
      modal.find('#orderrefers').val(refer);
      var _token   = $('meta[name="csrf-token"]').attr('content'); 

      $.ajax({
        type: "get",
        url: "{{ route('order-user-list') }}",
        data: {
          id: id,          
          _token: _token
        },
        dataType: "json",
        success: function(response) {        
             $('#compersion tbody').html(''); 
             
              $.each(response, function(propNames, propVals) {             

              $('#compersion tbody').append("<tr><td>" + propVals.user_id  + "</td><td>" + propVals.work_type + "</td><td>" + propVals.order_status + 
                "</td><td>" + propVals.remark +  "</td></tr>");
                  
            });
              
        },
        error: function(response) {
          console.log(response.responseJSON);
        }
      });
    });
  });

</script>

@endsection