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">
        <div class="row grid-margin">
          <div class="col-lg-10">
           <h4 class="card-title">Verifing STN</h4>
        </div>
        <div class="col-lg-2">
          <select class="form-control mr" id="warehouse">
            <option value="">-- Select Warehouse --</option>
            @foreach($warehouses as $warehouse)
            <option value="{{$warehouse->ware_house}}">{{$warehouse->ware_house}}</option>
            @endforeach
          </select>
        </div>
      </div>
        
      </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">Spare Parts List</h4>
          </div>
          <div class="col-lg-6">
            <input type="text" class="form-control" id="stn_number" onkeyup="reset_now(this)" placeholder="Enter STN Number">
            
          </div>
          <div class="col-lg-2">
           <button type="button" class="btn btn-success btn-fw" onclick="get_stn_infomation()">Get Deatils</button>
          </div>
        </div>
        
        <div class="table-responsive">
          <table class="table table-striped table-bordered">
            <thead>
              <tr>
               
                <th> Spare Code</th>
                <th> UOM</th>
                <th> Type</th>
                <th> Fresh Qty</th>
                <th> Repaired Qty</th>
                <th> Faulty 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-3"></div>

<div class="col-lg-3"><button type="button" onclick="verify_now()" class="btn btn-warning btn-fw">Verify 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 adminStnDetails = {};
      adminStnDetails.items = [];
      adminStnDetails.stn_number = '';
      localStorage.setItem('adminStnDetails', JSON.stringify(adminStnDetails));
    }

init_cart();

}

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

},
            error:function(error){
              console.log(error);
            
            },
            dataType: 'json'
          });
        }
      }else{
        swal("Please Enter STN Number and Select warehouse !", {  icon: "error", });
      }
    }

function showSelectedItems(){
      var adminStnDetails = JSON.parse(localStorage.getItem('adminStnDetails'));
      var html = '';
        var n = 0;
        $.each(adminStnDetails.items,function(key,spare_part){
            html +=`<tr class="row_`+spare_part.id+`">
                  <td class="font-weight-medium">`+spare_part.spare_code+`</td>
                  <td>`+spare_part.uom+`</td>
                  <td>`+spare_part.type+`</td>
                  <td>`+spare_part.fresh_qty+`</td>
                  <td>`+spare_part.repaired_qty+`</td>
                  <td>`+spare_part.fresh_qty+`</td>
                  
                  
                </tr>`;
                
        });
        $('#tbody').html(html);

}

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

addCartValueInKey(id,'fqty',fqty);

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

addCartValueInKey(id,'rqty',rqty);

}
    }
    function flcalculate(t,id){
      var flqty = parseInt($(t).val());
      if(flqty != ""){

addCartValueInKey(id,'flqty',flqty);

}
    }

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

}

$('#loaderAction').show();
            $.ajax({
            type: "POST",
            url: url,
            data: adminStnDetails,
            success:function(res){
              console.log(res);
              if(res.success == true){
                
                  swal(res.msg, {  icon: "success", });
                  init_cart();
                  showSelectedItems();
             
              }else{
                  swal(res.msg, {  icon: "error", });
              }
               $('#loaderAction').hide();

},
            error:function(error){
              console.log(error);
            
            },
            dataType: 'json'
          });
           
        }else{
          swal('Please Enter STN Number and Select warehouse !!', {  icon: "error", });
        }
    }

$(document).ready(function(){

});
  </script>
@endpush