<?php
/**
 * @var \App\View\AppView $this
 */
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <?= $this->Html->charset() ?>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="color-scheme" content="light">
    <meta name="theme-color" content="#FFFFFF">
    <title><?= $this->fetch('title', 'Something went wrong · CandleCraft Academy') ?></title>
    <link rel="icon" type="image/svg+xml" href="<?= $this->Url->build('/favicon.svg') ?>">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <?= $this->Html->css('candlecraft') ?>
    <?= $this->fetch('meta') ?>
    <?= $this->fetch('css') ?>
    <?= $this->fetch('script') ?>
</head>
<body class="cc-root">
    <header class="cc-site-header">
        <div class="cc-site-header__inner">
            <a class="cc-site-header__brand" href="<?= $this->Url->build('/') ?>">
                <span class="cc-mark" aria-hidden="true"></span>
                <span>CandleCraft</span>
            </a>
            <div class="cc-site-header__cta-group">
                <a class="cc-btn cc-btn--outline cc-btn--sm" href="<?= $this->Url->build('/') ?>">Back to home</a>
            </div>
        </div>
    </header>
    <?php $flashMessages = $this->Flash->render(); ?>
    <?php if (!empty(trim((string)$flashMessages))): ?>
        <div class="cc-flash-wrap"><?= $flashMessages ?></div>
    <?php endif; ?>
    <main>
        <?= $this->fetch('content') ?>
    </main>
</body>
</html>
