@extends('layouts.app')
@section('title', 'ঋণ তালিকা')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <form class="d-flex gap-2" method="GET">
        <select name="status" class="form-select" onchange="this.form.submit()">
            <option value="">সব স্ট্যাটাস</option>
            @foreach (['pending','approved','rejected','running','completed'] as $s)
                <option value="{{ $s }}" @selected(request('status') == $s)>{{ $s }}</option>
            @endforeach
        </select>
    </form>
    <a href="{{ route('loans.create') }}" class="btn btn-primary">+ নতুন ঋণের আবেদন</a>
</div>

<div class="card">
    <table class="table table-hover mb-0">
        <thead class="table-light">
            <tr><th>ঋণ নং</th><th>সদস্য</th><th>পরিমাণ</th><th>সুদের হার</th><th>কিস্তি</th><th>স্ট্যাটাস</th><th></th></tr>
        </thead>
        <tbody>
            @foreach ($loans as $loan)
                <tr>
                    <td>{{ $loan->loan_no }}</td>
                    <td>{{ $loan->member->name }}</td>
                    <td>{{ number_format($loan->amount, 2) }}</td>
                    <td>{{ $loan->interest_rate }}%</td>
                    <td>{{ $loan->installment_count }}</td>
                    <td><span class="badge bg-secondary">{{ $loan->status }}</span></td>
                    <td><a href="{{ route('loans.show', $loan) }}" class="btn btn-sm btn-outline-info">দেখুন</a></td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $loans->links() }}</div>
@endsection