<?php
/**
 * Dashboard home page.
 *
 * The first thing users see after logging in. Greets them by username
 * and provides a quick overview of the application's current status.
 */
$this->extend('../layout/TwitterBootstrap/dashboard');

$user = $user ?? null;
?>

<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-md-12">
            <h1 class="h2">Welcome to CORETransitions</h1>
            <p class="text-muted">
                <?php if ($user): ?>
                    Logged in as <strong><?= h($user->username) ?></strong>
                <?php endif; ?>
            </p>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Getting Started</h5>
                </div>
                <div class="card-body">
                    <p>Welcome to your CORETransitions dashboard! This is where you can manage your account and access the application features.</p>
                    <ul class="list-unstyled">
                        <li class="mb-2"><i class="bi bi-check-circle-fill text-success"></i> Placeholder</li>
                        <li class="mb-2"><i class="bi bi-check-circle-fill text-success"></i> Authentication configured</li>
                        <li class="mb-2"><i class="bi bi-check-circle-fill text-success"></i> TODO: Add badges</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
