@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') }}">
                    {{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">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;">{{$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);
   


  })
</script>

@endsection