templates/components/header.html.twig line 1

Open in your IDE?
  1. <header>
  2.     <div class="container">
  3.         <div class="header-wrapper">
  4.             <div class="header-left">
  5.                 <a class="logo" href="/">
  6.                     <img src="/assets/images/logo.svg" alt="" />
  7.                 </a>
  8.                 <div class="nav">
  9.                     <a class="nav-link" href="/">
  10.                         <svg class="header-icon">
  11.                             <use xlink:href="/assets/icons/sprite.svg#game-icon"></use>
  12.                         </svg>
  13.                         Игры
  14.                     </a>
  15.                     <a class="nav-link" href="/tournament">
  16.                         <svg class="header-icon">
  17.                             <use xlink:href="/assets/icons/sprite.svg#tournament-icon"></use>
  18.                         </svg>
  19.                         Турнир</a>
  20.                   {% if user %}
  21.                     <a class="nav-link" href="/bonus">
  22.                         <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  23.                             <path d="M10.0294 8.01222C9.3957 6.33541 9.62656 5.18347 10.6994 4.44493C11.7133 3.74355 12.8857 3.92006 13.9992 4.96052C15.0449 3.91077 16.2218 3.63207 17.4666 4.57499C18.4444 5.31353 18.5711 6.29825 17.9962 8.01222C19.3768 8.01222 20.7439 8.01222 22.1109 8.01222C23.5051 8.01222 23.994 8.51852 23.994 9.97237C23.994 10.4554 24.0075 10.9385 23.994 11.4169C23.9623 12.4202 23.4055 12.9869 22.4278 12.9916C16.8057 12.9916 11.1882 12.9916 5.5662 12.9916C4.6473 12.9916 4.07695 12.4481 4.02716 11.5145C3.99095 10.841 3.99095 10.1628 4.02716 9.4893C4.07695 8.56961 4.66994 8.02151 5.57978 8.01687C7.0464 8.00758 8.50849 8.01687 10.0249 8.01687L10.0294 8.01222ZM13.5873 8.00293C13.533 7.27833 13.5556 6.61875 13.4108 5.99633C13.2433 5.27637 12.4693 4.87691 11.7676 5.02555C11.057 5.17883 10.5681 5.81518 10.5907 6.56766C10.6134 7.31084 11.1611 7.94255 11.8853 7.99364C12.4059 8.0308 12.931 8.00293 13.5828 8.00293H13.5873ZM14.4972 8.01222C15.0268 8.01222 15.4975 8.02616 15.9638 8.01222C16.7922 7.98435 17.3942 7.38051 17.4168 6.56766C17.4395 5.75015 16.8601 5.07199 16.0724 5.00697C15.2939 4.94194 14.5968 5.50397 14.5108 6.33541C14.4564 6.86493 14.5017 7.40374 14.5017 8.01687L14.4972 8.01222Z" fill="currentColor" />
  24.                             <path d="M16.4888 24V14.0646H23.0161C23.0161 14.2318 23.0161 14.4176 23.0161 14.6034C23.0161 17.1488 23.0161 19.6942 23.0161 22.2396C23.0161 23.4519 22.482 23.9954 21.2915 24C19.7117 24 18.1364 24 16.4888 24Z" fill="currentColor" />
  25.                             <path d="M5.05455 14.0459H11.5185V23.9953C10.7264 23.9953 9.96138 23.9953 9.19639 23.9953C8.29559 23.9953 7.39028 24.0046 6.48948 23.9907C5.61585 23.9767 5.00476 23.4054 5.00023 22.5229C4.98213 19.7452 5.00023 16.9722 5.00023 14.1945C5.00023 14.1574 5.02287 14.1249 5.05003 14.0459H5.05455Z" fill="currentColor" />
  26.                             <path d="M12.5867 14.0413H15.4203V23.9581H12.5867V14.0413Z" fill="currentColor" />
  27.                         </svg>
  28.                         Бонусы</a>
  29.                     <a class="nav-link" href="/referal"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  30.                             <path d="M10.5354 22.9939C9.27476 22.9939 8.01415 22.9984 6.749 22.9939C5.11202 22.9849 3.96024 21.7831 4.00105 20.1477C4.06907 17.279 6.46332 14.8395 9.34278 14.7762C10.744 14.7446 12.1633 14.591 13.5373 15.1015C15.6594 15.8966 17.1649 17.9928 17.1831 20.2562C17.1967 21.7786 16.0267 22.9803 14.4895 22.9939C13.17 23.0074 11.8549 22.9939 10.5354 22.9939Z" fill="currentColor" />
  31.                             <path d="M10.5762 14.2297C8.01872 14.2251 5.94189 12.156 5.95096 9.61259C5.95549 7.09172 8.07314 4.99099 10.6034 5.00003C13.1564 5.00906 15.2151 7.08268 15.2106 9.63518C15.206 12.2012 13.1519 14.2342 10.5762 14.2297Z" fill="currentColor" />
  32.                             <path d="M17.1694 22.9261C18.9787 20.5182 18.1081 18.2955 16.6479 16.0456C17.0016 15.9553 17.3372 15.8062 17.6728 15.7972C18.8518 15.7701 20.0489 15.6752 21.2143 15.8243C23.4181 16.1044 25.0913 18.2412 24.9961 20.4549C24.9372 21.7696 23.8625 22.9351 22.561 22.9713C20.7926 23.021 19.0241 22.9848 17.2556 22.9803C17.2284 22.9803 17.2012 22.9442 17.1694 22.9261Z" fill="currentColor" />
  33.                             <path d="M19.4004 7.87329C21.3639 7.94106 22.9147 9.44545 23.0417 11.4468C23.1596 13.3081 21.6858 14.9661 19.7133 15.1965C17.8995 15.4088 16.1128 14.049 15.7954 12.2012C15.7637 12.0115 15.8136 11.7992 15.8589 11.6049C15.9405 11.239 16.1174 10.8821 16.131 10.5207C16.1854 9.16535 17.115 8.58257 18.1987 8.14435C18.5751 7.99075 19.0014 7.95913 19.4004 7.87329Z" fill="currentColor" />
  34.                         </svg>Рефералы</a>
  35.                     {% endif %}
  36.                     <a class="nav-link" href="/support" target="_blank" data-barba-prevent="self"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  37.                             <path d="M24 12.8911C23.1593 12.737 22.3803 12.6138 21.6144 12.4377C21.4692 12.4025 21.2799 12.1868 21.2579 12.0284C20.7738 9.02662 18.6215 6.65426 15.6945 5.91922C11.6232 4.8981 7.33627 7.78542 6.77289 11.9492C6.72007 12.3453 6.60123 12.4773 6.20511 12.4685C5.82658 12.4641 5.43926 12.5213 5.07394 12.6182C4.73063 12.7106 4.40933 12.8911 4 13.0671C4.15405 9.54158 5.5713 6.72908 8.45423 4.79686C11.7729 2.57415 15.3204 2.4025 18.8107 4.34352C22.1514 6.20091 23.7931 9.18507 24 12.8911Z" fill="currentColor" />
  38.                             <path d="M21.3416 13.8726C22.9965 13.6438 23.9736 14.4624 23.9824 16.0249C23.9868 16.8304 23.9824 17.6314 23.9824 18.4369C23.9824 19.1983 23.6523 19.7881 23.0009 20.1534C22.706 20.3207 22.6444 20.5144 22.6532 20.8092C22.6664 21.2846 22.662 21.76 22.6532 22.2353C22.64 23.6482 21.8565 24.4492 20.4481 24.458C19.0969 24.4668 17.7456 24.4712 16.3944 24.4536C16.0555 24.4536 15.8442 24.524 15.655 24.8497C15.1928 25.6464 14.2993 25.9545 13.4278 25.6948C12.5872 25.4439 12.0194 24.6957 12.015 23.8198C12.0062 22.9307 12.5872 22.1517 13.4454 21.8964C14.2905 21.6455 15.206 21.98 15.6682 22.7679C15.8398 23.0628 16.0203 23.164 16.3548 23.1552C17.6884 23.1376 19.022 23.1508 20.3557 23.1464C21.1259 23.1464 21.3372 22.9395 21.3372 22.1781C21.3372 19.6209 21.3372 17.0636 21.3372 14.5064C21.3372 14.3084 21.3372 14.1103 21.3372 13.877L21.3416 13.8726Z" fill="currentColor" />
  39.                             <path d="M8.00985 17.1251C8.00985 16.0688 7.99665 15.0125 8.00985 13.9517C8.01866 13.1947 8.37957 12.6929 8.97376 12.5301C9.83644 12.3012 10.6331 12.8778 10.6463 13.8285C10.6771 16.016 10.6727 18.2035 10.6463 20.391C10.6375 21.214 10.0653 21.7818 9.33468 21.7818C8.57323 21.7818 8.02306 21.214 8.00545 20.347C7.98345 19.273 8.00105 18.1947 8.00105 17.1207L8.00985 17.1251Z" fill="currentColor" />
  40.                             <path d="M17.354 17.09C17.354 16.0512 17.3452 15.0125 17.354 13.9738C17.3672 13.0495 17.8778 12.4905 18.67 12.4949C19.4579 12.4949 19.9905 13.0759 19.9949 13.9826C20.0037 16.0953 20.0037 18.2123 19.9949 20.325C19.9905 21.1833 19.4447 21.7731 18.692 21.7863C17.913 21.8039 17.3672 21.2185 17.354 20.3162C17.3408 19.2423 17.354 18.1639 17.354 17.09Z" fill="currentColor" />
  41.                             <path d="M6.63649 13.8725V20.3558C5.34248 20.7343 4.08367 19.8672 4.03526 18.5512C4.00005 17.7105 4.02205 16.8698 4.02646 16.0292C4.03526 14.4623 5.01677 13.6304 6.64089 13.8681L6.63649 13.8725Z" fill="currentColor" />
  42.                         </svg>Поддержка</a>
  43.                 </div>
  44.             </div>
  45.             <div class="profile-header">
  46.                 {% if not user %}
  47.                      <button class="auth-btn" onclick="window.location.href='{{ path('vk_connect') }}'">
  48.                         <img src="/assets/icons/vk.svg" alt="" />
  49.                         <span>Авторизация</span>
  50.                     </button>
  51.                 {% else %}
  52.                     <div class="profile-balance">
  53.                         <img src="/assets/images/candy-icon.png" alt="" />
  54.                         <p id="userBalance">{{ user.balance }}</p>
  55.                     </div>
  56.                     <a href="/profile" class="profile-btn">
  57.                         <img src="{{ user.img }}" alt="" />
  58.                     </a>
  59.                     <button class="wallet-btn">
  60.                         <img src="/assets/icons/wallet.svg" alt="" /><span>Кошелёк</span>
  61.                     </button>
  62.                 {% endif %}
  63.             </div>
  64.         </div>
  65.     </div>
  66. </header>