<?php
declare(strict_types=1);

require_once __DIR__ . '/homepage/homepage_lib.php';
if (session_status() !== PHP_SESSION_ACTIVE) session_start();

$content = nes_home_content();
$errors = [];
$success = (string)($_SESSION['nes_inquiry_flash'] ?? '');
unset($_SESSION['nes_inquiry_flash']);

if (empty($_SESSION['nes_home_csrf'])) $_SESSION['nes_home_csrf'] = bin2hex(random_bytes(32));
$csrf = (string)$_SESSION['nes_home_csrf'];

if (($_SERVER['REQUEST_METHOD'] ?? 'GET') === 'POST' && isset($_POST['submit_inquiry'])) {
    $postedToken = (string)($_POST['home_csrf'] ?? '');
    if ($postedToken === '' || !hash_equals($csrf, $postedToken)) {
        $errors[] = '요청 검증에 실패했습니다. 페이지를 새로고침 후 다시 시도해주세요.';
    } elseif (!empty($_POST['website'])) {
        $_SESSION['nes_inquiry_flash'] = '문의가 정상적으로 등록되었습니다.';
        header('Location: /#inquiries', true, 303);
        exit;
    } else {
        $captchaInput = trim((string)($_POST['captcha_code'] ?? ''));
        $captchaHash = (string)($_SESSION['nes_inquiry_captcha_hash'] ?? '');
        $captchaIssuedAt = (int)($_SESSION['nes_inquiry_captcha_time'] ?? 0);
        unset($_SESSION['nes_inquiry_captcha_hash'], $_SESSION['nes_inquiry_captcha_time']);
        $captchaExpired = $captchaIssuedAt <= 0 || time() - $captchaIssuedAt > 300;
        $captchaValid = !$captchaExpired && preg_match('/^[0-9]{5}$/', $captchaInput)
            && $captchaHash !== '' && password_verify($captchaInput, $captchaHash);
        if (!$captchaValid) $errors[] = $captchaExpired ? '자동입력 방지 숫자가 만료되었습니다.' : '자동입력 방지 숫자가 일치하지 않습니다.';

        $name = nes_home_clean((string)($_POST['name'] ?? ''), 30);
        $title = nes_home_clean((string)($_POST['title'] ?? ''), 100);
        $body = nes_home_clean((string)($_POST['content'] ?? ''), 2000);
        if (mb_strlen($name, 'UTF-8') < 2) $errors[] = '작성자는 2자 이상 입력해주세요.';
        if (mb_strlen($title, 'UTF-8') < 2) $errors[] = '제목은 2자 이상 입력해주세요.';
        if (mb_strlen($body, 'UTF-8') < 5) $errors[] = '문의 내용은 5자 이상 입력해주세요.';

        if (!$errors) {
            $row = ['id' => nes_home_id(), 'name' => $name, 'title' => $title, 'content' => $body,
                'answer' => '', 'answered_at' => '', 'created_at' => date(DATE_ATOM)];
            if (nes_home_mutate('inquiries', fn($rows) => array_merge([$row], $rows))) {
                $_SESSION['nes_inquiry_flash'] = '문의가 정상적으로 등록되었습니다.';
                header('Location: /#inquiries', true, 303);
                exit;
            }
            $errors[] = '문의를 저장하지 못했습니다. 관리자에게 문의해주세요.';
        }
    }
}

$notices = nes_home_notices();
$inquiries = nes_home_inquiries();
$noticeQueryValue = $_GET['notice_q'] ?? '';
$inquiryQueryValue = $_GET['inquiry_q'] ?? '';
$noticeQuery = nes_home_clean(is_scalar($noticeQueryValue) ? (string)$noticeQueryValue : '', 150);
$inquiryQuery = nes_home_clean(is_scalar($inquiryQueryValue) ? (string)$inquiryQueryValue : '', 30);
$noticePager = nes_home_paginate(
    nes_home_filter_rows($notices, 'title', $noticeQuery),
    nes_home_page_number($_GET['notice_page'] ?? 1),
    10
);
$inquiryPager = nes_home_paginate(
    nes_home_filter_rows($inquiries, 'name', $inquiryQuery),
    nes_home_page_number($_GET['inquiry_page'] ?? 1),
    10
);
$publicBoardUrl = static function (array $changes, string $anchor) use ($noticeQuery, $noticePager, $inquiryQuery, $inquiryPager): string {
    $params = [
        'notice_q' => $noticeQuery,
        'notice_page' => $noticePager['page'],
        'inquiry_q' => $inquiryQuery,
        'inquiry_page' => $inquiryPager['page'],
    ];
    foreach ($changes as $key => $value) $params[$key] = $value;
    return nes_home_url('/', $params, $anchor);
};
$slides = [$content['image_1'], $content['image_2'], $content['image_3'], $content['image_4']];
?>
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="<?= nes_home_h($content['meta_description']) ?>">
<title><?= nes_home_h($content['browser_title']) ?></title>
<script>
(function () {
  try {
    if (sessionStorage.getItem('nes-home-board-scroll') !== null) {
      document.documentElement.classList.add('nes-board-position-restore');
      if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
    }
  } catch (error) {}
})();
</script>
<style>html.nes-board-position-restore{scroll-behavior:auto!important}</style>
<link rel="stylesheet" href="/homepage/assets/homepage.css?v=2.5.4">
</head>
<body style="--red:<?= nes_home_h(nes_home_color((string)$content['accent_color'], '#ee2938')) ?>;--navy:<?= nes_home_h(nes_home_color((string)$content['dark_color'], '#07111f')) ?>;--navy2:<?= nes_home_h(nes_home_color((string)$content['dark_color'], '#07111f')) ?>">
<a class="skip" href="#main">본문 바로가기</a>
<header class="topbar">
  <a class="brand" href="#home"><b><?= nes_home_h($content['brand_mark']) ?></b><strong><?= nes_home_h($content['brand_title']) ?></strong><small><?= nes_home_h($content['brand_subtitle']) ?></small></a>
  <button class="menu-button" type="button" aria-label="메뉴 열기" aria-expanded="false">☰</button>
  <nav class="nav">
    <a href="#home"><?= nes_home_h($content['nav_home']) ?></a><a href="#guide"><?= nes_home_h($content['nav_guide']) ?></a><a href="#downloads"><?= nes_home_h($content['nav_downloads']) ?></a><a href="#notices"><?= nes_home_h($content['nav_notices']) ?></a>
    <a href="#inquiries"><?= nes_home_h($content['nav_inquiries']) ?></a><a href="<?= nes_home_h($content['link_signup']) ?>"><?= nes_home_h($content['nav_signup']) ?></a>
    <a class="nav-red" href="<?= nes_home_h($content['link_webhard']) ?>" target="_blank" rel="noopener"><?= nes_home_h($content['nav_webhard']) ?></a>
    <a class="nav-outline" href="<?= nes_home_h($content['link_admin']) ?>" target="_blank" rel="noopener"><?= nes_home_h($content['nav_admin']) ?></a>
  </nav>
</header>

<main id="main">
<section id="home" class="hero anchor">
  <div class="hero-grid"></div>
  <div class="container hero-layout">
    <div class="hero-copy">
      <p class="eyebrow"><i></i><?= nes_home_h($content['hero_kicker']) ?></p>
      <h1><?= nes_home_h($content['hero_line1']) ?><br><?= nes_home_h($content['hero_line2']) ?> <em><?= nes_home_h($content['hero_accent']) ?></em></h1>
      <p class="lead"><?= nes_home_h($content['hero_description']) ?></p>
      <div class="actions"><a class="button primary" href="<?= nes_home_h($content['link_webhard']) ?>" target="_blank" rel="noopener"><?= nes_home_h($content['hero_primary']) ?> →</a><a class="button ghost" href="#notices"><?= nes_home_h($content['hero_secondary']) ?></a></div>
      <div class="trust"><span><b>01</b> <?= nes_home_h($content['trust_1']) ?></span><span><b>02</b> <?= nes_home_h($content['trust_2']) ?></span><span><b>03</b> <?= nes_home_h($content['trust_3']) ?></span></div>
    </div>
    <div class="slider" data-slider>
      <div class="slider-top"><span>● <?= nes_home_h($content['showcase_status']) ?></span><span data-counter>01 / 04</span></div>
      <div class="slides">
        <?php foreach ($slides as $index => $src): $number = $index + 1; ?><img class="slide<?= $index === 0 ? ' active' : '' ?>" src="<?= nes_home_h($src) ?>" alt="<?= nes_home_h($content['slide_' . $number . '_alt']) ?>" data-kicker="<?= nes_home_h($content['slide_' . $number . '_kicker']) ?>" data-title="<?= nes_home_h($content['slide_' . $number . '_title']) ?>"><?php endforeach; ?>
        <div class="slide-caption"><small data-slide-kicker><?= nes_home_h($content['slide_1_kicker']) ?></small><strong data-slide-title><?= nes_home_h($content['slide_1_title']) ?></strong></div>
      </div>
      <div class="dots"><?php foreach ($slides as $index => $_): ?><button type="button" class="dot<?= $index === 0 ? ' active' : '' ?>" aria-label="<?= $index + 1 ?>번 이미지"></button><?php endforeach; ?></div>
    </div>
  </div>
</section>

<div class="service-strip"><div class="container"><span><?= nes_home_h($content['service_label_1']) ?></span><span><?= nes_home_h($content['service_label_2']) ?></span><span><?= nes_home_h($content['service_label_3']) ?></span><span><?= nes_home_h($content['service_label_4']) ?></span></div></div>

<section id="services" class="section service-intro anchor">
  <div class="container service-layout">
    <div><p class="eyebrow light"><i></i><?= nes_home_h($content['service_kicker']) ?></p><h2><?= nes_home_h($content['service_line1']) ?><br><?= nes_home_h($content['service_line2']) ?></h2><p><?= nes_home_h($content['service_description']) ?></p>
      <ul><?php for ($i = 1; $i <= 3; $i++): ?><li><b><?= nes_home_h($content['feature_' . $i . '_title']) ?></b><?= nes_home_h($content['feature_' . $i . '_description']) ?></li><?php endfor; ?></ul>
    </div>
    <div class="image-stack"><?php for ($i = 1; $i <= 3; $i++): ?><img src="<?= nes_home_h($content['image_' . ($i + 1)]) ?>" alt="서비스 소개 이미지 <?= $i ?>"><?php endfor; ?></div>
  </div>
</section>

<section id="guide" class="section anchor">
  <div class="container"><div class="heading"><div><p class="eyebrow dark"><i></i><?= nes_home_h($content['guide_kicker']) ?></p><h2><?= nes_home_h($content['guide_line1']) ?><br><?= nes_home_h($content['guide_line2']) ?></h2></div><p><?= nes_home_h($content['guide_description']) ?></p></div>
    <div class="cards steps"><article><b>01</b><h3><?= nes_home_h($content['step_1_title']) ?></h3><p><?= nes_home_h($content['step_1_description']) ?></p><a href="<?= nes_home_h($content['link_signup']) ?>"><?= nes_home_h($content['step_1_link']) ?> →</a></article><article><b>02</b><h3><?= nes_home_h($content['step_2_title']) ?></h3><p><?= nes_home_h($content['step_2_description']) ?></p><a href="#inquiries"><?= nes_home_h($content['step_2_link']) ?> →</a></article><article><b>03</b><h3><?= nes_home_h($content['step_3_title']) ?></h3><p><?= nes_home_h($content['step_3_description']) ?></p><a href="<?= nes_home_h($content['link_webhard']) ?>" target="_blank" rel="noopener"><?= nes_home_h($content['step_3_link']) ?> →</a></article></div>
  </div>
</section>

<section id="downloads" class="section downloads anchor"><div class="container"><div class="center"><p class="eyebrow dark"><i></i><?= nes_home_h($content['downloads_kicker']) ?></p><h2><?= nes_home_h($content['downloads_title']) ?></h2><p><?= nes_home_h($content['downloads_description']) ?></p></div><div class="cards downloads-grid"><?php for ($i = 1; $i <= 3; $i++): ?><article><b><?= nes_home_h($content['download_' . $i . '_type']) ?></b><small><?= nes_home_h($content['download_' . $i . '_category']) ?></small><h3><?= nes_home_h($content['download_' . $i . '_title']) ?></h3><p><?= nes_home_h($content['download_' . $i . '_description']) ?></p><a href="<?= nes_home_h($content['download_' . $i . '_href']) ?>" download><?= nes_home_h($content['download_button']) ?> ↓</a></article><?php endfor; ?></div></div></section>

<section id="notices" class="section notices anchor"><div class="container"><div class="heading"><div><p class="eyebrow dark"><i></i><?= nes_home_h($content['notice_kicker']) ?></p><h2><?= nes_home_h($content['notice_title']) ?></h2></div><p><?= nes_home_h($content['notice_description']) ?></p></div><div class="board light-board">
  <form class="board-search light-search" method="get" action="/#notices">
    <?php if ($inquiryQuery !== ''): ?><input type="hidden" name="inquiry_q" value="<?= nes_home_h($inquiryQuery) ?>"><?php endif; ?>
    <?php if ($inquiryPager['page'] > 1): ?><input type="hidden" name="inquiry_page" value="<?= $inquiryPager['page'] ?>"><?php endif; ?>
    <label for="noticeSearch">공지사항 제목 검색</label><div><input id="noticeSearch" name="notice_q" value="<?= nes_home_h($noticeQuery) ?>" maxlength="150" placeholder="검색할 제목을 입력하세요"><button type="submit">검색</button><?php if ($noticeQuery !== ''): ?><a href="<?= nes_home_h($publicBoardUrl(['notice_q' => null, 'notice_page' => null], 'notices')) ?>">초기화</a><?php endif; ?></div>
  </form>
  <div class="board-head"><span><?= nes_home_h($content['board_number']) ?></span><span><?= nes_home_h($content['board_title']) ?></span><span><?= nes_home_h($content['board_author']) ?></span><span><?= nes_home_h($content['board_date']) ?></span></div>
  <?php if (!$noticePager['items']): ?><p class="empty"><?= $noticeQuery !== '' ? '검색된 공지사항이 없습니다.' : nes_home_h($content['notice_empty']) ?></p><?php else: foreach ($noticePager['items'] as $index => $notice): ?>
  <details><summary><span><?= $noticePager['total'] - $noticePager['offset'] - $index ?></span><strong><?= nes_home_h((string)$notice['title']) ?></strong><span><?= nes_home_h((string)($notice['author'] ?? '관리자')) ?></span><time><?= nes_home_h(substr((string)$notice['created_at'], 0, 10)) ?></time></summary><div><?= nl2br(nes_home_h((string)$notice['content'])) ?></div></details>
  <?php endforeach; endif; ?>
  <?php if ($noticePager['pages'] > 1): ?><nav class="board-pagination" aria-label="공지사항 페이지">
    <?php if ($noticePager['page'] > 1): ?><a href="<?= nes_home_h($publicBoardUrl(['notice_page' => $noticePager['page'] - 1], 'notices')) ?>">이전</a><?php endif; ?>
    <?php foreach (nes_home_page_window($noticePager['page'], $noticePager['pages']) as $page): ?><?php if ($page === 0): ?><span class="ellipsis">…</span><?php elseif ($page === $noticePager['page']): ?><strong aria-current="page"><?= $page ?></strong><?php else: ?><a href="<?= nes_home_h($publicBoardUrl(['notice_page' => $page], 'notices')) ?>"><?= $page ?></a><?php endif; ?><?php endforeach; ?>
    <?php if ($noticePager['page'] < $noticePager['pages']): ?><a href="<?= nes_home_h($publicBoardUrl(['notice_page' => $noticePager['page'] + 1], 'notices')) ?>">다음</a><?php endif; ?>
  </nav><?php endif; ?>
</div></div></section>

<section id="inquiries" class="section inquiries anchor"><div class="container"><div class="heading light-heading"><div><p class="eyebrow light"><i></i><?= nes_home_h($content['inquiry_kicker']) ?></p><h2><?= nes_home_h($content['inquiry_title']) ?></h2></div><p><?= nes_home_h($content['inquiry_description']) ?></p></div><div class="inquiry-layout">
  <div class="board dark-board"><h3><?= nes_home_h($content['inquiry_board_title']) ?></h3>
    <form class="board-search dark-search" method="get" action="/#inquiries">
      <?php if ($noticeQuery !== ''): ?><input type="hidden" name="notice_q" value="<?= nes_home_h($noticeQuery) ?>"><?php endif; ?>
      <?php if ($noticePager['page'] > 1): ?><input type="hidden" name="notice_page" value="<?= $noticePager['page'] ?>"><?php endif; ?>
      <label for="inquirySearch">작성자 이름 검색</label><div><input id="inquirySearch" name="inquiry_q" value="<?= nes_home_h($inquiryQuery) ?>" maxlength="30" placeholder="검색할 작성자 이름"><button type="submit">검색</button><?php if ($inquiryQuery !== ''): ?><a href="<?= nes_home_h($publicBoardUrl(['inquiry_q' => null, 'inquiry_page' => null], 'inquiries')) ?>">초기화</a><?php endif; ?></div>
    </form>
    <?php if (!$inquiryPager['items']): ?><p class="empty"><?= $inquiryQuery !== '' ? '검색된 고객문의가 없습니다.' : nes_home_h($content['inquiry_empty']) ?></p><?php else: foreach ($inquiryPager['items'] as $index => $inquiry): ?>
    <details><summary><span><?= $inquiryPager['total'] - $inquiryPager['offset'] - $index ?></span><strong><?= nes_home_h((string)$inquiry['title']) ?></strong><span><?= nes_home_h((string)$inquiry['name']) ?></span><time><?= nes_home_h(substr((string)$inquiry['created_at'], 0, 10)) ?></time></summary><div class="detail"><?= nl2br(nes_home_h((string)$inquiry['content'])) ?><?php if (!empty($inquiry['answer'])): ?><aside><b><?= nes_home_h($content['inquiry_answer']) ?></b><p><?= nl2br(nes_home_h((string)$inquiry['answer'])) ?></p></aside><?php else: ?><small><?= nes_home_h($content['inquiry_waiting']) ?></small><?php endif; ?></div></details>
    <?php endforeach; endif; ?>
    <?php if ($inquiryPager['pages'] > 1): ?><nav class="board-pagination dark-pagination" aria-label="고객문의 페이지">
      <?php if ($inquiryPager['page'] > 1): ?><a href="<?= nes_home_h($publicBoardUrl(['inquiry_page' => $inquiryPager['page'] - 1], 'inquiries')) ?>">이전</a><?php endif; ?>
      <?php foreach (nes_home_page_window($inquiryPager['page'], $inquiryPager['pages']) as $page): ?><?php if ($page === 0): ?><span class="ellipsis">…</span><?php elseif ($page === $inquiryPager['page']): ?><strong aria-current="page"><?= $page ?></strong><?php else: ?><a href="<?= nes_home_h($publicBoardUrl(['inquiry_page' => $page], 'inquiries')) ?>"><?= $page ?></a><?php endif; ?><?php endforeach; ?>
      <?php if ($inquiryPager['page'] < $inquiryPager['pages']): ?><a href="<?= nes_home_h($publicBoardUrl(['inquiry_page' => $inquiryPager['page'] + 1], 'inquiries')) ?>">다음</a><?php endif; ?>
    </nav><?php endif; ?>
  </div>
  <form class="inquiry-form" method="post" autocomplete="off"><h3><?= nes_home_h($content['inquiry_form_title']) ?></h3><p><?= nes_home_h($content['inquiry_form_description']) ?></p><?php if ($errors): ?><div class="form-alert error"><?= nes_home_h(implode(' ', $errors)) ?></div><?php elseif ($success): ?><div class="form-alert success"><?= nes_home_h($success) ?></div><?php endif; ?><input type="hidden" name="home_csrf" value="<?= nes_home_h($csrf) ?>"><label class="hp">Website<input name="website" tabindex="-1"></label><label><?= nes_home_h($content['inquiry_author_label']) ?><input name="name" required minlength="2" maxlength="30" placeholder="<?= nes_home_h($content['inquiry_author_placeholder']) ?>" value="<?= nes_home_h((string)($_POST['name'] ?? '')) ?>"></label><label><?= nes_home_h($content['inquiry_subject_label']) ?><input name="title" required minlength="2" maxlength="100" placeholder="<?= nes_home_h($content['inquiry_subject_placeholder']) ?>" value="<?= nes_home_h((string)($_POST['title'] ?? '')) ?>"></label><label><?= nes_home_h($content['inquiry_content_label']) ?><textarea name="content" required minlength="5" maxlength="2000" rows="5" placeholder="<?= nes_home_h($content['inquiry_content_placeholder']) ?>"><?= nes_home_h((string)($_POST['content'] ?? '')) ?></textarea></label><label><?= nes_home_h($content['captcha_label']) ?><div class="captcha"><img id="inquiryCaptcha" src="/inquiry_captcha.php?t=<?= time() ?>" alt="<?= nes_home_h($content['captcha_label']) ?>"><button id="captchaRefresh" type="button">↻</button></div><input name="captcha_code" required inputmode="numeric" pattern="[0-9]{5}" maxlength="5" placeholder="<?= nes_home_h($content['captcha_placeholder']) ?>"></label><button class="button primary full" name="submit_inquiry" type="submit"><?= nes_home_h($content['inquiry_submit']) ?> →</button></form>
</div></div></section>

<section id="signup" class="signup anchor"><div class="container signup-layout"><div><p class="eyebrow light"><i></i><?= nes_home_h($content['member_kicker']) ?></p><h2><?= nes_home_h($content['member_line1']) ?><br><?= nes_home_h($content['member_line2']) ?></h2></div><div><p><?= nes_home_h($content['member_description']) ?></p><a class="button white" href="<?= nes_home_h($content['link_signup']) ?>"><?= nes_home_h($content['member_button']) ?> →</a></div></div></section>
</main>
<footer><img src="<?= nes_home_h($content['image_5']) ?>" alt="<?= nes_home_h($content['footer_image_alt']) ?>"><div><span><?= nes_home_h($content['footer_label']) ?></span><nav><a href="#home"><?= nes_home_h($content['footer_home']) ?></a><a href="#notices"><?= nes_home_h($content['footer_notices']) ?></a><a href="#inquiries"><?= nes_home_h($content['footer_inquiries']) ?></a><a href="<?= nes_home_h($content['link_admin']) ?>" target="_blank" rel="noopener"><?= nes_home_h($content['footer_admin']) ?></a></nav></div></footer>
<script>
(function () {
  var storageKey = 'nes-home-board-scroll';
  var rememberPosition = function () {
    try { sessionStorage.setItem(storageKey, String(Math.round(window.scrollY || 0))); } catch (error) {}
  };

  document.querySelectorAll('.board-search').forEach(function (form) {
    form.addEventListener('submit', rememberPosition);
  });
  document.querySelectorAll('.board-search a, .board-pagination a').forEach(function (link) {
    link.addEventListener('click', rememberPosition);
  });

  var savedPosition = null;
  try { savedPosition = sessionStorage.getItem(storageKey); } catch (error) {}
  if (savedPosition === null) return;

  var top = Number.parseInt(savedPosition, 10);
  try { sessionStorage.removeItem(storageKey); } catch (error) {}
  var restorePosition = function () {
    window.requestAnimationFrame(function () {
      window.scrollTo(0, Number.isFinite(top) && top >= 0 ? top : 0);
      document.documentElement.classList.remove('nes-board-position-restore');
      if ('scrollRestoration' in history) history.scrollRestoration = 'auto';
    });
  };
  if (document.readyState === 'complete') restorePosition();
  else window.addEventListener('load', restorePosition, {once: true});
})();
</script>
<script src="/homepage/assets/homepage.js"></script>
</body>
</html>