@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">Cost Sheets</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>GANG</td>
            <td>TOC</td>
            <td>SEASON</td>
            <td>COST SHEET DATE</td>
            
            <th>PREPARED BY</th>
            <th>SUPERVISED BY</th>
            <th>RECEIVE</th>



          </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->port->name}}</td>
              <td>{{$cost_sheet->season->name}}</td>
              <td>
               {{strtoupper(optional(User::find($cost_sheet->wpo_arrival_user))->username)}}
              </td>
              <td>
              {{strtoupper(optional(User::find($cost_sheet->wpo_arrival_supervisor))->username)}}
             </td>

              <td>{{$cost_sheet->cost_sheet_date}} <input type="hidden" name="cost_sheet_id" id="cost_sheet_id" value="{{$cost_sheet->id}}"></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 != NULL)
                disabled checked 
                @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?");
                              if(this.checked == true){
                                  //alert(id);
                                  $.ajax({
                                    url: "{{url('accept_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>

                      


                    </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 cost_sheet_id = parseInt($(this).val(), 10);
      //alert(cost_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_cost_sheet')--}}",
            type: "PUT",
            data: {
              cost_sheet_id: cost_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_cost_sheet')--}}",
            type: "PUT",
            data: {
              cost_sheet_id: cost_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