000

@extends('layout.master')

@push('plugin-styles')

@endpush

@section('content')

<div class="row">
  <div class="col-lg-12 grid-margin">
    <div class="card">
      <div class="card-body">
        <h3 class="card-title">Spare Requested By Engineer : {{$spares_request->engineer_loginId }}</h3>
        
      </div>
    </div>
  </div>
  <div class="col-lg-12 grid-margin">
    <div class="card">
      <div class="card-body">
        <div class="row grid-margin">
          <div class="col-lg-4">
            <h4 class="card-title">Requested Spare Parts List</h4>
          </div>
          
        </div>
        
        <div class="table-responsive">
          <table class="table table-striped table-bordered">
            <thead>
              <tr>
               
                <th> Spare Code</th>
                <th> Description</th>
                <th> UOM</th>
                <th> Category</th>
                <th> Fresh Qty</th>
                <th> Repaired Qty</th>
              </tr>
            </thead>
            <tbody id="tbody">
              
              
            </tbody>
            
          </table>
          <div id="loaderAction">
            <div class="loader"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-12 grid-margin">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-lg-6"></div>

<div class="col-lg-6"><button type="button" onclick="authorize_now()" class="btn btn-warning btn-fw">authorize and Assigned Request Now</button></div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection

@push('plugin-scripts')
  {!! Html::script('/assets/plugins/chartjs/chart.min.js') !!}
  {!! Html::script('/assets/plugins/jquery-sparkline/jquery.sparkline.min.js') !!}
@endpush

@push('custom-scripts')
  {!! Html::script('/assets/js/dashboard.js') !!}
  <script type="text/javascript">
    function init_cart(){
      var requestedSpare = {};
      requestedSpare.items = [];
      requestedSpare.engineer_id = '{{$spares_request->engineer_loginId}}';
      requestedSpare.request_id = '{{$spares_request->id}}';
      localStorage.setItem('requestedSpare', JSON.stringify(requestedSpare));

get_requested_spare_parts();
 
    }

init_cart();

},
        error:function(error){
          console.log(error);
        
        },
        dataType: 'json'
      });
    }

function removeItem(id){
    var requestedSpare = JSON.parse(localStorage.getItem('requestedSpare'));
    var items = requestedSpare.items;
    $(items).each(function (index){
            if(items[index].id == id){
                items.splice(index,1); // This will remove the object that first name equals to Test1
                return false; // This will stop the execution of jQuery each loop.
            }
    });
    requestedSpare.items = items;
    localStorage.setItem('requestedSpare',JSON.stringify(requestedSpare));
    showSelectedItems();

}

function showSelectedItems(){
      var requestedSpare = JSON.parse(localStorage.getItem('requestedSpare'));
      var html = '';
        var n = 0;
        $.each(requestedSpare.items,function(key,spare_part){
            html +=`<tr class="row_`+spare_part.id+`">
                  <td class="font-weight-medium">`+spare_part.code+`</td>
                  <td>`+spare_part.description+`</td>
                  <td>`+spare_part.uom+`</td>
                  <td>`+spare_part.category+`</td>
                  <td><input type="text" name="qty" onkeyup="calculate(this,`+spare_part.id+`)" style="width: 80px;" value="`+spare_part.qty+`"/></td>
                  <td><input type="text" name="qty" onkeyup="rcalculate(this,`+spare_part.id+`)" style="width: 80px;" value="`+spare_part.rqty+`"/></td>
                  
                </tr>`;
                
        });
        $('#tbody').html(html);

}

function calculate(t,id){
      var qty = parseInt($(t).val());
      if(qty != ""){

addCartValueInKey(id,'qty',qty);

}
    }
    function rcalculate(t,id){
      var rqty = parseInt($(t).val());
      if(rqty != ""){
        addCartValueInKey(id,'rqty',rqty);

}
      
    }

function addCartValueInKey(id,key,value){
      var requestedSpare = JSON.parse(localStorage.getItem('requestedSpare'));
      $.each(requestedSpare.items,function(k,val){
        if(parseInt(val.id) == id){
          requestedSpare.items[k][key] = value;
        }
      });
      localStorage.setItem('requestedSpare',JSON.stringify(requestedSpare));

}

showSelectedItems();
                 
                  }else{
                      swal(res.msg, {  icon: "error", });
                  }
                   $('#loaderAction').hide();

},
                error:function(error){
                  console.log(error);
                
                },
                dataType: 'json'
              });
            }
          });
        }else{
          swal('Please Select Engineer !!', {  icon: "error", });
        }
    }

$(document).ready(function(){

});
  </script>
@endpush