{% set panel = bottompanel() %}
<footer class="footer hide">
    <span class="btn-show-footer">
		<span class="btn-show-footer-text-default">{{ 'Hide panel'|trans }}</span>
    <span class="btn-show-footer-text-active">{{ 'Show panel'|trans }}</span>
    </span>
    <div class="container">
        <div class="user-panel">
            <div class="user-panel-menu">
                <a class="top" href="{{ path('edit-profile') }}">{{ 'Edit profile'|trans }}</a>
                <a href="{{ path('profile',{id:globals.profileId}) }}#user-profile-practice">{{ 'Practices'|trans }}</a>
                <a href="{{ path('profile',{id:globals.profileId}) }}#user-profile-albums">{{ 'Photos'|trans }}</a>
                <a href="{{ path('profile',{id:globals.profileId}) }}#user-profile-blog">{{ 'Blogs'|trans }}</a>
                <a href="{{ path('profile',{id:globals.profileId}) }}#user-profile-fantasies">{{ 'Fantasies'|trans }}</a>
                <a href="#" class="js-popups-elem-lnk-exit">{{ 'Exit'|trans }}</a>
            </div>
            <a href="{{ path('profile',{id:globals.profileId}) }}" class="user-panel-avatar">
					<span class="user-panel-avatar-inner">
						<img class="user-panel-avatar-img" src="{{ avatar_url(panel,0,false,true,true) }}"
                             alt="">
					</span>
            </a>
            <div class="user-panel-short-info">
                <a href="{{ path('profile',{id:globals.profileId}) }}" class="user-panel-nickname">{{ panel.nickname }}</a>
                <p class="user-panel-balance">
                    <svg class="user-panel-balance-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="15" viewBox="0 0 12 15">
                        <title>user-panel-balance-icon</title>
                        <path d="M5.966 0C2.67 0 0 1.004 0 2.244v1.073c0 1.314 2.671 2.38 5.966 2.38 3.295 0 5.966-1.066 5.966-2.38V2.244C11.932 1.004 9.262 0 5.966 0m5.742 5.56c-.707 1.029-3.01 1.782-5.742 1.782S.93 6.59.224 5.561C.078 5.349 0 5.464 0 5.56v2.007c0 1.502 2.671 2.72 5.966 2.72 3.295 0 5.966-1.218 5.966-2.72V5.56c0-.096-.078-.211-.224 0m-.01 4.36c-.718 1.163-3.012 2.013-5.732 2.013S.952 11.083.234 9.92C.08 9.674 0 9.806 0 9.928v1.706C0 13.287 2.671 15 5.966 15c3.295 0 5.966-1.713 5.966-3.366V9.928c0-.122-.081-.254-.234-.008"
                            fill="#7F7F7F" fill-rule="evenodd" />
                    </svg>
                    {{ 0 }}
                    <span class="user-panel-balance__text">
                        {{ 'fm'|trans }}
                    </span>
                </p>
            </div>
            <div class="user-panel-account-type">
                <span class="user-panel-account-type-progressbar">
						<span class="user-panel-account-type-progressbar-value"
                              style="width: {{ panel.vipDaysLeft/365*100 }}%"></span>
                </span>
                <span class="user-panel-account-type-counter active">
                    {% if panel.isVip %}
                        {{ panel.vipDaysLeft }}
                    {% else %}
                        0
                    {% endif %}
                    {{ 'days'|trans }}</span>
            </div>
            <div class="user-panel-hidden-status off {% if panel.incognito %}active{% endif %}">
                <span class="user-panel-hidden-status-name">
                    <svg class="user-panel-hidden-status-name-icon" xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15"
                        viewBox="0 0 14 15">
                        <defs>
                            <path id="a" d="M0 0h14.985v15H0"/>
                        </defs>
                        <g fill="none" fill-rule="evenodd">
                        <path d="M8.22.19L6.987 1.317a.734.734 0 0 1-.987 0L4.757.202a.737.737 0 0 0-1.17.255L2.575 2.88h7.826L9.39.445A.737.737 0 0 0 8.22.19M.259 5.098c-.354.17-.22.691.158.691h12.131c.39 0 .511-.521.17-.69l-1.488-.764H1.746l-1.487.763z"
                        fill="#4A4A4A"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask>
                        <path d="M-.985 10.928l.646 3.49c.061.352.366.582.72.582h12.227a.72.72 0 0 0 .72-.582l.645-3.49a.735.735 0 0 0-.45-.812c-1.561-.606-3.194-.933-4.487-1.127a.72.72 0 0 0-.768.424l-1.231 2.775c-.22.485-.914.485-1.122-.012L4.72 9.425a.738.738 0 0 0-.78-.436c-1.292.181-2.926.52-4.474 1.127a.708.708 0 0 0-.45.812"
                        fill="#4A4A4A" mask="url(#b)"/></g>
                    </svg>
                    {{ 'invisible'|trans }}
                </span>
                <span class="user-panel-hidden-status-btn"></span>
            </div>
            {#<a class="user-panel-counter user-panel-counter--guests {% if panel.views != 0 or panel.notViewedViews != 0 %}active{% endif %}"
                #} {#{% if panel.views !=0 or panel.notViewedViews !=0 %}href="{{ path('guests') }}" {% endif %}> #}
            <a class="user-panel-counter user-panel-counter--guests"
               {% if panel.viewCount != 0 or new_views() != 0 %}href="{{ path('guests') }}"{% endif %}>
                <span class="user-panel-counter-value">{{ panel.viewCount }}&nbsp;
                    <span id="counterViewsUserPanel"
                          class="user-panel-counter-value-new {% if new_views() != 0 %}active{% endif %}">+{{ new_views() }}</span>&nbsp;
                    {% set panelViews = panel.viewCount %}
                    <span class="user-panel-counter-text">
                        {% trans %}
                        guest
                        {% plural panelViews %}
                        guests
                        {% endtrans %}
                    </span>
                </span>
            </a>
             {#
            <a class="user-panel-counter user-panel-counter--likes {% if panel.likes != 0 or panel.notViewedLikes != 0 %}active{% endif %}"
                #} {#{% if panel.likes !=0 or panel.notViewedLikes !=0 %}href="{{ path('likes') }}" {% endif %}>#}
            <a class="user-panel-counter user-panel-counter--likes"
               {% if panel.likeCount != 0 or new_likes() != 0 %}href="{{ path('likes') }}"{% endif %}>
					<span class="user-panel-counter-value">{{ panel.likeCount }}&nbsp;
						<span id="counterLikesUserPanel"
                              class="user-panel-counter-value-new {% if new_likes() != 0 %}active{% endif %}">+{{ new_likes() }}</span>&nbsp;
                        {% set panelViews = panel.likeCount %}
                        <span class="user-panel-counter-text">
                            {% trans %}
                            like
                            {% plural panelViews %}
                            likes
                            {% endtrans %}
                        </span>
					</span>
            </a>
        </div>
        <a class="btn-logout" href="#"> {{ 'Exit'|trans }}</a>
    </div>
</footer>