@php

    $schemeCount = \App\Models\Scheme::query()->verified()->count();

    $categoryCounts = \App\Models\Scheme::query()

        ->verified()

        ->selectRaw('category, count(*) as c')

        ->groupBy('category')

        ->pluck('c', 'category');

    $popularSchemes = \App\Models\Scheme::query()

        ->verified()

        ->orderBy('name')

        ->limit(6)

        ->get();

    $categories = [

        'business' => ['label' => 'Business & MSME'],

        'startup' => ['label' => 'Startup & Innovation'],

        'agriculture' => ['label' => 'Agriculture & Farmers'],

        'education' => ['label' => 'Education & Scholarships'],

        'social' => ['label' => 'Social Security'],

        'skill' => ['label' => 'Skill & Livelihood'],

        'women' => ['label' => 'Women & Girls'],

        'health' => ['label' => 'Health & Insurance'],

        'housing' => ['label' => 'Housing'],

    ];

    $trending = [

        ['q' => 'Mudra', 'label' => 'Mudra Loan'],

        ['q' => 'PM-KISAN', 'label' => 'PM-KISAN'],

        ['q' => 'PM SVANidhi', 'label' => 'PM SVANidhi'],

        ['q' => 'housing', 'label' => 'Housing'],

        ['q' => 'NPS', 'label' => 'NPS'],

    ];

    $homeFaqs = [

        [

            'q' => 'Is Vedica a government website?',

            'a' => 'No. Vedica.ai is an independent Central schemes guide. Always verify and apply on the official portal linked on each scheme page.',

        ],

        [

            'q' => 'What do Strong, Partial and Unlikely mean?',

            'a' => 'They are honest fit levels against published criteria — not approval. Only the department or bank can sanction a benefit.',

        ],

        [

            'q' => 'Which schemes are listed today?',

            'a' => 'Verified Central Government schemes only (currently '.$schemeCount.'). State schemes will come later.',

        ],

        [

            'q' => 'Do I submit my application on Vedica?',

            'a' => 'No. Vedica helps you understand and shortlist. You apply on the official government or bank website.',

        ],

    ];

@endphp



<x-layouts.app

    title="Vedica.ai"

    description="Free independent guide to {{ $schemeCount }}+ verified Central Government schemes in India — eligibility fit, document checklist, and official apply links. Not a government website."

>

    {{-- india.gov.in–style trusted hero (CSS pattern only) --}}

    <section class="hero-portal">

        <div class="container-vedica relative z-10 pb-8 pt-5 text-center sm:pb-10 sm:pt-7">
            <h1 class="text-3xl font-bold tracking-tight text-white sm:text-5xl lg:text-6xl">
                Vedica
                <span class="ml-2 align-middle rounded bg-[#f7c948] px-2 py-0.5 text-[11px] font-bold uppercase tracking-wide text-ink">Beta</span>
            </h1>

            <p class="mt-3 text-base font-medium text-white/90 sm:text-lg">Central schemes guide for India</p>



            <div class="tricolor-rule mt-4" aria-hidden="true">

                <span></span><span></span><span></span>

            </div>



            <p class="mx-auto mt-4 max-w-lg text-sm text-white/85 sm:text-base">

                Honest fit, documents, and official apply links.

            </p>



            <form action="{{ route('schemes.index') }}" method="get" class="hero-search relative mt-6 text-left sm:mt-8">
                <label class="hero-search-query">
                    <span class="hero-search-icon" aria-hidden="true">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/></svg>
                    </span>
                    <input type="search" name="search" placeholder="Search schemes" aria-label="Search schemes">
                </label>
                <select name="category" aria-label="Category">
                    <option value="">All Categories</option>
                    @foreach ($categories as $key => $meta)
                        <option value="{{ $key }}">{{ $meta['label'] }}</option>
                    @endforeach
                </select>
                <button type="submit">Search</button>
            </form>



            <div class="hero-trending">
                <span class="text-xs font-medium text-white/75 sm:text-sm">Trending searches:</span>
                @foreach ($trending as $item)
                    <a class="trend-chip" href="{{ route('schemes.index', ['search' => $item['q']]) }}">{{ $item['label'] }}</a>
                @endforeach
            </div>

            {{-- Stats dock lives fully inside the hero (no bridge overlap) --}}
            <div class="stats-dock">
                <div class="stats-dock-grid">
                    <div class="stat-cell">
                        <svg class="stat-icon-solid" style="color:#f87171" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                            <rect x="3" y="4" width="14" height="18" rx="2"/>
                            <path d="M7 9h6M7 13h6M7 17h4"/>
                            <path d="M17 8h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-9"/>
                        </svg>
                        <div>
                            <p class="stat-main">{{ number_format($schemeCount) }}</p>
                            <p class="stat-sub">SCHEMES</p>
                        </div>
                    </div>
                    <div class="stat-cell">
                        <svg class="stat-icon-solid" style="color:#7c3aed" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M8 13h8M8 17h6"/></svg>
                        <div>
                            <p class="stat-main">Docs</p>
                            <p class="stat-sub">CHECKLIST</p>
                        </div>
                    </div>
                    <div class="stat-cell">
                        <svg class="stat-icon-solid" style="color:#0891b2" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                            <circle cx="12" cy="12" r="9"/>
                            <path d="M3 12h18"/>
                            <path d="M12 3a14 14 0 0 1 0 18"/>
                            <path d="M12 3a14 14 0 0 0 0 18"/>
                        </svg>
                        <div>
                            <p class="stat-main">Official</p>
                            <p class="stat-sub">LINKS</p>
                        </div>
                    </div>
                    <div class="stat-cell">
                        <svg class="stat-icon-solid" style="color:#10b981" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                            <circle cx="12" cy="12" r="9"/>
                            <path d="M8 12.5l2.5 2.5L16.5 9"/>
                        </svg>
                        <div>
                            <p class="stat-main">Free</p>
                            <p class="stat-sub">CHECK</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{-- Category grid — light fills, clipped corner icons --}}
    <section id="categories" class="container-vedica pb-10 pt-8 sm:pt-10">

        <div class="mb-5 text-center">

            <p class="text-sm text-muted">Explore schemes by</p>

            <h2 class="text-xl font-bold tracking-tight sm:text-2xl">Categories</h2>

        </div>

        <div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">

            @foreach ($categories as $key => $meta)

                <a href="{{ route('schemes.index', ['category' => $key]) }}" class="category-card cat-{{ $key }} !rounded-lg">

                    <x-category-icon :name="$key" />

                    <h3 class="relative z-10 pr-10 text-base font-bold text-ink">{{ $meta['label'] }}</h3>

                    <p class="relative z-10 mt-1 text-sm text-muted">{{ $categoryCounts[$key] ?? 0 }} Schemes</p>

                </a>

            @endforeach

        </div>

    </section>



    {{-- How / trust --}}

    <section id="how" class="container-vedica pb-10">

        <div class="portal-surface rounded-3xl border border-white/10 p-6 sm:p-8">

            <div class="text-center">

                <h2 class="text-xl font-bold tracking-tight text-white">How Vedica stays honest</h2>

                <p class="mx-auto mt-2 max-w-2xl text-sm text-white/70 sm:text-base">

                    Clearer and faster than hunting PDFs — without pretending to be the government or promising approval.

                </p>

            </div>

            <div class="mt-6 grid gap-4 sm:grid-cols-3">

                <div class="rounded-2xl border border-white/40 bg-white/10 p-5 backdrop-blur-sm">

                    <p class="text-xs font-semibold uppercase tracking-wide" style="color:#f87171">Fit levels</p>

                    <h3 class="mt-1 font-semibold text-white">Strong / Partial / Unlikely</h3>

                    <p class="mt-2 text-sm text-white/70">Based on published criteria — never “you are approved.”</p>

                </div>

                <div class="rounded-2xl border border-white/40 bg-white/10 p-5 backdrop-blur-sm">

                    <p class="text-xs font-semibold uppercase tracking-wide" style="color:#c4b5fd">Documents</p>

                    <h3 class="mt-1 font-semibold text-white">Checklist before you apply</h3>

                    <p class="mt-2 text-sm text-white/70">Know what to keep ready before opening the official form.</p>

                </div>

                <div class="rounded-2xl border border-white/40 bg-white/10 p-5 backdrop-blur-sm">

                    <p class="text-xs font-semibold uppercase tracking-wide" style="color:#67e8f9">Apply</p>

                    <h3 class="mt-1 font-semibold text-white">Official portal links</h3>

                    <p class="mt-2 text-sm text-white/70">Vedica guides. You apply on the government website.</p>

                </div>

            </div>

            <div class="mt-6 flex w-full flex-col items-center justify-center gap-3 sm:flex-row">
                <a href="{{ route('check') }}" class="btn-primary">Start free eligibility check</a>
                <a href="{{ route('schemes.index') }}" class="inline-flex items-center justify-center rounded-lg border border-white/40 bg-white/10 px-5 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-white/15">Browse all schemes</a>
            </div>

        </div>

    </section>



    {{-- Who it's for (SEO / clarity) --}}

    <section id="who" class="container-vedica pb-10">

        <div class="mx-auto mb-5 max-w-2xl text-center">

            <h2 class="text-xl font-bold tracking-tight">Who Vedica helps</h2>

            <p class="mt-2 text-sm text-muted sm:text-base">

                One place to understand Central schemes before you open a government form — whether you are checking a loan, pension, housing, health, or savings product.

            </p>

        </div>

        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">

            <div class="rounded-2xl border border-line bg-white p-5">

                <h3 class="font-semibold">Citizens &amp; families</h3>

                <p class="mt-2 text-sm text-muted">Social security, health cover, maternity, housing, and savings schemes explained in plain language.</p>

            </div>

            <div class="rounded-2xl border border-line bg-white p-5">

                <h3 class="font-semibold">Farmers &amp; rural workers</h3>

                <p class="mt-2 text-sm text-muted">Income support, crop insurance, livelihoods, and rural employment pathways with official links.</p>

            </div>

            <div class="rounded-2xl border border-line bg-white p-5">

                <h3 class="font-semibold">MSMEs &amp; founders</h3>

                <p class="mt-2 text-sm text-muted">Credit, guarantee, and startup-related Central options with honest fit — not hard-sell eligibility claims.</p>

            </div>

            <div class="rounded-2xl border border-line bg-white p-5">

                <h3 class="font-semibold">First-time applicants</h3>

                <p class="mt-2 text-sm text-muted">Document checklists and apply links so you know where the real application happens.</p>

            </div>

        </div>

    </section>



    {{-- Popular schemes --}}

    <section class="container-vedica pb-10">

        <div class="mb-5 text-center">

            <h2 class="text-xl font-bold tracking-tight">Popular starting points</h2>

            <p class="mt-1 text-sm text-muted">Open any scheme for summary, docs and apply link.</p>

            <a href="{{ route('schemes.index') }}" class="mt-2 hidden text-sm font-semibold text-brand sm:inline">View all →</a>

        </div>

        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">

            @forelse ($popularSchemes as $scheme)

                <a href="{{ route('schemes.show', $scheme) }}" class="ministry-card block !rounded-lg">

                    <p @class([
                        'text-xs font-semibold uppercase tracking-wide',
                        'cat-meta-'.$scheme->category => filled($scheme->category),
                        'text-brand' => blank($scheme->category),
                    ])>{{ $scheme->short_name }}</p>

                    <h3 class="mt-1 text-base font-semibold leading-snug">{{ $scheme->name }}</h3>

                    <p class="mt-2 line-clamp-3 text-sm text-muted">{{ $scheme->summary }}</p>

                </a>

            @empty

                <div class="card col-span-full p-8 text-center">

                    <h3 class="font-semibold text-ink">Verified schemes are being added</h3>

                    <p class="mt-2 text-sm text-muted">

                        Vedica only publishes schemes verified from official portals and guidelines.

                        Check back soon, or start the eligibility check once schemes are live.

                    </p>

                </div>

            @endforelse

        </div>

        <div class="mt-5 text-center sm:hidden">

            <a href="{{ route('schemes.index') }}" class="text-sm font-semibold text-brand">View all schemes →</a>

        </div>

    </section>



    {{-- FAQ --}}

    <section id="faq" class="container-vedica pb-16">

        <div class="mb-5 text-center">

            <h2 class="text-xl font-bold tracking-tight">Frequently asked questions</h2>

            <p class="mt-1 text-sm text-muted">Quick answers before you start checking schemes.</p>

            <a href="{{ route('faq') }}" class="mt-2 inline-block text-sm font-semibold text-brand">Full FAQ →</a>

        </div>

        <div class="mx-auto max-w-3xl space-y-3">

            @foreach ($homeFaqs as $faq)

                <details class="faq-item">

                    <summary class="faq-summary">

                        <span>{{ $faq['q'] }}</span>

                        <span class="faq-chevron" aria-hidden="true">+</span>

                    </summary>

                    <div class="faq-body">

                        <p>{{ $faq['a'] }}</p>

                    </div>

                </details>

            @endforeach

        </div>

    </section>



    <script type="application/ld+json">

        {!! json_encode([

            '@context' => 'https://schema.org',

            '@type' => 'FAQPage',

            'mainEntity' => collect($homeFaqs)->map(fn ($f) => [

                '@type' => 'Question',

                'name' => $f['q'],

                'acceptedAnswer' => [

                    '@type' => 'Answer',

                    'text' => $f['a'],

                ],

            ])->values()->all(),

        ], JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE|JSON_PRETTY_PRINT) !!}

    </script>

</x-layouts.app>