@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">

@endsection


@section('main-content')
<section class="content-header">
	<h1>
		OPERATIONS MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title col-md-12">Unassigned Internal Waybills</h3>
      <hr>
      <!--<div class="col-lg-offset-5"><a href="" class="btn btn-success">Assign to Shed</a></div>-->
      <div class="col-md-offset-1 col-md-6">
        <form method="post" action="{{ route('store.shed_internal_waybills') }}" id="myFormId">
          {{csrf_field()}} {{method_field('PUT')}}
          <div class="form-group">
            <label for="shed_id">Select Shed:</label>
            <select name="shed_id" id="shed_id" class="form-control select2">
              <option value="0" selected disabled>Select Shed</option>
              @foreach ($sheds as $shed)
              <option value="{{$shed->id}}">{{strtoupper($shed->name)}}</option>
              @endforeach
            </select>
          </div>
          <div class="form-group">
           <button type="submit" class="btn btn-warning" id="submit_form">MOVE TO SHED</button>
         </div>
       </form>
       
     </div>
     <div class="box-tools pull-right">
      <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
      title="Collapse">
      <i class="fa fa-minus"></i></button>

    </div>
  </div>
  
  <div class="box-body table-responsive">
    <table id="example1" class="table table-bordered table-striped table-condensed">
      <thead>
        <tr>
          <th>No.</th>
          <th>transaction Code</th>
          <th>Internal Waybill No.</th>
          <th>Bush Waybill No.</th>
          <th>No. of Bags</th>
          <th>Internal Waybill Date</th>
          <th>Internal Grade</th>
          <th>Category no.</th>
          <th>LBC Company</th>
          <th>Assign To Shed</th>
          
        </tr>
      </thead>
      <tbody>
       
       @foreach ($internal_waybills as $internal_waybill)
       
       <tr>
        <td>{{$loop->index + 1}}.</td>
        <td style="color: indigo; font-weight: bold;">{{optional($internal_waybill->bush_delivery)->transaction_code}}</td>
        <td>{{$internal_waybill->internal_waybill_no}}</td>
        <td style="font-weight: bold;">{{$internal_waybill->bush_waybill->bush_waybill_no}}</td>
        <td style="font-weight: bold; color: red">{{$internal_waybill->internal_no_of_bags}}</td>
        <td>{{$internal_waybill->internal_waybill_date}}</td>
        <td>{{$internal_waybill->internal_waybill_grade}}</td>
        <td>{{$internal_waybill->category->name}}</td>
        <td style="font-weight: bold; color: darkcyan;">{{$internal_waybill->bush_waybill->lbc->name}}</td>
        <td>
          <div class="form-group">
           <div class="checkbox">
            <label>
              <input type="checkbox" id="check_{{$internal_waybill->id}}" name="check_{{$internal_waybill->id}}" class="chkbox" value="{{$internal_waybill->id}}" @if ($internal_waybill->assign_status == 1) checked @endif onclick="

              var id = parseInt($(this).val(), 10);
              var ctor_id = $(this).val();
              if($(this).is(':checked'))
              {
                                                //alert(id);
                $.ajax({
                  url: '{{ url('check_assignStatus') }}',
                  type: 'PUT',
                  data: {
                    id: id,
                                                  //ctor_id: ctor_id

                  },
                })
                .done(function(data) {
                  console.log(data);
                  console.log('checked');
                })
                .fail(function() {
                  console.log('error');
                })
                .always(function() {
                  console.log('complete');
                });
                
              } else {
                                              // checkbox is not checked -> do something different
                                              //var al = 'not available'
                                              //alert(al);
                $.ajax({
                  url: '{{ url('uncheck_assignStatus') }}',
                  type: 'PUT',
                  data: {
                    id: id,

                  },
                })
                .done(function(data) {
                  console.log(data);
                  console.log('unchecked');
                })
                .fail(function() {
                  console.log('error');
                })
                .always(function() {
                  console.log('complete');
                });
                
              }
              ">
              
            </label>
          </div>
        </div>
      </td>
    </tr>
    @endforeach
  </tbody>
</table>

</div>

<!-- /.box-body -->
<div class="box-footer">
  
</div>


</div>
<!-- /.box -->

</section>

@endsection

@section('more-scripts')
<script src="{{asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
<script>
  $(function () {
   $('.select2').select2();
   $('#example1').DataTable()
   $('#example2').DataTable({
    'paging'      : true,
    'lengthChange': false,
    'searching'   : false,
    'ordering'    : true,
    'info'        : true,
    'autoWidth'   : false
  })


   $.ajaxSetup({

    headers: {

      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

    }

  });

        //var ctor_id = $(".chkbox").val();
    //var id = parseInt($(this).val(), 10);
   
   $('#myFormId').submit(function(){
    $("#submit_form", this)
    .html("Please Wait...")
    .attr('disabled', 'disabled');
    return true;
  });

 })
</script>

@endsection