<?php
session_start();

require_once __DIR__ . '/../../../includes/helpers.php';
require_once __DIR__ . '/../../../includes/layout.php';
require_once __DIR__ . '/../../../includes/expense_shell.php';

if (!isset($_SESSION['authenticated'])) {
    redirect(page_url('signin'));
}

render_expense_shell_start('Take a Tour | Expense', 'dashboard-page getting-started-page', 'home');
?>
<div class="page-surface getting-started-surface">
    <section class="getting-started-shell">
        <header class="getting-started-hero panel">
            <div class="getting-started-hero-mark">
                <i class="fa-solid fa-compass" aria-hidden="true"></i>
            </div>
            <div class="getting-started-hero-copy">
                <h1>Take a Tour</h1>
                <p>Explore the main screens and see how the app is organized.</p>
            </div>
            <a class="page-close-button getting-started-close" href="<?= e(route_url('home/gettingstarted/')) ?>" aria-label="Close">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
            </a>
        </header>

        <section class="getting-started-panel panel getting-started-more">
            <h2>Tour highlights</h2>
            <div class="getting-started-more-grid">
                <article class="getting-started-more-card">
                    <div class="getting-started-more-icon"><i class="fa-solid fa-house" aria-hidden="true"></i></div>
                    <div>
                        <h3>Dashboard</h3>
                        <p>See pending tasks, quick actions, and recent report activity.</p>
                    </div>
                    <a href="<?= e(page_url('dashboard')) ?>">Open Home</a>
                </article>

                <article class="getting-started-more-card">
                    <div class="getting-started-more-icon"><i class="fa-solid fa-clipboard-list" aria-hidden="true"></i></div>
                    <div>
                        <h3>Trips, Expenses, Reports</h3>
                        <p>Move through the core work areas from the left navigation.</p>
                    </div>
                    <a href="<?= e(route_url('trips/new/')) ?>">Start with Trips</a>
                </article>
            </div>
        </section>
    </section>
</div>
<?php render_expense_shell_end(); ?>
