<?php
/** Pied de page commun. */
?>
<footer class="globinours-footer d-print-none">
    <div class="container-xl">
        <div class="footer-surface d-flex flex-wrap align-items-center justify-content-between gap-3">
            <div>
                <div class="fw-bold">Globinours</div>
                <div class="text-muted small"><?= h(t('footer.description')) ?></div>
            </div>
            <div class="footer-meta d-flex flex-wrap align-items-center gap-3"><span
                    class="d-inline-flex align-items-center gap-1"><span role="img"
                        aria-label="<?= h(t('footer.brewed_label')) ?>">🧪 <?= h(t('footer.brewed')) ?></span>
                    <?= t('footer.by_brittany', ['developer' => '<a href="https://oversu.fr" target="_blank" rel="noopener noreferrer" class="text-reset fw-semibold">OverSu</a>']) ?>
                    <span class="breton-flag" role="img" aria-label="<?= h(t('footer.breton_flag')) ?>"
                        title="Gwen ha Du"></span></span><span class="badge footer-version">Version
                    <?= h(app_version()) ?></span><a class="footer-source" href="/evolutions"
                    title="<?= h(t('footer.evolutions_title')) ?>">🧭
                    <span><?= h(t('footer.evolutions')) ?></span></a><a class="footer-source"
                    href="https://nnsprod.com/git/oversu/Globinours" target="_blank" rel="noopener noreferrer"
                    title="<?= h(t('footer.source_title')) ?>" aria-label="<?= h(t('footer.source_title')) ?>"><svg
                        xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        aria-hidden="true">
                        <circle cx="6" cy="6" r="2" />
                        <circle cx="18" cy="6" r="2" />
                        <circle cx="6" cy="18" r="2" />
                        <path d="M6 8v8" />
                        <path d="M8 6h8" />
                        <path d="M18 8a6 6 0 0 1 -6 6h-4" />
                    </svg><span><?= h(t('footer.source')) ?></span></a></div>
        </div>
    </div>
    <div class="paw-footer" aria-hidden="true"></div>
</footer>
