@extends('layouts.public')

@section('title', 'ऋण पात्रता कैलकुलेटर (Loan Eligibility Calculator) | Vishwas Bank')

@section('content')
<div class="bg-navy text-white py-14 border-b-2 border-gold relative">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <span class="text-xs uppercase tracking-widest text-gold font-bold">आर्थिक क्षमता का सटीक आंकलन</span>
        <h1 class="text-3xl sm:text-5xl font-extrabold font-heading mt-2">ऋण पात्रता कैलकुलेटर (Eligibility Calculator)</h1>
        <p class="text-gray-300 text-sm sm:text-base mt-2 max-w-2xl">
            अपनी मासिक आय और वर्तमान देनदारियों के आधार पर जानें कि आप कितने ऋण के लिए पात्र हो सकते हैं।
        </p>
    </div>
</div>

<div class="py-16 bg-[#FAF7F2]">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10">
        
        <div class="bg-white rounded-3xl p-6 sm:p-10 border-2 border-gold shadow-xl">
            <form action="{{ route('calculator.eligibility') }}" method="GET" class="space-y-6">
                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                    <div>
                        <label class="block text-xs font-bold text-gray-700 uppercase mb-2">मासिक शुद्ध आय (Net Monthly Income ₹)</label>
                        <input type="number" name="income" min="5000" step="1000" value="{{ $income }}" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm font-bold text-navy focus:ring-2 focus:ring-gold">
                    </div>

                    <div>
                        <label class="block text-xs font-bold text-gray-700 uppercase mb-2">वर्तमान अन्य ईएमआई (Existing EMIs ₹)</label>
                        <input type="number" name="existing_emi" min="0" step="500" value="{{ $existingEmi }}" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm font-bold text-navy focus:ring-2 focus:ring-gold">
                    </div>

                    <div>
                        <label class="block text-xs font-bold text-gray-700 uppercase mb-2">अपेक्षित ब्याज दर (% p.a.)</label>
                        <input type="number" name="rate" min="5" max="25" step="0.25" value="{{ $rate }}" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm font-bold text-navy focus:ring-2 focus:ring-gold">
                    </div>

                    <div>
                        <label class="block text-xs font-bold text-gray-700 uppercase mb-2">ऋण अवधि (Tenure in Months)</label>
                        <input type="number" name="tenure" min="6" max="84" step="6" value="{{ $tenure }}" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm font-bold text-navy focus:ring-2 focus:ring-gold">
                    </div>
                </div>

                <div class="flex justify-center">
                    <button type="submit" class="px-8 py-3 bg-navy text-white font-bold rounded-xl hover:bg-royal transition text-sm shadow">
                        <i class="fa-solid fa-calculator text-gold mr-1"></i> पात्रता की जांच करें
                    </button>
                </div>
            </form>

            @if(isset($result))
            <div class="mt-8 pt-8 border-t border-gray-200 text-center space-y-4">
                <span class="text-xs uppercase text-gold font-bold">अनुमानित ऋण पात्रता (Estimated Loan Capacity)</span>
                <div class="text-3xl sm:text-5xl font-extrabold text-forest font-heading">
                    ₹ {{ number_format($result['eligible_amount'], 2) }}
                </div>
                <p class="text-xs text-gray-600 max-w-lg mx-auto">
                    आप अधिकतम <strong>₹{{ number_format($result['max_allowed_emi'], 2) }}/माह</strong> की ईएमआई देने में सक्षम हैं (50% आय मानक के अनुसार)।
                </p>
                <div class="p-3 bg-amber-50 rounded-xl border border-amber-200 text-xs text-amber-900 max-w-xl mx-auto text-left">
                    <p class="font-bold"><i class="fa-solid fa-circle-info mr-1"></i> अस्वीकरण (Disclaimer):</p>
                    <p class="text-[11px] text-gray-600 mt-0.5">
                        यह गणना केवल एक सांकेतिक अनुमान है। वास्तविक ऋण स्वीकृति आवेदक के संपूर्ण दस्तावेज, केवाईसी एवं क्रेडिट मूल्यांकन पर निर्भर करती है।
                    </p>
                </div>
                <div class="pt-2">
                    <a href="{{ route('customer.loans.apply') }}" class="px-6 py-2.5 bg-gold text-navy font-bold rounded-lg text-xs uppercase hover:bg-gold-dark transition shadow">
                        ऋण हेतु आवेदन करें
                    </a>
                </div>
            </div>
            @endif
        </div>

    </div>
</div>
@endsection