@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">CLAIMS</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 table-bordered table-striped table-condensed">
              <thead>
                <tr>
                 <th>No.</th>
                  <th>LBC</th>
                  <th>BANK</th>
                  <th>CLAIM REF NO.</th>
                  <th>CLAIM DATE</th>
                  <th>TOTAL CLAIM GH¢</th>
                  <th>TOTAL NUMBER OF BAGS</th>
                  <th>TOTAL TONNAGE</th>
                  <th>LBC INVOICE</th>
                 <th>REASONS FOR RETURN</th>
                  <th>CLAIM DOCUMENTS</th>

               @if ($user->can('claims'))
                  <th>SEND TO AUDIT</th>
                 
               @endif
                  

                 

                </tr>
              </thead>
              <tbody>
                @foreach ($claims as $claim)
                  <tr>
                    
                    <td>{{$loop->index +1}}.</td>
                    <td style="color: darkcyan; font-weight: bolder;">{{optional($claim->lbc)->name}}</td> 
                    <td style="color: purple; font-weight: bolder;">{{optional($claim->bank)->name}}</td>
                    <td style="font-weight: bold; color:red;">{{$claim->claim_ref}}</td>
                    <td>{{Carbon\Carbon::parse($claim->claim_date)->format('d M Y')}}</td>
                    <td style="font-weight: bolder; color: green;">{{($claim->total_claim)}}</td>
                    <td style="font-weight: bolder; color: blue;">{{number_format($claim->total_bags)}}</td>
                    <td style="font-weight: bolder; color: darkred;">{{number_format($claim->total_tonnage,4)}}</td>
                    <td>{{$claim->lbc_invoice}}</td>
                    <td>
                      @if ($claim->audit_logs->count() > 1)
                        @foreach ($claim->audit_logs->reverse() as $audit_log)
                          
                            {{$audit_log->reasons_for_return}} 
                           <br>
                        @endforeach
                        
                      @endif
                    </td>
                    
                    <td><a href="{{ route('get.claim.docs',$claim) }}" class="btn btn-danger">DOCUMENTS</a> </td>
                    @if ($user->can('claims') )
                        <td>
                          <div class="form-group">
                           <div class="checkbox">

                            <label>
                              <input class="check" type="checkbox" id="check_{{$claim->id}}" name="check_{{$claim->id}}" value="{{$claim->id}}" @if ($claim->accra_audit_secretariat_status != 'returned')
                              disabled checked
                              @endif onclick='
                            
                           var user_id = {{Auth::id()}};
                           var claim_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('push_claim') }}",
                                      type: "PUT",
                                      data: {
                                        claim_id: claim_id,
                                        user_id: user_id

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

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