<?php
declare(strict_types=1);

require_once __DIR__ . '/bootstrap.php';

if (!isset($projectSlug) || !is_string($projectSlug) || $projectSlug === '') {
    header('Location: ' . nestor_url('projects.php'));
    exit;
}

$project = nestor_project_by_slug($projectSlug);
if ($project === null) {
    http_response_code(404);
    $pageTitle = 'Проєкт не знайдено — Nestor Web Studio';
    $activeNav = 'projects.php';
    require_once __DIR__ . '/../header.php';
    echo '<main id="main-content" class="page-fade"><section class="section"><div class="wrap">';
    echo '<h1>Проєкт не знайдено</h1>';
    echo '<p class="prose-muted"><a class="btn btn--ghost" href="' . e(nestor_url('projects.php')) . '">Усі проєкти</a></p>';
    echo '</div></section></main>';
    require_once __DIR__ . '/../footer.php';
    exit;
}

$pageTitle = $project['title'] . ' — кейс — Nestor Web Studio';
$activeNav = 'projects.php';
require_once __DIR__ . '/../header.php';

$mockupSrc = nestor_project_mockup_composite_src($project);

echo '<main id="main-content" class="page-fade project-case">';
echo '<article>';
echo '<header class="project-case-hero wrap project-case-hero--split">';
echo '<div class="project-case-hero__intro reveal">';
echo '<p class="label-caps">Обраний кейс</p>';
echo '<h1>' . e($project['title']) . '</h1>';
echo '<p class="project-case-hero__type">' . e($project['type']) . '</p>';
echo '<p class="prose-muted project-case-hero__lead">' . e($project['description']) . '</p>';
echo '<div class="btn-row">';
echo '<a class="btn btn--primary" href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">Хочу схожий сайт</a>';
echo '</div>';
echo '</div>';
echo '<div class="project-case-showcase reveal">';
echo '<div class="project-case-showcase__frame">';
echo '<img class="project-case-showcase__img" src="' . e($mockupSrc) . '" alt="' . e($project['title'] . ' — превʼю сайту на пристроях') . '" width="1600" height="900" loading="eager" decoding="async" fetchpriority="high">';
echo '</div>';
echo '</div>';
echo '</header>';

echo '<div class="wrap project-case-body">';
echo '<section class="project-case-section reveal">';
echo '<h2 class="project-case-h2">Задача</h2>';
echo '<p class="prose-muted">' . e($project['task']) . '</p>';
echo '</section>';

echo '<section class="project-case-section reveal">';
echo '<h2 class="project-case-h2">Підхід</h2>';
echo '<p class="prose-muted">' . e($project['solution']) . '</p>';
echo '</section>';

echo '<section class="project-case-section reveal">';
echo '<h2 class="project-case-h2">Що зроблено</h2>';
echo '<ul class="project-case-list">';
foreach ($project['_done'] as $item) {
    echo '<li>' . e($item) . '</li>';
}
echo '</ul>';
echo '</section>';

echo '<section class="project-case-section reveal">';
echo '<h2 class="project-case-h2">Особливості</h2>';
echo '<ul class="project-case-list project-case-list--accent">';
foreach ($project['features'] as $item) {
    echo '<li>' . e($item) . '</li>';
}
echo '</ul>';
echo '</section>';

echo '<section class="project-case-section reveal">';
echo '<h2 class="project-case-h2">Результат</h2>';
echo '<p class="prose-muted">' . e($project['result']) . '</p>';
echo '<p class="prose-muted" style="margin-top:1rem">Сайт виглядає цілісно, професійно і допомагає бренду викликати більше довіри з перших секунд.</p>';
echo '</section>';

echo '<footer class="project-case-cta reveal">';
echo '<h2 class="project-case-cta__title">Хочете схожий сайт для свого бренду?</h2>';
echo '<div class="btn-row" style="justify-content:center">';
echo '<a class="btn btn--primary" href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">Написати в Telegram</a>';
echo '<a class="btn btn--ghost" href="https://instagram.com/nestor.webstudio" target="_blank" rel="noopener noreferrer">Instagram</a>';
echo '<a class="btn btn--ghost" href="' . e(nestor_url('projects.php')) . '">Усі проєкти</a>';
echo '</div>';
echo '</footer>';

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

require_once __DIR__ . '/../footer.php';
