<?php

/**
 * Theme Management Placeholder View
 */

?>

<div class="max-w-6xl mx-auto space-y-6">
    <div>
        <h1 class="page-h1">
            <span class="page-header-icon">
                <i class="fa-solid fa-palette"></i>
            </span>
            Theme Management
        </h1>
        <p class="page-subtitle">Configure invitation templates, style presets, and thumbnail metadata.</p>
    </div>

    <div class="bg-white border border-slate-150 rounded-2xl p-8 text-center max-w-xl mx-auto space-y-4">
        <div class="w-16 h-16 rounded-2xl flex items-center justify-center mx-auto text-2xl" style="background-color: var(--brand-ivory-warm); border: 1px solid var(--brand-ivory-dark); color: var(--brand-rose-gold);">
            <i class="fa-solid fa-palette"></i>
        </div>
        <div class="space-y-2">
            <h3 class="text-sm font-bold text-slate-800">Theme Library Management</h3>
            <p class="text-xxs text-slate-450 leading-relaxed">This module allows Super Admins to upload new wedding theme packages, update HTML versions, and map stylesheet variants for public invitations.</p>
        </div>
        <div class="pt-2 flex flex-col items-center gap-3">
            <span class="badge badge-secondary gap-1.5 px-3 py-1 font-bold text-[10px]">
                <i class="fa-solid fa-clock text-[9px]"></i> Coming in a future version.
            </span>
            <a href="<?= url('/app/admin/dashboard') ?>" class="btn btn-sm btn-outline text-xs mt-2">
                <i class="fa-solid fa-arrow-left"></i> Return to Admin Dashboard
            </a>
        </div>
    </div>
</div>
