<?php
declare(strict_types=1);

require_once __DIR__ . '/lib.php';
$news = sorted_news();
?>
<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?= h(SITE_NAME) ?></title>
    <link rel="stylesheet" href="/assets/style.css">
</head>
<body>
<header class="topbar">
    <div class="topbar__inner">
        <a class="brand" href="/"><?= h(SITE_NAME) ?></a>
        <nav class="nav" aria-label="Основная навигация">
            <a href="/">Новости</a>
            <a href="/offer/">Предложить новость</a>
            <a href="/admin/">Админка</a>
        </nav>
    </div>
</header>

<main class="wrap">
    <section class="hero">
        <span class="school-note">Школьная лента</span>
        <h1>Новости, истории и объявления «Точки Будущего»</h1>
        <p>Здесь появляются школьные новости, события, полезные объявления и истории учеников после проверки редакцией.</p>
    </section>

    <div class="layout">
        <section class="news-list" aria-label="Список новостей">
            <?php if ($news === []): ?>
                <article class="card empty">Пока нет опубликованных новостей.</article>
            <?php endif; ?>

            <?php foreach ($news as $item): ?>
                <article class="card">
                    <h2><?= h($item['title'] ?? 'Без заголовка') ?></h2>
                    <div class="meta">
                        <?= h(format_date((string)($item['published_at'] ?? ''))) ?>
                        <?php if (!empty($item['author'])): ?>
                            · <?= h((string)$item['author']) ?>
                        <?php endif; ?>
                    </div>
                    <div class="body-text"><?= h((string)($item['body'] ?? '')) ?></div>
                </article>
            <?php endforeach; ?>
        </section>

        <aside class="panel">
            <h2>Есть школьная новость?</h2>
            <p class="hint">Расскажите о мероприятии, достижении, кружке, проекте или важном объявлении. После модерации материал появится в ленте.</p>
            <a class="button" href="/offer/">Предложить</a>
        </aside>
    </div>
</main>

<footer class="footer">
    <div class="wrap">© <?= date('Y') ?> <?= h(SITE_NAME) ?></div>
</footer>
</body>
</html>

