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">Stock Transfer Order Details</h3>
        <div class="row">
          <div class="col-lg-3">
           <label>STO Number : <br/><strong>{{$sto->sto_number}}</strong></label>
          </div>
          <div class="col-lg-3">
           <label>STO Date : <br/><strong>{{$sto->sto_date}}</strong></label>
          </div>
          <div class="col-lg-3">
           <label>Indent No : <br/><strong>{{$sto->indent_no}}</strong></label>
          </div>
          <div class="col-lg-3">
           <label>STO Status : <br/><strong class="badge badge-success">{{$sto->status}}</strong></label>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-3">
           <label>Authorized By : <br/><strong>{{$sto->authorizedBy($sto->authorise_by)}}</strong></label>
          </div>
          <div class="col-lg-3">
           <label>Indent By : <br/><strong>{{$sto->addedBy($sto->indent_by)}}</strong></label>
          </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">Authorized Spare Parts List</h4>
          </div>
          
        </div>
        
        <div class="table-responsive">
          <table class="table table-striped table-bordered">
            <thead>
              <tr>
               
                <th>Item Code</th>
                <th>Description</th>
                <th>Spare Type</th>
                <th>Qty</th>
              </tr>
            </thead>
            <tbody id="tbody">
              @foreach($items as $item)
                @if($item->final_qty != 0)
                <tr>
                  <td>{{$item->spare_code}}</td>
                  <td>{{$item->description}}</td>
                  <td>Fresh</td>
                  <td>{{$item->final_qty}}</td>
                 
                  <td></td>
                </tr>
                @endif
                @if($item->repaired_qty != 0)
                <tr>
                  <td>{{$item->spare_code}}</td>
                  <td>{{$item->description}}</td>
                  <td>Repaired</td>
                  <td>{{$item->repaired_qty}}</td>
                 
                  <td></td>
                </tr>
                @endif
              @endforeach
            </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-8"></div>
          <div class="col-lg-4"></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 indentData = {};
      indentData.indentItems = [];
      indentData.indent_id = "";
      localStorage.setItem('indentData', JSON.stringify(indentData));
     // getItems();
    }
    init_cart();

}

function removeItem(id){
    var indentData = JSON.parse(localStorage.getItem('indentData'));
    var items = indentData.indentItems;
    $(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.
            }
    });
    indentData.indentItems = items;
    localStorage.setItem('indentData',JSON.stringify(indentData));
    showSelectedItems();

}

if(is_added == false){
                var sparts = spare_part;
                sparts.qty = 0;
                indentData.indentItems.push(spare_part);
              }              
              
              localStorage.setItem('indentData',JSON.stringify(indentData));
              showSelectedItems();

}else{
                swal("Invailid Spare Code !", {  icon: "error", });
            }
             $('#loaderAction').hide();

},
          error:function(error){
            console.log(error);
          
          },
          dataType: 'json'
        });
      }else{
        swal("Please Enter Spare Code in Textbox !", {  icon: "error", });
      }
    }

function showSelectedItems(){
    /*  var indentData = JSON.parse(localStorage.getItem('indentData'));
      var html = '';
        var n = 0;

$.each(indentData.indentItems,function(key,spare_part){
           if(spare_part.item.final_qty != 0 && spare_part.spate_type=='fresh'){
            html +=`<tr class="row_`+spare_part.item.id+`">
                  <td class="font-weight-medium">`+spare_part.item.spare_code+`</td>
                  <td>`+spare_part.item.description+`</td>
                  <td>Fresh</td>
                  <td>`+spare_part.spate_qty+`</td>
                  <td>`+spare_part.spate_rate+`</td>
                  <td>`+spare_part.item.gst_slab_rates+` %</td>
                  <td>`+((spare_part.spate_qty*spare_part.spate_rate*spare_part.item.gst_slab_rates)/100)+`</td>
                  <td  ><span id="total_`+spare_part.id+`" style="float:right;">`+((spare_part.spate_qty)*(spare_part.spate_rate))+` Rs</span></td>
                  
                </tr>`;
          }

if(spare_part.item.repaired_qty != 0 && spare_part.spate_type=='repaired'){
            html +=`<tr class="row_`+spare_part.item.id+`">
                  <td class="font-weight-medium">`+spare_part.item.spare_code+`</td>
                  <td>`+spare_part.item.description+`</td>
                  <td>Repaired</td>
                  <td>`+spare_part.spate_qty+`</td>
                  <td>`+spare_part.spate_rate+`</td>
                  <td>`+spare_part.item.gst_slab_rates+` %</td>
                   <td>`+((spare_part.spate_qty*spare_part.spate_rate*spare_part.item.gst_slab_rates)/100)+`</td>
                  <td  ><span id="total_`+spare_part.item.id+`" style="float:right;">`+((spare_part.spate_qty)*(spare_part.spate_rate))+` Rs</span></td>
                  
                </tr>`;
          }
                
                
                
                
        });

$('#tbody').html(html);
        final_calculate();*/

}

function calculate(id){
      var qty = parseInt($('#qty_'+id).val());
      var rate = parseInt($('#rate_'+id).val());
      if(qty != "" && rate !=""){
        
        var total = qty*rate;
        $('#total_'+id).text(total+' Rs');
        addCartValueInKey(id,'final_qty',qty);
        addCartValueInKey(id,'final_rate',rate);
       final_calculate();
      }
    }

function final_calculate(){
       var indentData = JSON.parse(localStorage.getItem('indentData'));
        var sub_total = 0;
        var gst_total= 0;
        var grand_total = 0;
        $.each(indentData.indentItems,function(k,val){
          var subtotal = val.final_rate*val.final_qty;
          var gsttotal = (subtotal*val.gst_slab_rates)/100;
          sub_total = sub_total + subtotal;
          gst_total = gst_total + gsttotal;
        });
        grand_total = sub_total + gst_total;
        $('#sub_total').text(sub_total.toFixed(2));
        $('#gst_total').text(gst_total.toFixed(2));
        $('#grand_total').text(grand_total.toFixed(2));
    }

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

}

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

$(document).ready(function(){

});
  </script>
@endpush