<?php
require_once __DIR__ . '/bootstrap.php';
$pageTitle = 'Dashboard';
include 'partials/head.php';
?>

<div class="flex h-full min-h-screen">
    <?php include 'partials/sidebar.php'; ?>

    <main class="flex-1 lg:ml-48 pb-16 lg:pb-0 flex items-center justify-center">
        <div class="w-full max-w-md px-4">
            <!-- Header -->
            <div class="mb-6 text-center">
                <h1 class="text-base font-semibold">Welcome, Mauro.</h1>
                <p class="text-xs text-slate-400">What would you like to do?</p>
            </div>

            <!-- Action Cards -->
            <div class="space-y-3">
                <a href="/notifier/notifications/new/" class="card bg-white rounded-xl p-4 border border-slate-200 shadow-sm flex items-center gap-4 cursor-pointer block">
                    <div class="w-11 h-11 bg-indigo-50 rounded-xl flex items-center justify-center flex-shrink-0">
                        <svg class="w-5 h-5 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
                    </div>
                    <div class="flex-1">
                        <div class="font-medium text-sm">New notification</div>
                        <div class="text-xs text-slate-400">Create a reminder or scheduled message</div>
                    </div>
                    <svg class="w-4 h-4 text-slate-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a>

                <a href="/notifier/categories/" class="card bg-white rounded-xl p-4 border border-slate-200 shadow-sm flex items-center gap-4 cursor-pointer block">
                    <div class="w-11 h-11 bg-blue-50 rounded-xl flex items-center justify-center flex-shrink-0">
                        <svg class="w-5 h-5 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg>
                    </div>
                    <div class="flex-1">
                        <div class="font-medium text-sm">Browse categories</div>
                        <div class="text-xs text-slate-400">Manage your notification tags</div>
                    </div>
                    <svg class="w-4 h-4 text-slate-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a>

                <a href="/notifier/history/" class="card bg-white rounded-xl p-4 border border-slate-200 shadow-sm flex items-center gap-4 cursor-pointer block">
                    <div class="w-11 h-11 bg-emerald-50 rounded-xl flex items-center justify-center flex-shrink-0">
                        <svg class="w-5 h-5 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                    </div>
                    <div class="flex-1">
                        <div class="font-medium text-sm">Check history</div>
                        <div class="text-xs text-slate-400">View sent notifications</div>
                    </div>
                    <svg class="w-4 h-4 text-slate-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a>
            </div>
        </div>
    </main>
</div>

<?php include 'partials/mobile-nav.php'; ?>
<?php include 'partials/scripts.php'; ?>
</body>
</html>
