[hideprofile][html]

<!-- 1. VUE -->
<script src="https://forumstatic.ru/files/001a/e1/ae/21171.js?v=2"></script>

<!-- ОСНОВНОЕ ПРИЛОЖЕНИЕ -->
<div id="store-app" class="gemini_topic">
    <div class="gemini_topic_title">
        <div class="gemini_topic_humanized">магазин</div>
        <div class="gemini_topic_directive">G:\gem_store</div>
    </div>
    <div class="gemini_topic_main">

        <div class="gemini_topic_block2">
            <div class="gemini_store_info">
                <div class="gemini_topic_minititle">порядок действий для заказа</div>
                <p class="point">добавь в корзину все, что хочешь купить;</p>
                <p class="point">в корзине внизу проставь получателей и количество для каждой позиции, а также отметь,
                    если
                    забираешь что-то в качестве приза за конкурс.</p>
                <p class="point">еще ниже будет кнопка «выбрать ваучеры для оплаты». если у тебя есть ваучеры для
                    оформления профиля: <span class="voucher_label redesign_label">SKIN SET</span> или <span
                        class="voucher_label redesign_label">REDESIGN</span> — не забудь воспользоваться.</p>
                <p class="point">помни, что каждый ваучер можно использовать тольцо <u>целиком</u> за один заказ, то есть не
                    получится купить сначала один элемент, а остальные в другой раз. кроме того, элементы
                    должны быть разные, например, иконка + фон + текст плашки. заказать три фона одним ваучером не
                    выйдет. в целом, эту инфу можно не запоминать, ибо магазин в любом случае не позволит тебе обойти
                    эти правила.</p>
                <p class="point">общая скидка по ваучеру <span class="voucher_label pticeoff_label">PRICE OFF</span>
                    применится автоматически.</p>
                <p class="point">нажми «оформить» и дождись, пока gemini team обработает заявку.</p>
                <p class="rule">мы не ставим оформление в чужие профили, но ты можешь сделать это сам в разделе профиля
                    <a href="javascript:window.open('/profile.php?section=fields&id='+window.UserID, '_blank')">лз и
                        оформление.</a>
                </p>
            </div>
        </div>

        <!-- Обычная раскладка -->
        <div class="gemini_store_main" v-if="activeTab !== 'headers'">
            <div class="gemini_store_left">
                <store-tabs :active-tab="activeTab" @tab-change="activeTab = $event"></store-tabs>
                <preview-component ref="previewComponent"></preview-component>
            </div>
            <div class="gemini_store_content gemini_topic_block2">
                <store-content :active-tab="activeTab" @add-to-cart="addToCart"
                    @preview="handlePreview"></store-content>
            </div>
        </div>

        <!-- Раскладка для хэдеров -->
        <div v-else>
            <div class="gemini_store_main">
                <div class="gemini_store_left">
                    <store-tabs :active-tab="activeTab" @tab-change="activeTab = $event"></store-tabs>
                </div>
                <div class="gemini_store_content gemini_topic_block2">
                    <store-content :active-tab="activeTab" @add-to-cart="addToCart" @preview="handlePreview"
                        @character-loaded="characterData = $event"></store-content>
                </div>
            </div>

            <div class="header-preview-full">
                <div class="gemini_topic_minititle">предпросмотр личной страницы</div>
                <div class="gemini_character character" style="margin-top: 60px;">
                    <div class="gemini_character_title">gemini</div>
                    <div class="gemini_character_main">
                        <div class="gemini_character_header"
                            :style="headerPreviewUrl ? 'background-image: url(' + headerPreviewUrl + ')' : ''">
                            <div class="gemini_character_pic">
                                <img v-if="characterData.avatar" :src="characterData.avatar"
                                    src="https://placehold.co/250x160">
                            </div>
                            <div class="gemini_character_name_wrp">
                                <div class="gemini_character_name">{{ characterData.name || userInfo.login }}</div>
                            </div>
                            <div class="gemini_character_twinks">
                                <a v-for="(twink, idx) in characterData.twinks" :key="idx" href="#">
                                    <div class="gemini_character_twink">
                                        <div class="gemini_twink_pic"><img :src="twink.pic"></div>
                                        <div class="gemini_twink_name">{{ twink.name }}</div>
                                    </div>
                                </a>
                            </div>
                        </div>

                        <div class="menu">
                            <div class="menu-links">
                                <span class="tabactive">оформление</span>
                                <span>ваучеры</span>
                                <span>приложения</span>
                            </div>
                        </div>

                        <div id="submenu">
                            <div class="submenutext" style="display:block;">
                                <div class="gemini_character_decor">
                                    <div class="gemini_character_block" id="gemini_character_bg">
                                        <div class="gc_content"></div>
                                    </div>
                                    <div class="gemini_character_block" id="gemini_character_icons">
                                        <div class="gc_content"></div>
                                    </div>
                                    <div class="gemini_character_block" id="gemini_character_lines_bg">
                                        <div class="gc_content"></div>
                                    </div>
                                    <div class="gemini_character_block" id="gemini_character_lines_text">
                                        <div class="gc_content"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <cart-component ref="cartComponent" @submit="submitForm"></cart-component>

    </div>
</div>

<!-- 2. КОНФИГ -->
<script src="https://forumstatic.ru/files/001a/e1/ae/77087.js"></script>

<!-- 4. КОМПОНЕНТЫ -->
<!-- Preview -->
<script src="https://forumstatic.ru/files/001a/e1/ae/11410.js"></script>
<!-- tabs -->
<script src="https://forumstatic.ru/files/001a/e1/ae/48733.js"></script>
<!-- content -->
<script src="https://forumstatic.ru/files/001a/e1/ae/89699.js"></script>
<!-- ваучеры -->
<script src="https://forumstatic.ru/files/001a/e1/ae/79619.js"></script>
<!-- icons -->
<script src="https://forumstatic.ru/files/001a/e1/ae/61930.js"></script>
<!-- bg-->
<script src="https://forumstatic.ru/files/001a/e1/ae/86250.js"></script>
<!-- lines-->
<script src="https://forumstatic.ru/files/001a/e1/ae/23061.js"></script>
<!-- headers -->
<script src="https://forumstatic.ru/files/001a/e1/ae/63449.js"></script>
<!-- cart-->
<script src="https://forumstatic.ru/files/001a/e1/ae/58988.js"></script>
<!-- service-->
<script src="https://forumstatic.ru/files/001a/e1/ae/17852.js"></script>

<!-- 5. ОСНОВНОЕ ПРИЛОЖЕНИЕ -->
<script src="https://forumstatic.ru/files/001a/e1/ae/86685.js" defer></script>

<style>
  #pun:not(.isadmin) form#post {
    display: none;
  }

</style>

[/html]