@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">Assigned 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.reprogram_internal_waybills') }}" id="myFormId">
          {{csrf_field()}} {{method_field('PUT')}}
          <div class="form-group">
            <label for="work_program_id">Select work program:</label>
            <select name="work_program_id" id="work_program_id" class="form-control select2">
              <option value="0" selected>Select work_program</option>
              @foreach ($work_programs as $work_program)
              <option value="{{$work_program->id}}">{{strtoupper(\Carbon\Carbon::parse($work_program->program_date)->format('jS M Y'))}} {{strtoupper($work_program->program_schedule)}}</option>
              @endforeach
            </select>
          </div>
          <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>Select shed</option>
              @foreach ($sheds as $shed)
              <option value="{{$shed->id}}">{{$shed->name}}</option>
              @endforeach
            </select>
          </div>
          <div class="form-group">
           <button type="submit" class="btn btn-warning" id="submit_form">Update</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> Shed Assigned</th>
          <th>Work Date Assigned</th>
          <th>Re-assign</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>{{$internal_waybill->shed->name}}</td>
        <td>{{\Carbon\Carbon::parse(optional($internal_waybill->work_program)->program_date)->format('d M Y')}}</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}}" onclick="
              var id = parseInt($(this).val(), 10);
     //alert(id)
              var ctor_id = $(this).val();
              if($(this).is(':checked'))
              {
            //alert(id);
                $.ajax({
                  url: '{{ url('check_workProgramStatus') }}',
                  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_reworkProgramStatus') }}',
                  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);
   $('.chkbox').on('click', function(event) {
      //event.preventDefault();
      /* Act on the event */


   });


   $('#myFormId').submit(function(){
    $("#submit_form", this)
    .html("Please Wait...")
    .attr('disabled', 'disabled');
    return true;
  });
 })
</script>

@endsection