@extends('layouts.app')
@section('title', 'ঋণের বিবরণ')
@section('content')
<div class="row g-3">
    <div class="col-md-4">
        <div class="card p-3">
            <h5>{{ $loan->loan_no }}</h5>
            <div><strong>সদস্য:</strong> {{ $loan->member->name }}</div>
            <div><strong>পরিমাণ:</strong> {{ number_format($loan->amount, 2) }} ৳</div>
            <div><strong>সুদের হার:</strong> {{ $loan->interest_rate }}%</div>
            <div><strong>কিস্তি:</strong> {{ $loan->installment_count }} × {{ number_format($loan->installment_amount, 2) }} ৳</div>
            <div><strong>স্ট্যাটাস:</strong> <span class="badge bg-secondary">{{ $loan->status }}</span></div>
            <div><strong>মোট বকেয়া:</strong> {{ number_format($loan->totalDue(), 2) }} ৳</div>

            @if ($loan->status === 'pending' && auth()->user()->hasRole('Admin', 'Manager'))
                <div class="mt-3 d-flex gap-2">
                    <form method="POST" action="{{ route('loans.approve', $loan) }}">
                        @csrf
                        <button class="btn btn-success btn-sm">অনুমোদন করুন</button>
                    </form>
                    <form method="POST" action="{{ route('loans.reject', $loan) }}">
                        @csrf
                        <button class="btn btn-danger btn-sm">বাতিল করুন</button>
                    </form>
                </div>
            @endif
        </div>
    </div>
    <div class="col-md-8">
        <div class="card p-3">
            <h6>কিস্তির শিডিউল</h6>
            <table class="table table-sm">
                <thead><tr><th>#</th><th>তারিখ</th><th>বকেয়া</th><th>পরিশোধিত</th><th>জরিমানা</th><th>স্ট্যাটাস</th><th></th></tr></thead>
                <tbody>
                @foreach ($loan->installments as $inst)
                    <tr>
                        <td>{{ $inst->installment_no }}</td>
                        <td>{{ $inst->due_date->format('d-m-Y') }}</td>
                        <td>{{ number_format($inst->due_amount, 2) }}</td>
                        <td>{{ number_format($inst->paid_amount, 2) }}</td>
                        <td>{{ number_format($inst->fine_amount, 2) }}</td>
                        <td><span class="badge bg-{{ $inst->status === 'paid' ? 'success' : ($inst->status === 'overdue' ? 'danger' : 'warning') }}">{{ $inst->status }}</span></td>
                        <td>
                            @if ($inst->status !== 'paid')
                                <button class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" data-bs-target="#collect-{{ $inst->id }}">আদায়</button>
                            @endif
                        </td>
                    </tr>
                    @if ($inst->status !== 'paid')
                    <tr class="collapse" id="collect-{{ $inst->id }}">
                        <td colspan="7">
                            <form method="POST" action="{{ route('loans.installments.collect', $inst) }}" class="d-flex gap-2 align-items-end">
                                @csrf
                                <div>
                                    <label class="form-label small mb-0">পরিশোধিত পরিমাণ</label>
                                    <input type="number" step="0.01" name="paid_amount" class="form-control form-control-sm" required>
                                </div>
                                <div>
                                    <label class="form-label small mb-0">জরিমানা</label>
                                    <input type="number" step="0.01" name="fine_amount" class="form-control form-control-sm" value="0">
                                </div>
                                <div>
                                    <label class="form-label small mb-0">তারিখ</label>
                                    <input type="date" name="paid_date" class="form-control form-control-sm" value="{{ date('Y-m-d') }}" required>
                                </div>
                                <button class="btn btn-sm btn-success">জমা দিন</button>
                            </form>
                        </td>
                    </tr>
                    @endif
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
@endsection