[viewBag]

[staticMenu]
code = "main-top"
==
<!-- Header Top ========================================================= -->
<section class="header_top" id="head-top">
    <div class="auto_container">
        <div class="top_wrap">
            <div class="info_block">
                <div class="header_contact">
                    <div class="header_icon">
                        <img src="{{'assets/images/svg/phone-call.svg'|theme}}" alt="">
                    </div>
                    <div class="head_text">
                        {{ phone }}
                    </div>
                </div>
                <div class="header_contact">
                    <div class="header_icon">
                        <img src="{{'assets/images/svg/blue_mail.svg'|theme}}" alt="">
                    </div>
                    <a href="{{'contact-us'|page}}" class="head_text">
                        {{ email }}
                    </a>
                </div>
            </div>
            <a href="#header" class="top_btn">
                <img src="{{'assets/images/svg/up.svg'|theme}}" alt="">
            </a>
            <div class="info_block">
                <div class="header_contact">
                    <div class="header_icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
                            viewBox="0 0 24.828 14.828">
                            <g id="trend_up" transform="translate(0.414 -4.586)">
                                <path class="trend_line" data-name="Контур 121" d="M23,6l-9.5,9.5-5-5L1,18"
                                    fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2" />
                                <path class="trend_arrow" data-name="Контур 122" d="M17,6h6v6" fill="none"
                                    stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2" />
                            </g>
                        </svg>
                    </div>
                    <div class="currency">
                        usd
                    </div>
                    <div class="head_num">
                        {{ dollar }}
                    </div>
                </div>
                <div class="header_contact">
                    <div class="header_icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
                            viewBox="0 0 24.828 14.828">
                            <g id="trending-up" transform="translate(1.414 1.414)">
                                <path class="trend_line" data-name="Контур 121" d="M23,18,13.5,8.5l-5,5L1,6"
                                    transform="translate(-1 -6)" fill="none" stroke="red" stroke-linecap="round"
                                    stroke-linejoin="round" stroke-width="2" />
                                <path class="trend_arrow" data-name="Контур 122" d="M17,12h6V6"
                                    transform="translate(-1)" fill="none" stroke="red" stroke-linecap="round"
                                    stroke-linejoin="round" stroke-width="2" />
                            </g>
                        </svg>
                    </div>
                    <div class="currency">
                        eur
                    </div>
                    <div class="head_num">
                        {{ euro }}
                    </div>
                </div>
                <div class="header_contact">
                    <div class="header_icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24.828" height="14.828"
                            viewBox="0 0 24.828 14.828">
                            <g id="trend_up" transform="translate(0.414 -4.586)">
                                <path class="trend_line" data-name="Контур 121" d="M23,6l-9.5,9.5-5-5L1,18"
                                    fill="none" stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2" />
                                <path class="trend_arrow" data-name="Контур 122" d="M17,6h6v6" fill="none"
                                    stroke="#01bf34" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2" />
                            </g>
                        </svg>
                    </div>
                    <div class="currency">
                        gbp
                    </div>
                    <div class="head_num">
                        {{ gbp }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Header Top end ========================================================= -->

{% if not account.user %}
<!-- Password ==================================================== -->

<!-- Password end ==================================================== -->

{% else %}

    {% if user.dial_code == '+993' and not user.phone_verified %}

        <!-- Sms code input ==================================================== -->
        <section class="password sms-code">
            <div class="auto_container">
                <div class="pass_wrap">
                    <div class="pass_mail">
                        <div class="pass_title">
                            {{'auth.phone_verify_enter_code'|_}}
                        </div>
                        <form action="#" data-request="onCheckSmsCode" data-request-validate data-request-flash class="password_form">
                            <div class="pass_input">
                                <input type="text" name="sms_code" placeholder="SMS code" required>
                                <span class="error_txt" data-validate-for="sms_code"></span>
                            </div>
                            <button type="submit" class="pass_btn" data-attach-loading>
                                {{'account.send'|_}}
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </section>
        <!-- Sms code input end ==================================================== -->

    {% endif %}

{% endif %}

<!--Header  ============================================================= -->
<header class="header" id="header">
    <div class="auto_container">
        <div class="header_wrap">
            <a href="{{'index'|page}}" class="header_logo">
                <div class="header_img">
                    <svg id="Group_14" data-name="Group 14" xmlns="http://www.w3.org/2000/svg" width="100"
                        height="100.001" viewBox="0 0 100 100.001">
                        <path id="logo_left" data-name="Path 2130"
                            d="M12613.869,7717.147l20.387-20.38v-9.209h9.2l3.371-3.372-16.276-16.277h-15.936v20.717l-14.645,14.635Z"
                            transform="translate(-12599.973 -7653.263)" fill="#003197" fill-rule="evenodd" />
                        <path id="logo_top" data-name="Path 2131"
                            d="M14257.869,7055.751l16.273-16.274v-15.936h-20.728l-14.622-14.645-13.891,13.886,20.389,20.4h9.215v9.209Z"
                            transform="translate(-14188.795 -7008.896)" fill="#aba17d" fill-rule="evenodd" />
                        <path id="logo_bottom" data-name="Path 2132"
                            d="M13308.307,9433.256l-20.394-20.391h-9.2v-9.215l-3.371-3.357-16.274,16.274V9432.5h20.706l14.647,14.644Z"
                            transform="translate(-13244.428 -9347.147)" fill="#0056ff" fill-rule="evenodd" />
                        <path id="logo_right" data-name="Path 2133"
                            d="M15007.646,8683.345h15.934v-20.727l14.643-14.622-13.891-13.883-20.393,20.382v9.213h-9.207l-3.361,3.371Z"
                            transform="translate(-14938.223 -8597.992)" fill="#003197" fill-rule="evenodd" />
                    </svg>
                </div>
                <div class="logo_text">
                    {{ site_name|raw }}
                </div>
            </a>
            {% if not account.user %}
            <div class="head_buttons">
                <div class="register_btn">
                    <div class="btn_icon">
                        <img src="{{'assets/images/svg/user-plus-white.svg'|theme}}" alt="">
                    </div>
                    <div class="btn_text">
                        {{ 'topnav.reg'|_ }}
                    </div>
                </div>
                <div class="log_in">
                    <div class="btn_icon">
                        <img src="{{'assets/images/svg/log-in-white.svg'|theme}}" alt="">
                    </div>
                    <div class="btn_text">
                        {{ 'topnav.login'|_ }}
                    </div>
                </div>
            </div>
            {% else %}



                <div class="profile">
                    <a href="{{ 'kabinet/messages'|page }}" class="profile_info-group">
                        <div class="profile_icon">
                            <img src="{{'assets/images/svg/inbox.svg'|theme}}" alt="">
                        </div>
                        <div class="profile_text">
                            {{ 'auth.messages'|_ }}
                        </div>
                    </a>

                    <a class="profile_info-group" href="{{ 'kabinet/transactions'|page }}">
                        <div class="profile_icon">
                            <img src="{{'assets/images/svg/coins.svg'|theme}}" alt="">
                        </div>
                        <div class="profile_text">
                            {{user.getBalance}} TMT
                        </div>
                    </a>
                    <div class="profile_bio">
                        <div class="profile_head">
                            <div class="profile_icon">
                                <img src="{{'assets/images/svg/user-plus.svg'|theme}}" alt="">
                            </div>
                            <div class="profile_text">
                                {{user.name ? user.name : user.email}}
                            </div>
                            <div class="prodile_arrow">
                                <img src="{{'assets/images/svg/arrow-down.svg'|theme}}" alt="">
                            </div>
                        </div>
                        <div class="profile_drop">

                            

                            <a href="{{'kabinet/profile'|page}}" class="profile_item">
                                <div class="profile_icon">
                                    <img src="{{'assets/images/svg/user-plus.svg'|theme}}" alt="">
                                </div>
                                <div class="profile_text">
                                    {{ 'auth.personal_data'|_ }}
                                </div>
                            </a>

                            <a href="{{'kabinet/my_offers'|page}}" class="profile_item">
                                <div class="profile_icon">
                                    <img src="{{'assets/images/svg/clipboard.svg'|theme}}" alt="">
                                </div>
                                <div class="profile_text">
                                    {{ 'auth.my_announces'|_ }}
                                </div>
                            </a>

                            <a href="{{ 'kabinet/balance'|page }}" class="profile_item">
                                <div class="profile_icon">
                                    <img src="{{'assets/images/wallet.png'|theme}}" alt="">
                                </div>
                                <div class="profile_text">
                                    {{'account.fill_up_balance'|_}}
                                </div>
                            </a>

                            <a href="{{ 'kabinet/add_offer'|page }}" class="profile_item">
                                <div class="profile_icon">
                                    <img src="{{'assets/images/svg/add-blue.svg'|theme}}" alt="">
                                </div>
                                <div class="profile_text">
                                    {{ 'auth.add_announce'|_ }}
                                </div>
                            </a>

                            <a href="#" data-request="onLogout" data-request-data="redirect: '/'" class="profile_item">
                                <div class="profile_icon">
                                    <img src="{{'assets/images/svg/log-out.svg'|theme}}" alt="">
                                </div>
                                <div class="profile_text">
                                    {{ 'auth.logout'|_ }}
                                </div>
                            </a>

                        </div>
                    </div>

                </div>

                <div class="mobile_user-profile">
                    <div class="open_profile-icon">
                        <img src="{{'assets/images/svg/user-profile.svg'|theme}}" alt="">
                    </div>
                </div>

                {% if user %}
                <div class="mobile_profile-navs">
                    <div class="mobile_profile-inner">

                        <div class="mobile_user-name">
                            {{user.name ? user.name : user.email}}
                        </div>

                        <div class="mobile_user-item">
                            <div class="mobile_user-item-icon">
                                <img src="{{'assets/images/svg/coins.svg'|theme}}" alt="">
                            </div>
                            <p class="mobile_user-item-text">
                                {{user.getBalance}} TMT
                            </p>
                        </div>

                        {% component 'notifications' frontend='mobile' %}

                        <a href="{{ 'kabinet/messages'|page }}" class="mobile_user-item">
                            <div class="mobile_user-item-icon">
                                <img src="{{'assets/images/svg/inbox.svg'|theme}}" alt="">
                            </div>
                            <p class="mobile_user-item-text">
                                {{ 'auth.messages'|_ }}
                            </p>
                        </a>

                        <a href="{{'kabinet/profile'|page}}" class="mobile_user-item">
                            <div class="mobile_user-item-icon">
                                <img src="{{'assets/images/svg/user-plus.svg'|theme}}" alt="">
                            </div>
                            <p class="mobile_user-item-text">
                                {{ 'auth.personal_data'|_ }}
                            </p>
                        </a>

                        <a href="{{'kabinet/my_offers'|page}}" class="mobile_user-item">
                            <div class="mobile_user-item-icon">
                                <img src="{{'assets/images/svg/clipboard.svg'|theme}}" alt="">
                            </div>
                            <p class="mobile_user-item-text">
                                {{ 'auth.my_announces'|_ }}
                            </p>
                        </a>

                        <a href="{{ 'kabinet/add_offer'|page }}" class="mobile_user-item">
                            <div class="mobile_user-item-icon">
                                <img src="{{'assets/images/svg/add-blue.svg'|theme}}" alt="">
                            </div>
                            <p class="mobile_user-item-text">
                                {{ 'auth.add_announce'|_ }}
                            </p>
                        </a>

                        <a href="{{ 'kabinet/balance'|page }}" class="mobile_user-item">
                            <div class="mobile_user-item-icon">
                                <img src="{{'assets/images/wallet.png'|theme}}" alt="">
                            </div>
                            <p class="mobile_user-item-text">
                                {{'account.fill_up_balance'|_}}
                            </p>
                        </a>

                        <a href="#" data-request="onLogout" data-request-data="redirect: '/'" class="mobile_user-item">
                            <div class="mobile_user-item-icon">
                                <img src="{{'assets/images/svg/log-out.svg'|theme}}" alt="">
                            </div>
                            <p class="mobile_user-item-text">
                                {{ 'auth.logout'|_ }}
                            </p>
                        </a>
                    </div>
                </div>
                {% endif %}
            </div>
            {% endif %}
        </div>
    </div>
</header>
<!--Header  end ========================================================= -->

<!--Navs  ============================================================= -->
<nav class="navs" id="nav">
    <div class="auto_container">
        <div class="navs_wrap">
            <div class="burger">
                <img src="{{'assets/images/svg/menu.svg'|theme}}" alt="">
            </div>
            <div class="links_bg">
                <div class="links">

                    {% for item in staticMenu.menuItems %}
                    <a class="nav_link" href="{{ item.url }}">{{ item.title }}</a>
                    {% endfor %}

                    {% if not user %}
                    <div class="mobile_register">
                        <div class="register_btn">
                            <div class="btn_icon">
                                <img src="{{'assets/images/svg/user-plus-white.svg'|theme}}" alt="">
                            </div>
                            <div class="btn_text">
                                {{ 'topnav.reg'|_ }}
                            </div>
                        </div>
                        <div class="log_in">
                            <div class="btn_icon">
                                <img src="{{'assets/images/svg/log-in-white.svg'|theme}}" alt="">
                            </div>
                            <div class="btn_text">
                                {{ 'topnav.login'|_ }}
                            </div>
                        </div>
                    </div>

                    {% endif %}
                </div>
            </div>
            <div class="nav_wrap-box">
                {% if user %}
                    
                    {% component 'notifications' frontend='desktop' %}
                    
                {% endif %}
                <div class="languages">
                    {% for code, name in locales %}
                    <a href="#" class="lang_item {{ code == activeLocale ? 'active' : '' }}" data-request="onSwitchLocale" data-request-data="locale: '{{code}}'">{{ code }}</a>
                    {% endfor %}
                </div>
            </div>
            
        </div>
    </div>
</nav>
<!--Navs  end ========================================================= -->
{% if not user %}
<section class="register">
    <div class="auto_container">
        <div class="register_wrap">
            <div class="register_body">
                <div class="register_buttons">
                    <div class="user_btn" id="btn-1">
                        <img src="{{ 'assets/images/svg/log-in-blue.svg'|theme }}" alt="">
                        <span><nobr>{{ 'topnav.login'|_ }}</nobr></span>
                    </div>
                    {% if canRegister %}
                    <div class="user_btn" id="btn-2">
                        <img src="{{ 'assets/images/svg/user-plus-blue.svg'|theme }}" alt="">
                        <span><nobr>{{ 'topnav.reg'|_ }}</nobr></span>
                    </div>
                    {% endif %}
                </div>
                <div class="register_banner">
                    <div class="register_logo">
                        <img src="{{ 'assets/images/register_logo.png'|theme }}" alt="">
                    </div>
                    <div class="register_title">
                        {{ short_name }}
                    </div>
                    <div class="register_text">
                        {{ 'site.name'|_ }}
                    </div>
                    <div class="register_foot">
                        <div class="register_mail">
                            <img src="{{ 'assets/images/svg/login_mail.svg'|theme }}" alt="">
                        </div>
                        <a href="#" class="register_link">
                            {{email|default('info@exchange.gov.tm')}}
                        </a>
                    </div>
                </div>

                {% if canRegister %}
                <div class="register_content">
                    {% component 'account' view = 'signup'%}
                </div>
                {% endif %}
                <div class="register_content_2">
                    {% component 'account' view = 'signin'%}

                </div>
            </div>
        </div>
    </div>
</section>
{% endif %}