@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">
       @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>
            <td>No.</td>
            <td>REF NO.</td>
            <td>LBC</td>
            <td>COCOA TYPE</td>
            <td>SEASON</td>
            <td>TOC</td>
            <td>GRADE</td>

            <th>PREPARED BY</th>
            <th>SUPERVISED BY</th>
            <th>RECEIVE</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}}" @if ($summary_sheet->toc_audit_secretariat_status != NULL)
                disabled checked 
                @endif onclick='
                            //var id = parseInt($(this).val(), 10);
                            //var ctor_id = $(this).val();

                            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 tick leftover?");
                              if(this.checked == true){
                                  //alert(id);
                                  $.ajax({
                                    url: "{{ url('accept_summary_sheet') }}",
                                    type: "GET",
                                    data: {
                                      summary_sheet_id: summary_sheet_id,
                                      user_id: user_id

                                    },
                                  })
                                  .done(function(data) {
                                    console.log(data);
                                    location.reload();
                                    $(this).attr("disabled", true);

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

                              }

                              '
                              >

                            </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')

              }

            });

 /*  $('.check').click( function(event) {
      //event.preventDefault();
      /* Act on the event 
      var user_id = {{--Auth::id()--}};
      var summary_sheet_id = parseInt($(this).val(), 10);
      //alert(summary_sheet_id)
      $(this).attr("disabled", "false");
      //$(this).attr("checked", "checked");
      $(this).attr('checked',true);
      
      if($(this).is(":checked")) {
        this.checked = confirm("Are you sure you want to approve?");
        if(this.checked == false){
          $(this).attr('disabled',false);
        }
        
        else{
          $.ajax({
            url: "{{-- url('accept_summary_sheet')--}}",
            type: "PUT",
            data: {
              summary_sheet_id: summary_sheet_id,
              user_id: user_id

            },
          })
          .done(function(data) {
            console.log(data);
            console.log("checked");
            location.reload();
            //$(this).attr("disabled", true);
          })
          .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('unaccept_summary_sheet')--}}",
            type: "PUT",
            data: {
              summary_sheet_id: summary_sheet_id,
              user_id: user_id
              
            },
          })
          .done(function(data) {
            console.log(data);
            console.log("unchecked");
          })
          .fail(function() {
            console.log("error");
          })
          .always(function() {
            console.log("complete");
          });
          
        }
      });
      */

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

  @endsection