@extends('loans.base')

@section('action-content')
<section class="content">
  <div class="box">
    
        <div class="col-sm-8">
            <h3 class="box-title">Select a loan to record repayment</h3>
        </div>

        <div class="col-sm-4">
            <form method="GET" action="{{ route('loans.repayment.list') }}">
                <div class="input-group">
                  <input type="text"
                         name="search"
                         class="form-control"
                         placeholder="Search loan number or client"
                         value="{{ request('search') }}">
                  <span class="input-group-btn">
                      <button class="btn btn-primary" type="submit">Search</button>
                  </span>
                </div>
            </form>
        </div>
   

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Loan Number</th>
                <th>Client</th>
                <th>Loan Amount</th>
                <th>Outstanding Balance</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($loans as $loan)
            
            <tr>
                <td>{{ $loan->loan_number }}</td>
                <td>{{ $loan->client->surname }} {{ $loan->client->first_name }}</td>
                <td>{{ number_format($loan->amount, 2) }}</td>
                <td>{{ number_format($loan->total_remaining, 2) }}</td>
                <td>
                    <a href="{{ route('loans.repayment.screen', $loan->id) }}" class="btn btn-primary">
                        Make Payment
                    </a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

</section>
@endsection