@extends('layouts.public')

@section('title', 'जमा योजनाएं (Deposit Schemes) | 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">समस्त जमा योजनाएं (Deposit Schemes)</h1>
        <p class="text-gray-300 text-sm sm:text-base mt-2 max-w-2xl">
            सावधि जमा (FD) एवं आवर्ती जमा (RD) की समस्त योजनाएं, आकर्षक ब्याज दरें एवं वरिष्ठ नागरिक लाभ।
        </p>
    </div>
</div>

<div class="py-16 bg-[#FAF7F2]">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            @foreach($schemes as $s)
            <div class="bg-white rounded-2xl p-6 border border-gold/30 shadow card-hover flex flex-col justify-between">
                <div>
                    <span class="text-[11px] font-bold text-forest bg-green-50 px-2 py-0.5 rounded uppercase">
                        {{ $s->type === 'fixed' ? 'सावधि जमा (FD)' : 'आवर्ती जमा (RD)' }}
                    </span>
                    <h3 class="text-xl font-bold text-navy mt-2">{{ $s->name }}</h3>
                    <p class="text-xs text-gray-600 mt-2">{{ $s->description }}</p>
                    <div class="mt-4 pt-3 border-t border-gray-100 text-xs space-y-1.5">
                        <div class="flex justify-between"><span class="text-gray-500">अवधि:</span> <strong class="text-navy">{{ $s->tenure_months }} माह</strong></div>
                        <div class="flex justify-between"><span class="text-gray-500">सामान्य ब्याज:</span> <strong class="text-forest">{{ $s->annual_interest_rate }}% p.a.</strong></div>
                        <div class="flex justify-between"><span class="text-gray-500">वरिष्ठ नागरिक:</span> <strong class="text-gold-dark">{{ $s->senior_citizen_interest_rate ?? ($s->annual_interest_rate + 0.5) }}% p.a.</strong></div>
                        <div class="flex justify-between"><span class="text-gray-500">न्यूनतम राशि:</span> <strong class="text-navy">₹{{ number_format($s->min_amount, 2) }}</strong></div>
                    </div>
                </div>
                <div class="mt-6 pt-4 border-t border-gray-100">
                    <a href="{{ $s->type === 'fixed' ? route('fixed-deposit') : route('recurring-deposit') }}" class="block w-full py-2 bg-navy text-white text-center text-xs font-bold rounded-lg hover:bg-royal">
                        कैलकुलेटर एवं आवेदन
                    </a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
@endsection