<?php
$title = 'Beranda';
$description = 'Landing page untuk aplikasi pembelian akses Wi-Fi tanpa kartu.';
?>
<section class="hero">
    <div class="container">
        <div class="hero-grid">
            <article class="hero-panel">
                <span class="eyebrow">MVP Login & Daftar</span>
                <h1>Akses Wi-Fi tanpa kartu, dimulai dari alur masuk yang aman.</h1>
                <p class="lead">
                    Fondasi aplikasi sudah disiapkan untuk register, login, CSRF protection, session security, audit log, dan rate limiting.
                </p>
                <div class="cta-row">
                    <?php if (auth_check()): ?>
                        <?php if ((auth_user()['role'] ?? 'client') === 'admin'): ?>
                            <a class="button-primary" href="<?= e(url('/admin/dashboard')) ?>">Masuk ke Dashboard Admin</a>
                        <?php else: ?>
                            <a class="button-primary" href="<?= e(url('/dashboard')) ?>">Masuk ke Dashboard Client</a>
                        <?php endif; ?>
                    <?php else: ?>
                        <a class="button-primary" href="<?= e(url('/register')) ?>">Daftar Sekarang</a>
                        <a class="button-secondary" href="<?= e(url('/login')) ?>">Login</a>
                    <?php endif; ?>
                </div>
                <div class="meta-grid">
                    <div class="meta-item">
                        <strong>Register</strong>
                        <span>Nama, WhatsApp, email, dan password tervalidasi.</span>
                    </div>
                    <div class="meta-item">
                        <strong>Login</strong>
                        <span>Bisa pakai email atau WhatsApp sebagai identifier.</span>
                    </div>
                    <div class="meta-item">
                        <strong>Security</strong>
                        <span>CSRF, hashing, session regen, dan audit log aktif.</span>
                    </div>
                </div>
            </article>
            <aside class="sidebar">
                <section class="card panel-stack">
                    <h2 class="panel-title">Yang sudah siap</h2>
                    <p class="panel-text">Kerangka ini mengikuti SOP: logic di `src/modules`, view di `templates`, dan webroot hanya jadi pintu masuk.</p>
                    <ul class="list">
                        <li><span class="dot"></span><span>Route public aman dan terpusat.</span></li>
                        <li><span class="dot"></span><span>Database awal memakai SQLite lokal.</span></li>
                        <li><span class="dot"></span><span>Flash message untuk sukses dan error.</span></li>
                    </ul>
                </section>
                <section class="card panel-stack">
                    <h2 class="panel-title">Langkah berikutnya</h2>
                    <p class="panel-text">Setelah ini, kita bisa lanjut ke dashboard client dan admin tanpa mengubah pondasi auth.</p>
                </section>
            </aside>
        </div>
    </div>
</section>
