@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">

			</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>SUMMARY REF(S).</th>
                  <th>CLAIM DOCUMENTS</th>
                  <th>RETURN</th>
                  <th>AUDIT</th>
                  <th>CHECK</th>
                  <!--<th>PURITY DETAILS</th>
                  <th>PAYMENT SUMMARY</th>
                  <th>COVER LETTER</th> -->
                  <th>VETTED BY</th>
                  <th>VALIDATED BY</th>
                  <th>CERTIFIED BY</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($claims as $claim)
                  <tr>
                    <td>{{$loop->index +1}}.</td>
                    <td style="color: darkcyan; font-weight: bolder;">{{$claim->lbc->name}}</td> 
                    <td style="color: purple; font-weight: bolder;">{{$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 style="font-weight: bold; color: indigo">
                      @foreach ($claim->summary_sheets as $summary_sheet)
                      <table>
                         <tr>
                           <td><a href="{{ route('view.audited.summary',$summary_sheet) }}">{{$summary_sheet->ref_no}}</a></td>
                         </tr>
                      </table>
                      @endforeach
                    </td>
                    <td><a href="{{ route('get.claim.docs',$claim) }}" class="btn btn-primary">DOCUMENTS</a> </td>
                    
                    <td><a href="{{ route('claim.reason_for_return_claim',$claim) }}" class="btn btn-danger">RETURN</a> </td>
                    
                    <td><a href="{{ route('view.claim.purity',$claim) }}" class="btn btn-warning">AUDIT</a> </td>
                        
                   
                    <!--<td> <a href="{{-- route('get.claim.purity_details',$claim) --}}" class="btn btn-info">Purity details</a> </td>
                    <td> <a href="{{-- route('get.claim.payment_details',$claim) --}}" class="btn btn-success">Payment summary</a> </td>
                    <td><a href="{{-- route('get.claim.cover_details',$claim) --}}" class="btn btn-warning">Cover Letter</a> </td>-->
                    <td>

                            <div class="form-group">
                               <div class="checkbox">
                                <input type="hidden" id="user_id" value="{{Auth::id()}}">
                                <label>
                                  <input class="check" type="checkbox" id="check_{{$claim->id}}" name="check_{{$claim->id}}" value="{{$claim->id}}" onclick='
                                    //var claim_id = $(this).val();
                                    var user_id = $("#user_id").val();
                                    var claim_id = parseInt($(this).val(), 10);
                                    $(this).attr("disabled", "true");

                                    if($(this).is(":checked")) {
                                        //alert(user_id);
                                        $.ajax({
                                          url: "{{ route('audit_claim') }}",
                                          type: "PUT",
                                          data: {
                                            claim_id: claim_id,
                                            user_id: user_id
                                            
                                          },
                                        })
                                        .done(function(data) {
                                          console.log(data);
                                          console.log("checked");
                                          //$(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: "{{ route('unaudit_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");
                                        });
                                        
                                      }
                                    ' @can('accra.audit.vet', Auth::user())
                                       @if ($claim->vetted_by != NULL)
                                         disabled checked
                                       @endif
                                    @endcan
                                    @can('accra.audit.validate', Auth::user())
                                       @if ($claim->validated_by != NULL)
                                         disabled checked
                                       @endif
                                    @endcan
                                    @can('accra.audit.certify', Auth::user())
                                       @if ($claim->certified_by != NULL)
                                         disabled checked
                                       @endif
                                    @endcan
                                       >
                                  
                                </label>
                              </div>
                            </div>

                         </td>
                    <td>{{strtoupper(optional(App\User::find($claim->vetted_by))->username)}}</td>
                    <td>{{strtoupper(optional(App\User::find($claim->validated_by))->username)}}</td>
                    <td>{{strtoupper(optional(App\User::find($claim->certified_by))->username)}}</td>
                    

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

        }

    });





    $('#example1').DataTable()
    $('#example2').DataTable({
      'paging'      : true,
      'lengthChange': false,
      'searching'   : false,
      'ordering'    : true,
      'info'        : true,
      'autoWidth'   : false
    })
  })
</script>

@endsection