[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>
                </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>
                </div>

                <input type="file" id="header-file" accept="image/*" style="position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden;">
                <input type="file" id="avatar-file" accept="image/*" style="position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden;">

                <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>. пиши, что хочешь, и оформляй,
                            как
                            хочешь, но руководствуйся золотым правилом: не ставь в лз того, чего не хотел бы увидеть у
                            других ♥ кстати, после принятия личное звание ты сможешь поменять себе сам прямо в профиле

</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]
[hideprofile]