import { Link } from '@inertiajs/react';
import type { AuthLayoutProps } from '@/types';

export default function AuthSimpleLayout({
    children,
    title,
    description,
}: AuthLayoutProps) {
    return (
        <div className="auth-portal">
            {/* Logo & Branding */}
            <header className="auth-portal-header">
                <Link
                    id="auth-brand-home"
                    href="/"
                    className="auth-portal-brand"
                >
                    <span aria-hidden="true">FT</span>
                    <div>
                        <strong>Portal Alumni</strong>
                        <small>Fakultas Teknik · Universitas Majalengka</small>
                    </div>
                </Link>
            </header>
            <main className="auth-portal-main">
                <aside className="auth-portal-intro">
                    <p className="auth-portal-eyebrow">
                        Administrasi portal alumni
                    </p>
                    <h2>
                        Ruang pengelolaan
                        <br />
                        kabar dan kegiatan alumni.
                    </h2>
                    <p>
                        Akses untuk pengelola Fakultas Teknik UNMA. Kelola
                        publikasi, tinjau kegiatan alumni, dan tanggapi pesan
                        yang masuk.
                    </p>
                    <Link id="auth-back-home" href="/">
                        ← Kembali ke portal alumni
                    </Link>
                </aside>
                {/* Card */}
                <section
                    className="auth-portal-card"
                    aria-labelledby="auth-title"
                >
                    {/* Title + Description */}
                    <h1 id="auth-title">{title}</h1>
                    <p className="auth-portal-description">{description}</p>
                    {/* Auth Form */}
                    {children}
                </section>
            </main>
            {/* Footer */}
            <footer className="auth-portal-footer">
                © {new Date().getFullYear()} Fakultas Teknik Universitas
                Majalengka
            </footer>
        </div>
    );
}