<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SHiNE / Сияние — тестовое пополнение</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body>
<main class="page">
    <section class="card">
        <header class="hero">
            <h1>SHiNE / Сияние — тестовое пополнение</h1>
            <p class="subtitle">
                Временная devnet-страница для приглашённых тестеров Web3-социальной сети SHiNE.
            </p>
        </header>

        <p class="lead">
            Если вы получили промокод, введите его ниже. Мы отправим на ваш Solana devnet-кошелёк 0.1 SOL для
            тестирования функций SHiNE.
        </p>

        <div class="warning">
            Это тестовая сеть Solana Devnet. Эти SOL не являются настоящими деньгами и используются только для
            проверки работы приложения.
        </div>

        <form id="promoForm" class="promo-form" novalidate>
            <label for="wallet">Кошелёк Solana</label>
            <input id="wallet" name="wallet" type="text" th:value="${wallet}" placeholder="Введите публичный адрес"
                   required>

            <label for="name">Ваше имя / имя тестера</label>
            <input id="name" name="name" type="text" maxlength="120" placeholder="Например, Иван Петров" required>

            <label for="promoCode">Промокод</label>
            <input id="promoCode" name="promoCode" type="text" maxlength="8" placeholder="Например, x7k3m2qn"
                   required>

            <button id="submitButton" type="submit">Пополнить тестовый счёт</button>
        </form>

        <div id="loadingState" class="status hidden">Отправляем транзакцию...</div>
        <div id="errorState" class="status status-error hidden"></div>

        <section id="successState" class="success hidden" aria-live="polite">
            <h2>Готово! Тестовое пополнение выполнено</h2>
            <p>
                На указанный devnet-кошелёк отправлено 0.1 SOL. Возвращайтесь в приложение SHiNE / Сияние и
                продолжайте тестирование.
            </p>
            <p>
                Можете закрыть эту страницу и продолжить регистрацию на сайте.
            </p>
            <ul>
                <li><strong>Сумма:</strong> <span id="successAmount">—</span> SOL</li>
                <li><strong>Кошелёк:</strong> <span id="successWallet">—</span></li>
                <li><strong>Имя:</strong> <span id="successName">—</span></li>
                <li><strong>Подпись транзакции:</strong> <span id="successSignature">—</span></li>
            </ul>
            <a id="successExplorerUrl" href="#" target="_blank" rel="noopener noreferrer">
                Открыть транзакцию в Solana Explorer
            </a>
        </section>

        <section class="faq">
            <h3>FAQ</h3>

            <details>
                <summary>Что такое SHiNE / Сияние?</summary>
                <p>
                    SHiNE / «Сияние» — это тестируемая Web3-социальная сеть, где аккаунты, ключи и часть действий
                    связаны с блокчейном Solana. Пользователь управляет своим кошельком, а не просто логином и
                    паролем на обычном сервере.
                </p>
            </details>

            <details>
                <summary>Зачем нужен тестовый баланс?</summary>
                <p>
                    В SHiNE регистрация и некоторые действия требуют небольших списаний. Это помогает тестировать
                    реальную экономику приложения: регистрацию, переводы, сообщения, звонки и другие функции. Сейчас
                    всё работает в Solana Devnet, поэтому средства тестовые.
                </p>
            </details>

            <details>
                <summary>Сколько стоит регистрация?</summary>
                <p>
                    Текущая тестовая стоимость регистрации в SHiNE — 0.1 SOL. Промо-страница отправляет стартовое
                    тестовое пополнение 0.1 SOL. Условия тестирования могут меняться по мере развития проекта.
                </p>
            </details>

            <details>
                <summary>Можно ли пригласить друга?</summary>
                <p>
                    Да. После получения тестового баланса и регистрации в SHiNE вы сможете переводить часть тестовых
                    SOL другим пользователям, например друзьям или родственникам, чтобы вместе проверить сообщения,
                    звонки и взаимодействие внутри социальной сети.
                </p>
            </details>

            <details>
                <summary>Это настоящие деньги?</summary>
                <p>
                    Нет. Это Solana Devnet — тестовая сеть. Devnet SOL не имеют реальной рыночной ценности и
                    используются только для разработки и тестирования.
                </p>
            </details>

            <details>
                <summary>Почему в Web3 действия платные?</summary>
                <p>
                    В Web3 часть действий связана с транзакциями, хранением данных, подписями и сетевой
                    инфраструктурой. Зато такая модель позволяет строить систему без навязчивой рекламы и с большей
                    прозрачностью: пользователь понимает, за что платит, а ключи остаются у него.
                </p>
            </details>

            <details>
                <summary>Кто хранит мои ключи?</summary>
                <p>
                    Эта промо-страница не просит и не хранит приватные ключи пользователя. Для пополнения нужен только
                    публичный адрес кошелька Solana Devnet.
                </p>
            </details>
        </section>
    </section>
</main>

<footer class="page-footer">SHiNE Devnet Promo · temporary testing page</footer>

<script src="/js/app.js"></script>
</body>
</html>
