<?php
declare(strict_types=1);
$pageTitle = 'Проєкти — Nestor Web Studio';
require_once __DIR__ . '/includes/projects-data.php';
require_once __DIR__ . '/header.php';

$all = nestor_projects();

echo '<main id="main-content" class="page-fade">';
echo '<section class="section section--projects">';
echo '<div class="wrap page-hero page-hero--spacious">';
echo '<span class="label-caps">Кейси</span>';
echo '<h1>Проєкти</h1>';
echo '<p class="prose-muted page-hero__sub">Обрані сайти, які показують стиль, структуру та підхід Nestor Web Studio.</p>';
echo '</div>';

echo '<div class="wrap">';
echo '<div class="projects-cases-grid" role="list">';

foreach ($all as $idx => $p) {
    $img = nestor_project_img($p['image']);
    $url = nestor_url('projects/' . $p['slug'] . '/');
    $st = (string)$idx;
    echo '<article class="case-card reveal" role="listitem" style="--stagger:' . $st . '">';
    echo '<a class="case-card__link" href="' . e($url) . '">';
    echo '<div class="case-card__media">';
    echo '<img src="' . e($img) . '" alt="' . e($p['title']) . ' — обраний кейс" width="900" height="1120" loading="lazy" decoding="async">';
    echo '</div>';
    echo '</a>';
    echo '<div class="case-card__body">';
    echo '<span class="case-card__type">' . e($p['type']) . '</span>';
    echo '<h2 class="case-card__title"><a href="' . e($url) . '">' . e($p['title']) . '</a></h2>';
    echo '<p class="case-card__desc">' . e($p['description']) . '</p>';
    echo '<div class="case-card__tags">';
    foreach ($p['tags'] as $tag) {
        echo '<span class="case-card__tag">' . e($tag) . '</span>';
    }
    echo '</div>';
    echo '<div class="case-card__actions">';
    echo '<a class="btn btn--primary case-card__btn" href="' . e($url) . '">Переглянути кейс</a>';
    echo '<a class="case-card__similar link-cta-line" href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">Хочу схожий сайт</a>';
    echo '</div>';
    echo '</div>';
    echo '</article>';
}

echo '</div>';
echo '</div>';
echo '</section>';
echo '</main>';

require_once __DIR__ . '/footer.php';
