@extends('layouts.app')

@section('content')
<div class="container mx-auto p-6">
    <h1 class="text-3xl font-bold text-gray-800 mb-6">Repayment History for Loan ID: {{ $loan->id }}</h1>

    <!-- Repayment History Table -->
    <table class="min-w-full table-auto border-collapse">
        <thead class="bg-blue-500 text-white">
            <tr>
                <th class="py-3 px-4 text-left">Repayment Amount</th>
                <th class="py-3 px-4 text-left">Repayment Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($repayments as $repayment)
                <tr class="border-t hover:bg-gray-100">
                    <td class="py-3 px-4">{{ number_format($repayment->repayment_amount, 2) }}</td>
                    <td class="py-3 px-4">{{ \Carbon\Carbon::parse($repayment->created_at)->format('M d, Y') }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <!-- Back to Loan Management -->
    <div class="mt-6">
        <!-- <a href="{{ route('loans.index') }}" class="text-blue-600">Back to Loan Management</a> /  --> 
        <a href="{{ route('loans.show', $loan) }}" class="text-blue-600">Go to Loan details</a>
    </div>

</div>
@endsection