@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.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">INTERNAL WAYBILLS</h3>

      <div class="box-tools pull-right">
        <a class="btn btn-info" href="{{ route('reset.summary.print') }}">Reset Print </a>
        @php
        use App\User;

        @endphp
      </div>
    </div>

    <div class="box-body table-responsive">
      <div class="col-md-12">
        <table id="example1" class="table table-bordered table-striped table-condensed">
          <thead>
            <tr>
              <th>No.</th>
              <th>REF NO.</th>
              <th>LBC</th>
              <th>COCOA TYPE</th>
              <th>SEASON</th>
              <th>TOC</th>
              <th>GRADE</th>
              <th>PREPARED BY</th>
              <th>SUPERVISED BY</th>
              <th>Print Status</th>



            </tr>
          </thead>
          <tbody>
            @foreach ($summary_sheets as $summary_sheet)
            <tr>
              <td>{{$loop->index +1}}.</td>
              <td> {{$summary_sheet->ref_no}}</td>
              <td>{{$summary_sheet->lbc->name}}</td>
              <td>{{optional($summary_sheet->cocoa_type)->type_name}}</td>
              <td>{{$summary_sheet->season->name}}</td>
              <td>{{$summary_sheet->port->name}}</td>
              <td>{{$summary_sheet->grade}}</td>
              <td>
               {{strtoupper(optional(User::find($summary_sheet->wpo_stats_user_id))->username)}}
             </td>
             <td>
              {{strtoupper(optional(User::find($summary_sheet->wpo_stats_supervisor_id))->username)}}
            </td>
            <td>
              <div class="form-group">
               <div class="checkbox">

                <label>
                  <input class="check" type="checkbox" id="check_{{$summary_sheet->id}}" name="check_{{$summary_sheet->id}}" value="{{$summary_sheet->id}}" onclick='

                  var user_id = {{Auth::id()}};
                  var summary_sheet_id = parseInt($(this).val(), 10);

                  if($(this).is(":checked"))
                  {
                    // this.checked = confirm("Are you sure you want to check this?");
                    // if(this.checked == true){
                                  //alert(id);
                                  $.ajax({
                                    url: "{{ url('accept_summary_sheet_print') }}",
                                    type: "GET",
                                    data: {
                                      summary_sheet_id: summary_sheet_id,
                                      user_id: user_id

                                    },
                                  })
                                  .done(function(data) {
                                    console.log(data);
                                    $("#check_{{$summary_sheet->id}}").attr("disabled", true);
                                    // location.reload();

                                    console.log("checked");
                                  })
                                  .fail(function() {
                                    console.log("error");
                                  })
                                  .always(function() {
                                    console.log("complete");
                                  });

                                }

                                ' @if($summary_sheet->print =='YES')
                                disabled checked
                                @endif
                                >
                              </label>
                            </div>
                          </div>
                        </td>

                      </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>


              </div>

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

              </div>


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

          </section>

          @endsection

          @section('more-scripts')
          <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
          <script>
            $(function () {

              $.ajaxSetup({

                headers: {

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

                }

              });


              $('#example1').DataTable();
            })
          </script>

          @endsection