<?php
/// file: app/Components/footer.php

declare(strict_types=1);

/** @var string $brand */
/** @var string $variant */
$variant = $variant ?? 'full';

if ($variant === 'minimal'): ?>
<footer class="sr-only" role="contentinfo"><?= e($brand) ?></footer>
<?php
    return;
endif;

$year = date('Y');
$ig = \App\Models\SiteSetting::get('social_instagram', '#');
$li = \App\Models\SiteSetting::get('social_linkedin', '#');
?>
<footer class="border-t border-white/10 bg-charcoal/40">
    <div class="container-shell section-spacing flex flex-col gap-10 md:flex-row md:items-end md:justify-between">
        <div>
            <?php \App\Core\View::component('site-logo', ['brand' => $brand, 'class' => 'h-[11px] w-auto md:h-3.5']); ?>
            <p class="mt-3 max-w-md text-sm text-silver-400">Immersive digital experiences, motion systems, and narrative environments.</p>
        </div>
        <div class="flex flex-wrap gap-8 text-sm text-silver-300">
            <a class="hover:text-white" href="<?= e(url('/studio')) ?>"><?= e(__('nav.studio')) ?></a>
            <a class="hover:text-white" href="<?= e(url('/work')) ?>"><?= e(__('nav.work')) ?></a>
            <a class="hover:text-white" href="<?= e(url('/journal')) ?>"><?= e(__('nav.journal')) ?></a>
            <a class="hover:text-white" href="<?= e(url('/careers')) ?>"><?= e(__('nav.careers')) ?></a>
        </div>
        <div class="flex flex-col gap-3 text-xs text-silver-500">
            <?php \App\Core\View::component('social-links', ['instagram' => $ig, 'linkedin' => $li]); ?>
            <span>© <?= e((string) $year) ?> <?= e($brand) ?>. <?= e(__('footer.rights')) ?>.</span>
        </div>
    </div>
</footer>
