@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.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">CLAIMS</h3>

			<div class="box-tools pull-right">
       <a class="btn btn-info" href="{{ route('reset.claim.print') }}">Reset Print </a>

     </div>
   </div>
   @php
   $user = Auth::user();
   @endphp

   <div class="box-body table-responsive">
    <div class="col-md-12">
      <table id="example2" 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>Accounts Authorizer</th>
            <th>Accounts Authorizer Time</th>
            <th>Audit Secretary</th>
            <th>Audit Secretary Time</th>




          </tr>
        </thead>
        <tbody>
          @forelse ($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;">{{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>{{ $user::find($claim->authorized_by)->username }}</td>
            <td>{{Carbon\Carbon::parse($claim->authorized_by_time)->format('dS M Y h:i a')}}</td>
            <td>{{$user::find($claim->audit_logs->last()->accra_audit_secretary_id)->username}}</td>
            <td>
              {{Carbon\Carbon::parse($claim->audit_logs->last()->accra_audit_secretary_time)->format('dS M Y h:i a')}} <br>
            </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 src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>
<script src= "{{asset('admin/bower_components/datatables.net/js/buttons.print.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 receive?");
        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'      : false,
      'lengthChange': false,
      'searching'   : false,
      'ordering'    : true,
      'info'        : true,
      'autoWidth'   : false,
      dom: 'Bfrtip',
      buttons: [
      {
        extend: 'pdfHtml5',
        title: 'Claims From Accounts To Audit'
      },
      {
        extend: 'print',
        messageBottom: '<pre>                         Accounts Rep                            Audit Secretary</br></br> Name </br></br> Signature </pre>',
        title: '<h2 style="position:absolute; top:20; left:120;">Claims From Accounts To Audit</h2>',
        messageTop: '<img src="{{asset('admin/dist/img/cmclogo.png')}}" style="position:relative; top:0; left:0;" />'
      }
      ]
    })
  })
</script>

@endsection