000

@extends('layout.master')

@push('plugin-styles')
  
  {!! Html::style('//cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css') !!}
@endpush

@section('content')

<div class="col-lg-12 grid-margin">
    <div class="card">
      <div class="card-body">
       <div class="row grid-margin">
          <div class="col-lg-8">
           <h4 class="card-title">Faulty Spares Parts At Testing Repairing Center (TRC)</h4>
        </div>
        <div class="col-lg-4">
          <select class="form-control mr" id="ware_house" onchange="get_faulty_spare_by_warehouse(this)">
            <option value=""> -- Select Warehouse --</option>
            @foreach($warehouses as $ware_house)
            <option value="{{$ware_house}}">{{$ware_house}}</option>
            @endforeach
          </select>
        </div>
        </div>

<div class="table-responsive">
          <table class="table table-striped myTable">
            <thead>
              <tr>
                <th> Spare Code </th>
                <th> Description</th>
                <th> Faulty Qty</th>
                <th> -- </th>
              </tr>
            </thead>
            <tbody id="faulty_spare_data">
             @foreach($spares as $spare)
                <tr>
                <td> {{$spare->spare_code}} </td>
                <td> {{$spare->description}}</td>
                <td> {{$spare->qty}}</td>
                <td>  </td>
              </tr>
             @endforeach
            </tbody>
          </table>
        </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') !!}
  {!! Html::script('//cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js') !!}
  <script type="text/javascript">
    $(document).ready( function () {
      var myTable = $('.myTable').dataTable();
    } );   
  </script>
 <script type="text/javascript">
   function get_faulty_spare_by_warehouse(t){
      var warehouse = $(t).val();
      var url = window.location.origin+"/admin/get-faulty-spare-of-warehouse"
      var data = {};
           data._token = "{{ csrf_token() }}";
          data.warehouse = warehouse;
        //  $('#loaderAction').show();
          $.ajax({
          type: "POST",
          url: url,
          data: data,
          success:function(res){
            console.log(res);
            if(res.success == true){
              var html = "";
              $.each(res.spares,function(k,stock){
                html +=`<tr>
                <td class="font-weight-medium">`+stock.spare_code+`</td>
                <td class="font-weight-medium">`+stock.description+`</td>
                <td><label class="badge badge-info">`+(stock.qty)+`</label></td>
                <td><a href="`+window.location.origin+`/admin/spare-history-at-trc/`+stock.spare_code+`">TRC History</a></td>
              </tr>`;
              });

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

},
          error:function(error){
            console.log(error);
          
          },
          dataType: 'json'
        });
   }
 </script>
@endpush