@extends('loans.base')
@section('action-content')
<div class="container">
    <h3>Pending Loans</h3>

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Loan #</th>
                <th>Client</th>
                <th>Amount</th>
                <th>Interest %</th>
                <th>Tenor (months)</th>
                <th>Created By</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($loans as $loan)
            <tr id="loanRow{{ $loan->id }}">
                <td>{{ $loan->loan_number }}</td>
                <td>{{ $loan->client->surname }} {{ $loan->client->othernames }}</td>
                <td>{{ number_format($loan->amount,2) }}</td>
                <td>{{ $loan->interest_rate }}</td>
                <td>{{ $loan->tenor_months }}</td>
                <td>{{ $loan->creator->name }}</td>
                <td>
                    <button class="btn btn-success btn-sm approveLoan" data-id="{{ $loan->id }}">Approve</button>
                    <button class="btn btn-danger btn-sm rejectLoan" data-id="{{ $loan->id }}">Reject</button>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<script>
$(document).ready(function() {
    $('.approveLoan').click(function() {
        let id = $(this).data('id');
        $.post('/loans/' + id + '/approve', {_token: '{{ csrf_token() }}'}, function(res){
            alert(res.message);
            location.reload();
        });
    });

    $('.rejectLoan').click(function() {
        let id = $(this).data('id');
        $.post('/loans/' + id + '/reject', {_token: '{{ csrf_token() }}'}, function(res){
            alert(res.message);
            location.reload();
        });
    });
});
</script>
@endsection