<a href="/" class="header__logo logo">
<div class="logo__title">Sitename</div>
<div class="logo__subtitle">ru</div>
</a>

<div class="header__caption flex-grow-1">Скачивай любимые игры <br>и приложения для андроид</div>
<div class="header__search search-block">
<form id="quicksearch" onsubmit="this.sfSbm.disabled=true" method="post" action="/load">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<input type="hidden" name="a" value="2">
<input class="search-block__input" id="story" name="query" placeholder="Поиск по сайту..." type="text" autocomplete="off">
<button class="search-block__btn fal fa-search btn-without-bg" aria-label="Искать" type="submit" name="sfSbm"></button>
</form>
</div>

<button class="theme-toggle btn-without-bg fal fa-sun" title="Сменить цвет сайта" aria-label="Сменить цвет сайта"></button>


<?if($USER_LOGGED_IN$)?>
<a href="$PM_URL$" class="header__favlink fal fa-envelope"><span>$IS_NEW_PM$</span></a>
<div class="header__login p-relative">
<div class="header__login-img img-fixed-size animated-element js-show-login-panel"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/dleimages/noavatar.png<?endif?>" title="$USERNAME$" alt="$USERNAME$" loading="lazy"></div>
<div class="header__login-panel d-none">
<div class="header__login-header d-flex ai-center">
<div class="header__login-avatar img-fixed-size"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/dleimages/noavatar.png<?endif?>" title="$USERNAME$" alt="$USERNAME$" ></div>
<div class="header__login-name">
$USERNAME$
<div class="header__login-group" <?if($USER_GROUP$='Администраторы')?>style="color: red !important;"<?endif?>>$USER_GROUP$</div>
</div>
</div>

<ul class="header__login-menu">
<?if($USER_GROUP$='Администраторы')?><li><a href="/panel/" class="fal fa-cog" target="_blank">Админпанель</a></li><?endif?>
<?if($ADD_ENTRY_LINK$)?><li><a href="$ADD_ENTRY_LINK$" class="fal fa-plus-circle">Добавить пост</a></li><?endif?>
<li class="header__login-menu-border"><a href="$PERSONAL_PAGE_LINK$" class="fal fa-user">Мой профиль</a></li>
<li><a href="$PM_URL$" class="fal fa-envelope">Сообщения: <span>($IS_NEW_PM$)</span></a></li>
<li class="header__login-menu-border"><a href="/index/11" class="fal fa-cog">Настройки</a></li>
<li><a href="/index/34-$USER_ID$" class="fal fa-comments">Мои комментарии</a></li>
<li class="header__login-menu-border"><a href="$LOGOUT_LINK$" class="fal fa-sign-out">Выйти</a></li>
</ul>
</div>
</div>
<?else?>
<button class="header__btn-login js-show-login"><span>Войти</span></button>
<?endif?>

<button class="header__btn-menu fal fa-bars d-none js-show-mobile-menu" aria-label="Открыть мобильное меню"></button>
<ul class="header__menu d-flex js-this-in-mobile-menu">
<li><a href="/">Главная</a></li>

<li class="header__menu-has-submenu p-relative">
<a href="#">Игры</a>
<ul class="header__menu-submenu anim">
<li><a href="#">Аркады</a></li>
<li><a href="#">Викторины</a></li>
<li><a href="#">Головоломки</a></li>
<li><a href="#">Экшен</a></li>
<li><a href="#">Гонки</a></li>
<li><a href="#">Казино</a></li>
<li><a href="#">Казуальные</a></li>
<li><a href="#">Карточные</a></li>
<li><a href="#">Музыка</a></li>
<li><a href="#">Настольные</a></li>
<li><a href="#">Обучающие</a></li>
<li><a href="#">Приключения</a></li>
<li><a href="#">Ролевые</a></li>
<li><a href="#">Стратегии</a></li>
<li><a href="#">Симуляторы</a></li>
<li><a href="#">Словесные</a></li>
<li><a href="#">Спортивные игры</a></li>
<li><a href="#">Для всей семьи</a></li>
</ul>
</li>

<li class="header__menu-has-submenu p-relative">
<a href="#">Приложения</a>
<ul class="header__menu-submenu anim">
<li><a href="#">Аркады</a></li>
<li><a href="#">Викторины</a></li>
<li><a href="#">Головоломки</a></li>
<li><a href="#">Экшен</a></li>
</ul>
</li>

<li><a href="#">Топ 100</a></li>
</ul>