@php
if (\App\Models\User::count() === 0) {
    header('Location: '.route('setup'));
    exit();
}
@endphp
@extends('layouts.auth')

@section('title', 'Hisab — bKash & Multi-Wallet Transaction Tracker')

@section('content')
<div class="w-full max-w-6xl">
    <header class="flex items-center justify-between px-4 py-6">
        <div class="flex items-center gap-2">
            <div class="grid h-9 w-9 place-items-center rounded-xl bg-primary text-primary-foreground font-display font-bold text-lg">হ</div>
            <span class="font-display text-lg font-semibold">Hisab</span>
        </div>
        <nav class="flex items-center gap-3">
            <a href="{{ route('login') }}" class="rounded-md px-4 py-2 text-sm text-muted-foreground hover:text-foreground">Sign in</a>
            <a href="{{ route('register') }}" class="inline-flex items-center gap-1 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition hover:opacity-90">Get started <x-icon name="arrow-right" class="h-4 w-4" /></a>
        </nav>
    </header>

    <section class="px-4 pt-16 pb-24 text-center">
        <div class="inline-flex items-center gap-2 rounded-full border border-border bg-card/50 px-3 py-1 text-xs text-muted-foreground">
            bKash · Nagad · Rocket · Bank — sob ek jaygay
        </div>
        <h1 class="mt-6 font-display text-4xl font-bold leading-tight tracking-tight md:text-6xl">
            Apnar mobile wallet er<br>
            <span class="bg-gradient-to-r from-primary to-pink-400 bg-clip-text text-transparent">hisab nikash, ek dashboard e.</span>
        </h1>
        <p class="mx-auto mt-6 max-w-2xl text-lg text-muted-foreground">
            Send money, cash-in, cash-out, payment — sob transaction record korun,
            multi-wallet balance dekhun, monthly trend analyze korun. Bangladesh er jonne banano
            professional finance dashboard.
        </p>
        <div class="mt-8 flex items-center justify-center gap-3">
            <a href="{{ route('register') }}" class="inline-flex items-center gap-2 rounded-xl bg-primary px-6 py-3 font-medium text-primary-foreground transition hover:opacity-95">Free e shuru korun <x-icon name="arrow-right" class="h-4 w-4" /></a>
            <a href="{{ route('dashboard') }}" class="rounded-xl border border-border px-6 py-3 text-sm text-foreground hover:bg-accent">Dashboard dekhun</a>
        </div>
    </section>

    <section class="grid gap-4 px-4 pb-24 md:grid-cols-3">
        <div class="card-elevated rounded-2xl border border-border p-6">
            <div class="grid h-10 w-10 place-items-center rounded-lg bg-primary/15 text-primary"><x-icon name="wallet" class="h-5 w-5" /></div>
            <h3 class="mt-4 font-display text-lg font-semibold">Multi-wallet</h3>
            <p class="mt-2 text-sm text-muted-foreground">bKash, Nagad, Rocket, Upay, Bank, Cash — jotogulo dorkar totogulo wallet add korun.</p>
        </div>
        <div class="card-elevated rounded-2xl border border-border p-6">
            <div class="grid h-10 w-10 place-items-center rounded-lg bg-primary/15 text-primary"><x-icon name="trending-up" class="h-5 w-5" /></div>
            <h3 class="mt-4 font-display text-lg font-semibold">Real-time hisab</h3>
            <p class="mt-2 text-sm text-muted-foreground">Total balance, monthly in/out, category-wise breakdown ekdom automatic.</p>
        </div>
        <div class="card-elevated rounded-2xl border border-border p-6">
            <div class="grid h-10 w-10 place-items-center rounded-lg bg-primary/15 text-primary"><x-icon name="shield" class="h-5 w-5" /></div>
            <h3 class="mt-4 font-display text-lg font-semibold">Secure & private</h3>
            <p class="mt-2 text-sm text-muted-foreground">Apnar data apnar. Sudhu apni-i apnar hisab dekhte parben.</p>
        </div>
    </section>
</div>
@endsection