[html]
<div class="rgf-admin" data-rgf-form-root data-rgf-save-key="crossfeeling-anketa">
  <div class="rgf-admin__side">
    <div class="rgf-admin__card">
      <div class="rgf-admin__card-title rgf-admin__card-title--hero">Анкета</div>
      <div class="rgf-admin__hint">Название анкеты должно иметь такой вид: <b>name surname [fandom]</b>.<br>Анкета создается отдельной темой в данном подфоруме. <br>Коды для личного звания заполняются после принятия. <br>Не очищайте предзаполненные данные анкеты, чтобы часть из них автоматически отобразились в вашем личном звании.</div>

      <div class="rgf-admin__player-grid">
        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Name</span>
          <input class="rgf-admin__input" type="text" placeholder="Name" data-rgf-input="first_name_en">
        </label>

        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Surname</span>
          <input class="rgf-admin__input" type="text" placeholder="Surname" data-rgf-input="last_name_en">
        </label>

        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Имя</span>
          <input class="rgf-admin__input" type="text" placeholder="Имя" data-rgf-input="first_name">
        </label>

        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Фамилия</span>
          <input class="rgf-admin__input" type="text" placeholder="Фамилия" data-rgf-input="last_name">
        </label>
      </div>

      <label class="rgf-admin__field">
        <span class="rgf-admin__field-label">Ссылка на изображение</span>
        <input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="image">
      </label>

      <div class="rgf-admin__player-grid">
        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Fandom</span>
          <input class="rgf-admin__input" type="text" placeholder="Fandom" data-rgf-input="fandom_en">
        </label>

        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Фандом</span>
          <input class="rgf-admin__input" type="text" placeholder="Фандом" data-rgf-input="fandom_ru">
        </label>
      </div>

      <div class="rgf-admin__player-grid">
        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Внешность</span>
          <input class="rgf-admin__input" type="text" placeholder="Внешность" data-rgf-input="face">
        </label>

        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Деятельность, видовая принадлежность</span>
          <input class="rgf-admin__input" type="text" placeholder="Кто ты, воин" data-rgf-input="details">
        </label>
      </div>

      <label class="rgf-admin__field">
        <span class="rgf-admin__field-label">Информация о персонаже</span>
        <textarea class="rgf-admin__output" rows="8" placeholder="Ссылка на викию или краткое описание вашего персонажа; Ваши хэдканоны." data-rgf-input="description"></textarea>
      </label>
    </div>

    <div class="rgf-admin__card">
      <div class="rgf-admin__toggle-head">
        <label class="rgf-admin__toggle-control" aria-label="Показать способности">
          <input class="rgf-admin__toggle-input" type="checkbox" data-rgf-input="show_ability">
          <span class="rgf-admin__toggle-ui" aria-hidden="true"></span>
        </label>
        <div class="rgf-admin__card-title">Способности</div>
      </div>
      <div class="rgf-admin__hint">Для неканонов: блок попадёт в готовый код только если чекбокс включён</div>

      <div data-rgf-section="ability">
        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Название способности</span>
          <input class="rgf-admin__input" type="text" placeholder="Название способности" data-rgf-input="ability_name">
        </label>

        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Описание способности</span>
          <textarea class="rgf-admin__output" rows="5" placeholder="Название способности и принцип ее действия + все ограничения" data-rgf-input="ability_text"></textarea>
        </label>
      </div>
    </div>

    <div class="rgf-admin__card">
      <div class="rgf-admin__card-title">О вас</div>

      <label class="rgf-admin__field">
        <span class="rgf-admin__field-label">Связь</span>
        <input class="rgf-admin__input" type="text" placeholder="Ваш ответ" data-rgf-input="contact">
      </label>

      <div class="rgf-admin__toggle-head">
        <label class="rgf-admin__toggle-control" aria-label="Персонаж твинк">
          <input class="rgf-admin__toggle-input" type="checkbox" data-rgf-input="is_twink">
          <span class="rgf-admin__toggle-ui" aria-hidden="true"></span>
        </label>
        <div class="rgf-admin__field-label">Персонаж твинк</div>
      </div>

      <div data-rgf-section="twink-main-profile">
        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Ссылка на основной профиль</span>
          <input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="main_profile_url">
        </label>
      </div>

      <label class="rgf-admin__field">
        <span class="rgf-admin__field-label">Как нас нашли</span>
        <input class="rgf-admin__input" type="text" placeholder="Ваш ответ" data-rgf-input="how_found">
      </label>

      <label class="rgf-admin__field">
        <span class="rgf-admin__field-label">Согласие на альтернативы</span>
        <select class="rgf-admin__rollmenu" data-rgf-input="consent">
          <option value="" selected>Выбрать из списка</option>
          <option value="Да">Да</option>
          <option value="Нет">Нет</option>
          <option value="Со мной нужно договариваться каждый раз лично.">Со мной нужно договариваться каждый раз лично.</option>
        </select>
      </label>
    </div>

    <div class="rgf-admin__card">
      <div class="rgf-admin__card-title">Финальные блоки</div>
      <div class="rgf-admin__hint">Этот выбор влияет на блок ссылки на акцию в анкете и на админскую строку в личном звании после принятия</div>

      <fieldset class="rgf-admin__field rgf-admin__field--choices">
        <legend class="rgf-admin__field-label">Как пришли</legend>
        <div class="rgf-admin__choice-grid">
          <label class="rgf-admin__choice">
            <input class="rgf-admin__choice-input" type="radio" name="crossfeeling_bonus_choice" value="self" data-rgf-input="bonus_choice">
            <span class="rgf-admin__choice-label">пришел сам</span>
          </label>
          <label class="rgf-admin__choice">
            <input class="rgf-admin__choice-input" type="radio" name="crossfeeling_bonus_choice" value="request" data-rgf-input="bonus_choice">
            <span class="rgf-admin__choice-label">пришел по нужным</span>
          </label>
          <label class="rgf-admin__choice">
            <input class="rgf-admin__choice-input" type="radio" name="crossfeeling_bonus_choice" value="request_full" data-rgf-input="bonus_choice">
            <span class="rgf-admin__choice-label">пришел по нужным и вместо мемов накидал анкету</span>
          </label>
        </div>
      </fieldset>

      <div data-rgf-section="request">
        <label class="rgf-admin__field">
          <span class="rgf-admin__field-label">Ссылка на акцию</span>
          <input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="request_url">
        </label>
      </div>

      <label class="rgf-admin__field">
        <span class="rgf-admin__field-label">Клочок из истории (пост)</span>
        <textarea class="rgf-admin__output" rows="8" placeholder="Здесь пост" data-rgf-input="post_text"></textarea>
      </label>
    </div>

    <div class="rgf-admin__card" data-rgf-output-card>
      <div class="rgf-admin__card-title">Код и предпросмотр</div>
      <div class="rgf-admin__hint">После заполнения всех полей нажмите кнопку «Скопировать заполненные коды» — они автоматически будут скопированы в буфер обмена, после чего вы сможете вставить их в свою тему. Чтобы увидеть, как будет выглядеть анкета, нажмите «Предпросмотр анкеты».</div>
      <div class="rgf-admin__footer" data-rgf-form-actions>
        <button class="rgf-admin__button rgf-admin__button--dark" type="button" data-rgf-action="copy" disabled>скопировать код</button>
        <button class="rgf-admin__button" type="button" data-rgf-action="clear">очистить все поля</button>
        <button class="rgf-admin__button" type="button" data-rgf-action="view-code">предпросмотр анкеты</button>
      </div>
      <div class="rgf-admin__field" data-rgf-section="code">
        <div class="rgf-admin__preview" data-rgf-preview></div>
        <textarea class="rgf-admin__output" rows="18" readonly spellcheck="false" placeholder="[quentawrap]..." data-rgf-output="code" hidden></textarea>
      </div>
    </div>

    <div class="rgf-admin__card" data-rgf-fill-card>
      <div class="rgf-admin__card-title rgf-admin__card-title--hero">Коды для заполнения личного звания</div>
      <div class="rgf-admin__hint">Если вы уже писали анкету и не очищали поля, здесь достаточно заполнить только эти пункты: всё остальное подтянется из анкеты автоматически. Если чистили поля, просто скопируйте чистые коды и заполните их вручную</div>

      <div class="rgf-admin__fill-top">
        <div class="rgf-admin__fill-tabs" role="tablist" aria-label="режим кодов">
          <button class="rgf-admin__fill-tab" type="button" role="tab" data-rgf-fill-tab-button="filled">предзаполненные коды</button>
          <button class="rgf-admin__fill-tab" type="button" role="tab" data-rgf-fill-tab-button="clean">чистые коды</button>
        </div>
      </div>

      <div class="rgf-admin__fill-panel" data-rgf-fill-panel="filled">
        <div class="rgf-admin__fill-group">
          <label class="rgf-admin__field">
            <div class="rgf-admin__fill-group-title">Ссылка на анкету</div>
            <input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="anketa_url">
          </label>
          <label class="rgf-admin__field">
            <div class="rgf-admin__fill-group-title">Личное звание</div>
            <span class="rgf-admin__field-label" data-rgf-lz-counter>Доступно знаков: <span data-rgf-lz-remaining aria-live="polite">999</span></span>
            <textarea class="rgf-admin__output" rows="4" maxlength="999" placeholder="Текст лз" data-rgf-input="lz_text"></textarea>
          </label>
          <textarea class="rgf-admin__output rgf-admin__output--fill" rows="5" readonly spellcheck="false" data-rgf-fill-output="personal_rank" hidden></textarea>
        </div>

        <div class="rgf-admin__fill-group">
          <div class="rgf-admin__fill-group-title">Плашка</div>
          <div class="rgf-admin__player-grid">
            <label class="rgf-admin__field">
              <span class="rgf-admin__field-label">Текст побольше</span>
              <input class="rgf-admin__input" type="text" placeholder="Текст побольше" data-rgf-input="plaque_title">
            </label>

            <label class="rgf-admin__field">
              <span class="rgf-admin__field-label">Текст поменьше</span>
              <input class="rgf-admin__input" type="text" placeholder="Текст поменьше" data-rgf-input="plaque_subtitle">
            </label>
          </div>

          <label class="rgf-admin__field">
            <span class="rgf-admin__field-label">Ссылка на изображение с вашим персонажем</span>
            <input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="plaque_image">
          </label>

          <textarea class="rgf-admin__output rgf-admin__output--fill" rows="5" readonly spellcheck="false" data-rgf-fill-output="profile_plaque" hidden></textarea>
        </div>
      </div>

      <div class="rgf-admin__fill-panel" data-rgf-fill-panel="clean" hidden>
        <div class="rgf-admin__hint">Чистый пакет кодов подставляет плейсхолдеры вместо реальных данных. Для подготовки выберите, как пришёл персонаж</div>

        <div class="rgf-admin__fill-group">
          <div class="rgf-admin__fill-group-title">Настройки чистых кодов</div>
          <fieldset class="rgf-admin__field rgf-admin__field--choices">
            <legend class="rgf-admin__field-label">Как пришли</legend>
            <div class="rgf-admin__choice-grid">
              <label class="rgf-admin__choice">
                <input class="rgf-admin__choice-input" type="radio" name="crossfeeling_clean_bonus_choice" value="self" data-rgf-input="clean_bonus_choice">
                <span class="rgf-admin__choice-label">пришел сам</span>
              </label>
              <label class="rgf-admin__choice">
                <input class="rgf-admin__choice-input" type="radio" name="crossfeeling_clean_bonus_choice" value="request" data-rgf-input="clean_bonus_choice">
                <span class="rgf-admin__choice-label">пришел по нужным</span>
              </label>
              <label class="rgf-admin__choice">
                <input class="rgf-admin__choice-input" type="radio" name="crossfeeling_clean_bonus_choice" value="request_full" data-rgf-input="clean_bonus_choice">
                <span class="rgf-admin__choice-label">пришел по нужным и вместо мемов накидал анкету</span>
              </label>
            </div>
          </fieldset>
        </div>
      </div>

      <div class="rgf-admin__field" data-rgf-section="fill-preview">
        <pre class="rgf-admin__fill-preview" data-rgf-fill-preview></pre>
      </div>

      <div class="rgf-admin__footer rgf-admin__footer--fill" data-rgf-fill-actions>
        <button class="rgf-admin__button rgf-admin__button--dark" type="button" data-rgf-action="copy-active-codes" disabled>скопировать заполненные коды</button>
        <button class="rgf-admin__button" type="button" data-rgf-action="view-filled-codes">предпросмотр кодов</button>
      </div>
    </div>
  </div>
</div>
[/html]