@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">
        <a class="btn btn-danger" href="{{ route('all.audit.claims') }}">Back to Transactions</a>

      </div>
		</div>
		
			<div class="box-body table-responsive">
                    <table id="" class="table table-bordered table-striped">
                      <thead>
                        <tr>
                          <td style="font-size: 18px; font-weight: bold;" colspan="7">CLAIM DATE: {{Carbon\Carbon::parse($claim->claim_date)->format('dS F Y')}}</td>
                          <td style="font-size: 18px; font-weight: bold; color: green; text-align: right;" colspan="4">CLAIM REF: {{strtoupper($claim->claim_ref)}}</td>
                        </tr>
                        <tr>
                          <th>No.</th>
                          <th>Purity Date</th>
                          <th>Purity Number</th>
                          <th>Purity Grade</th>
                          <th>Station</th>
                          <th>Evacuation Rate</th>
                          <th>Tonnage</th>
                          <th>Bags</th>
                          <th>Producer Price (GH¢)</th>
                          <th>Buyers Margin (GH¢)</th>
                          <th>Evacuation Cost (GH¢)</th>
                          <th>Total Claim (GH¢)</th>
                          <th>Check</th>
                          <th>Audit</th>
                        </tr>
                      </thead>
                    <tbody>

                     @foreach ($internal_waybills as $internal_waybill)

                     <tr>
                      <td>{{$loop->index + 1}}.</td>
                      <td style="color: indigo; font-weight:bold;">{{Carbon\Carbon::parse($internal_waybill->audited_purity_date)->format('d-M-Y')}}</td>
                      <td style="color: darkgreen; font-weight:bold;">{{$internal_waybill->audited_purity_number}}</td>
                      <td style="color: brown; font-weight:bold;">{{$internal_waybill->audited_grade}}</td>
                      <td style="color: darkcyan; font-weight:bold;">{{App\Model\station::find($internal_waybill->audited_station_id)->station_name}}</td>
                      <td style="font-weight:bolder; color: red">{{$internal_waybill->audited_evacuation_rate}}</td>
                      <td style="font-weight: bold; color: darkblue;">{{$internal_waybill->audited_actual_tonnage}}</td>
                      <td style="font-weight: bold;">{{$internal_waybill->audited_no_bags}}</td>
                      
                                             <td>{{ number_format($pp,2)}}</td>
                                            <td>{{ number_format($bm,2)}}</td>
                                            <td>{{ number_format($ec,2)}}</td>
                                            <td>{{number_format($tc,2) }}</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_{{$internal_waybill->id}}" name="check_{{$internal_waybill->id}}" value="{{$internal_waybill->id}}" onclick='
                                    //var claim_id = $(this).val();
                                    var user_id = $("#user_id").val();
                                    var internal_waybill_id = parseInt($(this).val(), 10);
                                    $(this).attr("disabled", "true");

                                    if($(this).is(":checked")) {
                                        //alert(user_id);
                                        $.ajax({
                                          url: "{{ url('audit_claim_waybill') }}",
                                          type: "PUT",
                                          data: {
                                            internal_waybill_id: internal_waybill_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: "{{ url('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 ($internal_waybill->vetted_by != NULL)
                                         disabled checked
                                       @endif
                                    @endcan
                                    @can('accra.audit.validate', Auth::user())
                                       @if ($internal_waybill->validated_by != NULL)
                                         disabled checked
                                       @endif
                                    @endcan
                                    @can('accra.audit.certify', Auth::user())
                                       @if ($internal_waybill != NULL)
                                         disabled checked
                                       @endif
                                    @endcan
                                       >
                                  
                                </label>
                              </div>
                            </div>
                      </td>
                      <td>
                        <a href="{{ route('get.accra.audit',$internal_waybill) }}" class="btn btn-danger"
                        @can('accra.audit.vet', Auth::user())
                                       @if ($internal_waybill->vetted_by != NULL)
                                         onclick="event.preventDefault()" checked disabled
                                       @endif
                                    @endcan
                                    @can('accra.audit.validate', Auth::user())
                                       @if ($internal_waybill->validated_by != NULL)
                                         onclick="event.preventDefault()" checked disabled
                                       @endif
                                    @endcan
                                    @can('accra.audit.certify', Auth::user())
                                       @if ($internal_waybill->certified_by != NULL)
                                         onclick="event.preventDefault()" checked disabled
                                       @endif
                                    @endcan
                                    >AUDIT</a>
                      </td>
                         
                       </tr>
                       @endforeach
                     </tbody>
                     <tfoot>
                       <tr style="color: green;">
                        <th colspan="5" style="text-align: right"> GRAND TOTAL: </th>
                        <th>{{number_format($ser,4)}}</th>
                        <th>{{number_format($sat,4)}}</th>
                        <th>{{number_format($spp,2)}}</th>
                        <th>{{number_format($sbm,2)}}</th>
                        <th>{{number_format($sec,2)}}</th>
                        <th>{{number_format($stc,2)}}</th>
                        
                      </tr>
                     </tfoot>
                   </table>
                
               
        
     
        

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