@include('crud::fields.inc.wrapper_start')
<table class="table">
    <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">Approved Amount</th>
        <th  scope="col">Created At</th>
        <th  scope="col">Paid</th>
      </tr>
    </thead>
    <tbody>
        @php
        $approvedTotal = 0;
        @endphp
        @foreach ($entry->approvalLogs as $log)
          <tr>
            <td>{{$loop->iteration}}</td>
            <td>
               $ {{ $log->approved_amount; }}
            </td>
            <td>
                {{  $log->created_at->format('d-m-Y')  }}
            </td>
            <td>
               {{ $log->is_paid ? 'Yes' : 'No'}}
            </td>
            @if (backpack_user()->canany(['supplier-invoice-paid-status']) && !$log->is_paid)
            <td>
                <div class="btn btn-success btn-sm rounded-pill btn-approval-logs" data-id="{{$log->id}}">Mark as Paid </div>
            </td>
            @endif
          </tr>
        @endforeach
    </tbody>
  </table>
  @include('crud::fields.inc.wrapper_end')
  @push('crud_fields_scripts')
<script type="text/javascript">

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $(document).on("click", ".btn-approval-logs", function() {
        let id = $(this).attr("data-id");
        let url = "{{ route('supplier-invoice.approval.paid', ':id') }}";
        url = url.replace(':id', id);

        if(confirm("Are you sure want to change to paid this log?"))
        {
            $.ajax({
                type:'POST',
                url: url,
                success: function(){

                    new Noty({
                        type: "success",
                        text: 'status changed ',
                    }).show();
                    location.reload();

                }
            });
        }
        else{
            return false;
        }
    });

</script>
@endpush