{% extends "base.html" %}

{% block title %}Запросить секрет{% endblock %}

{% block content %}
<div class="card">
    <div class="card-body">
        <h4 class="card-title text-center mb-3">Запросить секрет</h4>
        <p class="text-secondary text-center mb-4">
            Создайте ссылку, по которой кто-то сможет отправить вам секрет.
            Секрет будет доступен для одноразового просмотра в вашем ЛК.
        </p>

        <div class="alert alert-secondary">
            <strong>Как это работает:</strong>
            <ol class="mb-0 small">
                <li>Вы создаете ссылку-запрос</li>
                <li>Отправляете ссылку получателю (по почте, в мессенджере)</li>
                <li>Получатель переходит по ссылке и вводит секрет</li>
                <li>Секрет появляется в ваших <strong>"Моих секретах"</strong> и доступен для одноразового просмотра
                </li>
            </ol>
        </div>

        <form method="POST" action="{{ url_for('request_secret_create') }}">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

            <div class="mb-3">
                <label for="note" class="form-label">Примечание только для Вас (необязательно)</label>
                <textarea class="form-control" id="note" name="note" rows="3"
                          placeholder="Например: пароль от замка велосипеда"></textarea>
                <div class="form-text text-secondary">Максимум 500 символов.</div>
            </div>

            <button type="submit" class="btn btn-secondary w-100">Создать ссылку-запрос</button>
        </form>
    </div>
</div>


{% endblock %}