@extends('layouts.app')

@section('content')
<div class="container mx-auto p-6">
    <h1 class="text-3xl font-bold text-gray-800 mb-6">Request a Loan</h1>

    <div class="bg-white p-6 rounded-lg shadow-md">
        <form action="{{ route('loans.store') }}" method="POST">
            @csrf
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Select Member</label>
                <select name="member_id" class="w-full p-2 border rounded-md">
                    @foreach ($members as $member)
                        <option value="{{ $member->id }}">{{ $member->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Loan Amount</label>
                <input type="number" name="amount" class="w-full p-2 border rounded-md" required>
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Interest Rate (%)</label>
                <input type="number" step="0.01" name="interest_rate" class="w-full p-2 border rounded-md" required>
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Repayment Period (Months)</label>
                <input type="number" name="repayment_period" class="w-full p-2 border rounded-md" required>
            </div>

            <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded-md">Submit Loan Request</button>
        </form>
    </div>
</div>
@endsection