@extends('admin.layout.app')

@section('more-head')
<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')}}">
<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.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') }}">
          {{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">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>
  <form class="form-inline">
    <div class="form-group mb-2 col-sm-offset-6">
      <input type="text" name="q" placeholder="Search..."  class="form-control"/>
    </div>
    <button id="search-button" type="submit" class="btn btn-primary" value="Search"/>
    <i class="fa fa-search"></i>
  </button>
</form>
<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>{{$count++}}.</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>
Showing {{ $internal_waybills->firstItem() }} to {{ $internal_waybills->lastItem() }}
of total {{$internal_waybills->total()}} entries
{{ $internal_waybills->links() }}

</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({
    'paging'      : false,
    'lengthChange': false,
    'searching'   : false,
    'ordering'    : true,
    'info'        : false,
    '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 */


  });



})
</script>

@endsection