@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">COST SHEETS</h3>
    <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>COST SHEET REF.</td>
        <td>GANG</td>
        <td>SEASON</td>
        <td>TOC</td>
        <th>PREPARED BY</th>
        <td>REASONS FOR RETURN</td>
        @if ($user->can('operation.toc_wpo.arrival'))
         <td>VIEW ACTIVITY SUMMARY</td>
         <th>SEND TO AUDIT</th>
        @endif

       </tr>
      </thead>
      <tbody>
       @foreach ($cost_sheets as $cost_sheet)
        <tr>
         <td>{{ $loop->index + 1 }}.</td>
         <td> {{ $cost_sheet->cost_sheet_ref }}</td>
         <td>{{ $cost_sheet->gang->gang_name }}</td>
         <td>{{ $cost_sheet->season->name }}</td>
         <td>{{ $cost_sheet->port->name }}</td>
         <td>
          {{ strtoupper(optional(User::find($cost_sheet->wpo_arrival_user))->username) }}
         </td>
         {{-- @if ($cost_sheet->audit_logs()->exists())
          @foreach ($cost_sheet->audit_logs as $audit_log) --}}
         <td style="color:red">
          {{ strtoupper($cost_sheet->audit_logs->last()->toc_reasons_for_return) }} <br>
         </td>
         {{-- @endforeach
         @endif --}}
         @if ($user->can('operation.toc_wpo.arrival'))
          <td><a href="{{ route('add.intwaybill.cost_sheet', $cost_sheet) }}" class="btn btn-warning"> Activity
            Summaries</a>
          </td>
          <td>
           <div class="form-group">
            <div class="checkbox">

             <label>
              <input class="check" type="checkbox" id="check_{{ $cost_sheet->id }}" name="check_{{ $cost_sheet->id }}"
               value="{{ $cost_sheet->id }}"
               @if ($cost_sheet->toc_audit_secretariat_status != 'returned') disabled checked @elseif($cost_sheet->wpo_arrival_supervisor_time == null) disabled @endif
               onclick='
                            //var id = parseInt($(this).val(), 10);
                            //var ctor_id = $(this).val();

                            var user_id = {{ Auth::id() }};
                            var cost_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_cost_sheet') }}",
                                    type: "GET",
                                    data: {
                                      cost_sheet_id: cost_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