@extends('admin.layout.app')

@section('more-head')
 <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">INTERNAL WAYBILLS</h3>
    @can('stats.user', Auth::user())
     {{-- <div class="col-lg-offset-5"><a href="{{ route('summaries.create') }}" class="btn btn-success">Add summary sheet</a></div> --}}
    @endcan
    <div class="box-tools pull-right">
     @php
      use App\User;
      $user = Auth::user();
     @endphp
    </div>
   </div>

   <div class="box-body table-responsive">
    <div class="col-md-12">
     <table id="example1" class="table-bordered table-striped table-condensed table">
      <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>
        <td>REASONS FOR RETURN</td>
        <td>VIEW SUMMARY SHEET</td>
        @if ($user->can('stats.user') || $user->can('stats.supervisor'))
         <th>SEND TO AUDIT</th>
        @endif

       </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>
          @if ($summary_sheet->audit_logs()->exists())
           @foreach ($summary_sheet->audit_logs as $audit_log)
            {{ $audit_log->reasons_for_return }} <br>
           @endforeach
          @else
         <td></td>
       @endif
       </td>
       <td><a href="{{ route('view.completed.summary', $summary_sheet) }}" class="btn btn-success"
         @if ($summary_sheet->internal_waybills->count() == 0) onclick="event.preventDefault()" disabled @endif>View Sheet</a> </td>
       @if ($user->can('stats.user') || $user->can('stats.supervisor'))
        <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 != 'returned') disabled checked @elseif($summary_sheet->wpo_stats_supervisor_id == null) disabled @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 return?");
                              if(this.checked == true){
                                  //alert(id);
                                  $.ajax({
                                    url: "{{ url('push_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>
        {{-- expr --}}
       @endif

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

   </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>
  $(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()
   $('#example2').DataTable({
    'paging': true,
    'lengthChange': false,
    'searching': false,
    'ordering': true,
    'info': true,
    'autoWidth': false
   })
  })
 </script>
@endsection