<?php
declare(strict_types=1);
require_once __DIR__ . '/includes/bootstrap.php';

$formOk = false;
$formErr = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (!verify_csrf($_POST['csrf'] ?? null)) {
        $formErr = 'Запит відхилено. Оновіть сторінку й спробуйте ще раз.';
    } elseif (!empty($_POST['website'])) {
        $formErr = '';
    } else {
        $name = trim((string)($_POST['name'] ?? ''));
        $niche = trim((string)($_POST['niche'] ?? ''));
        $need = trim((string)($_POST['need'] ?? ''));
        $contact = trim((string)($_POST['contact'] ?? ''));
        if ($name === '' || $need === '' || $contact === '') {
            $formErr = 'Заповніть імʼя, запит і контакт.';
        } else {
            $formOk = true;
        }
    }
}

$pageTitle = 'Контакти — Nestor Web Studio';
require_once __DIR__ . '/header.php';

echo '<main id="main-content" class="page-fade">';
echo '<section class="section">';
echo '<div class="wrap page-hero">';
echo '<span class="label-caps">Звʼязок</span>';
echo '<h1>Контакти</h1>';
echo '<p class="prose-muted">Напишіть нам зручним способом — і ми підкажемо, який формат сайту підійде саме під ваш запит.</p>';
echo '</div>';

echo '<div class="wrap about-split">';
echo '<div>';
echo '<p style="margin-bottom:1rem"><strong>Telegram:</strong> <a href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">t.me/nestor_webstudio</a></p>';
echo '<p style="margin-bottom:1rem"><strong>Instagram:</strong> <a href="https://instagram.com/nestor.webstudio" target="_blank" rel="noopener noreferrer">instagram.com/nestor.webstudio</a></p>';
echo '<p style="margin-bottom:2rem"><strong>Gmail:</strong> <a href="mailto:nestor.webstudio@gmail.com">nestor.webstudio@gmail.com</a></p>';
echo '<div class="btn-row">';
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="mailto:nestor.webstudio@gmail.com">Написати на Gmail</a>';
echo '</div>';
echo '</div>';

echo '<div>';
if ($formOk) {
    echo '<div class="alert-success reveal">Дякуємо! Ми переглянемо повідомлення. Для швидшої відповіді напишіть також у Telegram.</div>';
}
if ($formErr !== '') {
    echo '<div class="alert-success reveal" style="border-color:rgba(180,80,80,.4);background:rgba(180,80,80,.08)">' . e($formErr) . '</div>';
}
echo '<form class="contact-form reveal" method="post" action="">';
echo '<input type="hidden" name="csrf" value="' . e(csrf_token()) . '">';
echo '<p class="hp-field"><label>Не заповнювати<input type="text" name="website" autocomplete="off" tabindex="-1"></label></p>';
echo '<p><label>Імʼя<input required name="name" type="text" autocomplete="name" value="' . e(trim((string)($_POST['name'] ?? ''))) . '"></label></p>';
echo '<p><label>Ніша<input name="niche" type="text" value="' . e(trim((string)($_POST['niche'] ?? ''))) . '"></label></p>';
echo '<p><label>Що потрібно<textarea required name="need">' . e(trim((string)($_POST['need'] ?? ''))) . '</textarea></label></p>';
echo '<p><label>Контакт (Telegram / телефон / пошта)<textarea required name="contact" rows="3">' . e(trim((string)($_POST['contact'] ?? ''))) . '</textarea></label></p>';
echo '<button class="btn btn--primary" type="submit">Надіслати</button>';
echo '</form>';
echo '</div>';

echo '</div>';
echo '</section>';
echo '</main>';
require_once __DIR__ . '/footer.php';
