[hideprofile][html]
<div class="gemini_topic gemini_user_form">
  <div class="gemini_topic_title">
    <div class="gemini_topic_humanized">подача анкеты</div>
    <div class="gemini_topic_directive">G:\create_account</div>
  </div>
  <div class="gemini_topic_main">
    <div class="gemini_topic_minititle">как заполнять анкету</div>

    <div class="gemini_topic_block2">
      <p class="point">
        шаблон анкеты заполняй прямо в этой теме, вводя данные в соответствующие
        поля ниже. введенные данные сохраняются в браузере, поэтому не бойся
        потерять их при обновлении страницы
      </p>
      <p class="point">
        заполнить можно как полный, так и упрощенный вариант - полностью по
        твоему желанию. мемы вместо биографии не возбраняются и только
        приветствуются (а мы похихикаем)
      </p>
      <p class="point">
        помимо анкеты, сразу нужно будет заполнить личное звание и выбрать
        картинку для личной страницы. да, мы знаем, насколько это впадлу, но
        ничего не поделаешь!!!
      </p>
      <p class="point">
        <strong
          >имя и фамилия в анкете должны совпадать с теми, что указаны в логине
          — или логин будет изменен на данные из анкеты.</strong
        >
        полное / второе / девичье при желании можно указать в цитате или в
        описании персонажа.
      </p>
      <p class="point">
        когда закончишь, нажми "отправить" и не закрывай вкладку, пока скрипт не
        завершит работу
      </p>
      <p class="point">
        если ты активный юзер мобилки, то рекомендую заполнять шаблон в любом
        случае с десктопной версии
      </p>
    </div>

    <div class="gemini_topic_minititle">предпросмотр анкеты</div>

    <div class="gemini_user_wrp">
      <div class="gemini_user_name_out">name</div>
      <div class="gemini_user">
        <img class="gemini_user_header" />
        <div class="gemini_user_pic">
          <img src="https://placehold.co/130x130" />
        </div>
        <div class="gemini_user_name">name</div>
        <div class="gemini_user_sur medium">surname</div>
        <div class="gemini_user_proto">внешность</div>
        <div class="gemini_user_quote">цитата</div>
        <div class="gemini_user_info">
          <div class="gemini_user_info_bday">дата рождения</div>
          <div class="gemini_user_info_city">место рождения</div>
          <div class="gemini_user_info_sex">ориентация</div>
        </div>
        <div class="gemini_user_info_main">
          <div class="gemini_user_ocupation">занятость персонажа</div>
          <div class="gemini_user_runame">имя на русском</div>
        </div>
        <div class="gemini_user_bio">описание персонажа</div>
      </div>
    </div>

    <div class="gem_userform_template">
      <div class="gemini_topic_minititle">шаблон анкеты</div>

      <div class="form-fields">
        <div class="field-group">
          <label for="userName">имя на английском</label>
          <div class="gemini_user_hint">
            имя должно совпадать с именем в логине — или логин будет изменен
          </div>
          <input type="text" id="userName" placeholder="name" />
        </div>

        <div class="field-group">
          <label for="userSur">фамилия на английском</label>
          <div class="gemini_user_hint">
            фамилия должна совпадать с фамилией в логине — или логин будет
            изменен
          </div>
          <input type="text" id="userSur" placeholder="surname" />
        </div>

        <div class="field-group">
          <label for="userProto">внешность на английском</label>
          <input type="text" id="userProto" placeholder="name surname" />
        </div>

        <div class="field-group">
          <label for="surSize">размер фамилии (смотри превью сверху)</label>
          <select id="surSize">
            <option value="big" selected>большой</option>
            <option value="medium">средний</option>
            <option value="small">маленький</option>
          </select>
        </div>

        <div class="field-group">
          <label for="userQuote">цитата (необязательно)</label>
          <input
            type="text"
            id="userQuote"
            placeholder="длина зависит от длины фамилии, смотри превью"
          />
          <div class="surname-warning error-message" style="display: none">
            прости, слишком длинная фамилия, но ты всегда можешь добавить цитату
            в блоке "о персонаже"
          </div>
        </div>

        <div class="field-group">
          <label for="userBday">дата рождения</label>
          <input type="text" id="userBday" placeholder="дд.мм.гггг" />
        </div>

        <div class="field-group">
          <label for="userCity">место рождения</label>
          <input
            type="text"
            id="userCity"
            placeholder="город, где родился персонаж"
          />
        </div>

        <div class="field-group">
          <label for="userSex">ориентация</label>
          <input type="text" id="userSex" placeholder="ориентация" />
        </div>

        <div class="field-group">
          <label for="userOcupation">занятость</label>
          <input
            type="text"
            id="userOcupation"
            placeholder="кем работает / чем занимается ваш персонаж"
          />
        </div>

        <div class="field-group">
          <label for="userRuname">имя и фамилия на русском</label>
          <input type="text" id="userRuname" placeholder="имя фамилия" />
        </div>

        <!-- ХЭДЕР -->
        <div class="field-group">
          <label>хэдер (верхний фон в анкете)</label>
          <div class="gemini_user_hint">
            любое изображение, хоть с персом, хоть нет.<br />минимальный размер
            — 600х140
          </div>
          <input type="text" id="avatarHeader" placeholder="ссылка на фото" />
          <button type="button" id="upload-header-btn" class="upload-btn">
            загрузить файл
          </button>
          <input
            type="file"
            id="header-file"
            accept="image/*"
            style="display: none"
          />
        </div>

        <!-- ПОРТРЕТ -->
        <div class="field-group">
          <label>портрет</label>
          <div class="gemini_user_hint">
            любое изображение с персом.<br />минимальный размер — 130х130
          </div>
          <input type="text" id="avatarPic" placeholder="ссылка на фото" />
          <button type="button" id="upload-avatar-btn" class="upload-btn">
            загрузить файл
          </button>
          <input
            type="file"
            id="avatar-file"
            accept="image/*"
            style="display: none"
          />
        </div>

        <div class="field-group gemini_user_toggle">
          <div class="toggle-switch">
            <label class="toggle">
              <input type="checkbox" id="modeToggle" checked />
              <span class="toggle-slider">
                <span class="toggle-option-left">упрощённая</span>
                <span class="toggle-option-right">полный шаблон</span>
              </span>
            </label>
          </div>
          <div class="gemini_topic_block2">
            в полном шаблоне можно как написать биографию с характером, если вы
            из этих, так и просто накидать мемов / цитат / песен и т.д.
          </div>
        </div>

        <div class="field-group gemini_user_bio_input" id="bioGroup">
          <label for="userBio">о персонаже</label>

          <!-- панель инструментов для био -->
          <div class="bio-toolbar">
            <div class="bio-toolbar">
              <button
                type="button"
                class="toolbar-btn"
                data-format="bold"
                title="Жирный"
              >
                <i class="fa-solid fa-bold"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                data-format="italic"
                title="Курсив"
              >
                <i class="fa-solid fa-italic"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                data-format="underline"
                title="Подчёркнутый"
              >
                <i class="fa-solid fa-underline"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                data-format="strikethrough"
                title="Зачёркнутый"
              >
                <i class="fa-solid fa-strikethrough"></i>
              </button>

              <button
                type="button"
                class="toolbar-btn"
                id="fontBtn"
                title="Выбрать шрифт"
              >
                <i class="fa-solid fa-font"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                id="sizeBtn"
                title="Размер шрифта"
              >
                <i class="fa-solid fa-text-height"></i>
              </button>

              <button
                type="button"
                class="toolbar-btn"
                id="layoutBtn"
                title="Переключить раскладку Lat↔Rus"
              >
                <i class="fa-solid fa-language"></i>
              </button>

              <button
                type="button"
                class="toolbar-btn"
                data-format="align-left"
                title="Выровнять влево"
              >
                <i class="fa-solid fa-align-left"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                data-format="align-center"
                title="По центру"
              >
                <i class="fa-solid fa-align-center"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                data-format="align-right"
                title="Выровнять вправо"
              >
                <i class="fa-solid fa-align-right"></i>
              </button>

              <button
                type="button"
                class="toolbar-btn"
                id="blockBtn"
                title="Отдельный блок (что-то типа цитатки)"
              >
                <i class="fa-regular fa-message-quote"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                id="spoilerBtn"
                title="спойлер"
              >
                <i class="fa-solid fa-square-caret-down"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                data-format="paragraph"
                title="Абзац"
              >
                <i class="fa-solid fa-paragraph"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                data-format="line-break"
                title="Перенос строки"
              >
                <i class="fa-solid fa-arrow-turn-down"></i>
              </button>

              <button
                type="button"
                class="toolbar-btn"
                data-format="image"
                title="Вставить картинку"
              >
                <i class="fa-solid fa-image"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                id="youtubeBtn"
                title="Вставить видео с YouTube"
              >
                <i class="fa-brands fa-youtube"></i>
              </button>
              <button
                type="button"
                class="toolbar-btn"
                id="audioBtn"
                title="Вставить аудио"
              >
                <i class="fa-solid fa-music"></i>
              </button>
              <span class="toolbar-sep"></span>
            </div>
          </div>

          <textarea id="userBio" rows="4" placeholder="о персонаже"></textarea>
        </div>

        <!-- шрифты -->
        <div
          id="fontgemini_user_form_modal"
          class="gemini_user_form_modal"
          style="display: none"
        >
          <div class="gemini_user_form_modal-content">
            <div class="gemini_user_form_modal-search">
              <input
                type="text"
                id="fontSearch"
                placeholder="Поиск шрифта..."
              />
            </div>
            <div class="gemini_user_form_modal-list" id="fontList"></div>
          </div>
        </div>

        <!-- размер шрифта-->
        <div
          id="sizegemini_user_form_modal"
          class="gemini_user_form_modal"
          style="display: none"
        >
          <div class="gemini_user_form_modal-content">
            <div class="gemini_user_form_modal-list" id="sizeList">
              <div class="size-item" data-size="10px">10px</div>
              <div class="size-item" data-size="12px">12px</div>
              <div class="size-item" data-size="14px">14px</div>
              <div class="size-item" data-size="16px">16px</div>
              <div class="size-item" data-size="18px">18px</div>
              <div class="size-item" data-size="20px">20px</div>
              <div class="size-item" data-size="24px">24px</div>
              <div class="size-item" data-size="28px">28px</div>
              <div class="size-item" data-size="32px">32px</div>
              <div class="size-item" data-size="36px">36px</div>
              <div class="size-item" data-size="42px">42px</div>
              <div class="size-item" data-size="48px">48px</div>
              <div class="size-item" data-size="56px">56px</div>
              <div class="size-item" data-size="64px">64px</div>
            </div>
          </div>
        </div>
      </div>

      <!-- лз и лс -->

      <div class="profile-settings-wrapper">
        <!-- ЛЕВАЯ КОЛОНКА - НАСТРОЙКИ -->
        <div class="profile-settings-form">
          <div class="gemini_topic_minititle">для любопытных админов</div>

          <div class="field-group">
            <label for="twinLink"
              >ссылка на первый профиль (если это твинк)</label
            >
            <div class="gemini_user_hint">
              оставь поле пустым, если это твой первый профиль или ты меняешь
              роль
            </div>
            <input type="text" id="twinLink" />
          </div>

          <div class="field-group">
            <label for="neededLink"
              >ссылка на заявку (если приходишь по заявке)</label
            >
            <div class="gemini_user_hint">
              оставь поле пустым, если приходишь не по заявке
            </div>
            <input type="text" id="neededLink" />
          </div>

          <div class="field-group">
            <label class="checkbox-label" for="invitedByFriend">
              <input type="checkbox" id="invitedByFriend" /> меня привел
              друг</label
            >
            <input
              type="text"
              id="friendProfileLink"
              placeholder="ссылка на профиль того, кто привел"
            />
          </div>

          <div class="gemini_topic_minititle" style="margin-top: 20px">
            личная страница и личное звание
          </div>
          <div class="field-group profile-type-block" style="display: none">
            <label>тип личной страницы</label>
            <details class="gemini_ls_type">
              <summary>
                в смысле тип личной страницы, ты спросишь...
                <strong>жми сюда</strong>
              </summary>
              <p>
                смотри, в тюрьме четыре основные касты.. в смысле, у тебя есть
                два варианта:
              </p>
              <p>
                1. твой твинк вносится на личную страницу основного (первого)
                профиля. в этом случае у твоих профилей будут общие плюшки:
                фоны, иконки, плашки, а также общий счет токенов — все свободно
                можно использовать между разными профилями, минусов не будет.
              </p>
              <p>
                2. у твинка создается отдельная личная страница, где все
                оформление придется покупать заново / отдельно, ну и счет
                токенов, конечно, тоже будет отдельный. но зато никто не узнает,
                чей ты твинк...
              </p>
              <p style="text-align: center; font-weight: 600">что выберешь?</p>
            </details>
            <label class="toggle">
              <input type="checkbox" id="profileTypeToggle" />
              <span class="toggle-slider">
                <span class="toggle-option-left">общая</span>
                <span class="toggle-option-right">отдельная</span>
              </span>
            </label>
          </div>

          <!-- ЛС -->
          <div class="field-group">
            <label for="profileImage">ссылка на картинку в ЛС</label>
            <div class="profile-image-hint gemini_user_hint">
              минимальный размер — 220x160
            </div>
            <input type="text" id="profileImage" />
            <button
              type="button"
              id="upload-profile-image-btn"
              class="upload-btn"
            >
              загрузить файл
            </button>
            <input
              type="file"
              id="profile-image-file"
              accept="image/*"
              style="display: none"
            />
          </div>

          <div class="field-group">
            <label for="userTitle">личное звание</label>
            <div class="gemini_user_hint">
              <strong>шаблон свободный</strong>. пиши, что хочешь, и оформляй,
              как хочешь, но руководствуйся золотым правилом: не ставь в лз
              того, чего не хотел бы увидеть у других ♥ кстати, после принятия
              личное звание ты сможешь поменять себе сам прямо в профиле. а
              <a href="/pages/fonts"><strong>на странице шрифтов</strong></a>
              можно получше разглядеть, как они выглядят
            </div>

            <!-- Панель инструментов для ЛЗ -->
            <div class="lz-toolbar">
              <button
                type="button"
                class="lz-btn"
                data-format="bold"
                title="Жирный"
              >
                <i class="fa-solid fa-bold"></i>
              </button>
              <button
                type="button"
                class="lz-btn"
                data-format="italic"
                title="Курсив"
              >
                <i class="fa-solid fa-italic"></i>
              </button>
              <button
                type="button"
                class="lz-btn"
                data-format="underline"
                title="Подчёркнутый"
              >
                <i class="fa-solid fa-underline"></i>
              </button>
              <button
                type="button"
                class="lz-btn"
                data-format="strikethrough"
                title="Зачёркнутый"
              >
                <i class="fa-solid fa-strikethrough"></i>
              </button>
              <button
                type="button"
                class="lz-btn"
                data-format="line-break"
                title="Перенос строки"
              >
                <i class="fa-solid fa-arrow-turn-down"></i>
              </button>
              <button
                type="button"
                class="lz-btn"
                id="lzFontBtn"
                title="Выбрать шрифт"
              >
                <i class="fa-solid fa-font"></i>
              </button>
              <button
                type="button"
                class="lz-btn"
                id="lzSizeBtn"
                title="Размер шрифта"
              >
                <i class="fa-solid fa-text-height"></i>
              </button>
              <button
                type="button"
                class="lz-btn"
                id="coupleLink"
                title="ссылка на пару"
              >
                <i class="fa-solid fa-heart"></i>
              </button>
            </div>

            <textarea
              id="userTitle"
              rows="3"
              placeholder="личное звание"
            ></textarea>
          </div>
        </div>

        <!-- ПРАВАЯ КОЛОНКА - ПРЕВЬЮ ПРОФИЛЯ -->
        <div class="preview-post-author_wrp">
          <div class="gemini_topic_minititle">предпросмотр лз</div>

          <div class="preview-post-author">
            <ul>
              <li class="preview-pa-fld1">
                <img class="icon" src loading="lazy" />
              </li>
              <li class="preview-pa-author" id="previewLogin"></li>
              <li class="preview-pa-title">привет я новенький</li>
              <li class="preview-pa-avatar item2">
                <img id="previewAvatar" src="" alt="аватар" />
              </li>
              <li class="preview-pa-fld4">
                <a href="#" class="anketa" id="previewAnketa"></a>
                <p id="previewLZ"></p>
              </li>
              <li class="preview-pa-posts">
                <a href="#" target="_blank">Сообщений</a>
                <span id="previewPosts">0</span>
              </li>
              <li class="preview-pa-respect">
                <span class="fld-name"><a href="#">Репутация</a></span>
                <span id="previewRespect">+0</span>
              </li>
              <li class="preview-pa-fld5">
                <a href="#">Посты:</a><br /><span id="previewFld5">0</span>
              </li>
              <li class="preview-pa-fld2">
                <span class="fld-name">Токены:</span><br /><span
                  class="tokens"
                  id="previewTokens"
                  >0</span
                >
              </li>
              <li class="preview-pa-fld3">
                <div class="line">
                  CORE SYSTEM RUNNING<span>CURRENT STATUS: TOTALLY STABLE</span>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <!-- кнопки -->
      <div class="field-group gemini_user_btn">
        <button type="button" id="sendFormBtn">отправить</button>
        <button type="button" id="clearFormBtn">очистить всё</button>
      </div>
    </div>
  </div>
</div>

<style>
  .gid3 .gem_userform_template textarea,
  .gid3 .gem_userform_template select,
  .gid3 .gem_userform_template button,
  .gid3 .gem_userform_template input {
    cursor: not-allowed;
  }
</style>
<script>
  if (GroupID == 3) {
    $(".gem_userform_template :input").prop("disabled", true);
  }
</script>
[/html]