templates/tournaments.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Турнир - FlashBet{% endblock %}
  5. {% block body %}
  6. <div class="container chat-open">
  7.     <div class="page-title">
  8.         <h3>Активный турнир</h3>
  9.     </div>
  10.     <div class="open-tournament-grid">
  11.         <div class="tournament-start-wrapper">
  12.             <h3>Счастливая карта</h3>
  13.             <p><img src="./assets/icons/purple-coins.svg" alt="" />{{ pool }}</p>
  14.             <div class="tournament-btn-wrapper">
  15.                 {% if user.tournament == 1 %}
  16.                 <button class="btn-fouth" disabled>Вы участвуете!</button>
  17.                 {% else %}
  18.                 <button class="btn-fouth">Учавствовать</button>
  19.                 {% endif %}
  20.                 <div class="tournament-timer">
  21.                     <span class="time">00</span>
  22.                     <span class="timer-separator">:</span>
  23.                     <span class="time">00</span>
  24.                     <span class="timer-separator">:</span>
  25.                     <span class="time">00</span>
  26.                     <span class="timer-separator">:</span>
  27.                     <span class="time">00</span>
  28.                 </div>
  29.             </div>
  30.             <div class="tournament-start-grad"></div>
  31.         </div>
  32.         <div class="tournament-information-wrapper">
  33.             <div class="tournament-information-card">
  34.                 <h3 class="tournament-information-title">Условия турнира</h3>
  35.                 <p class="tournament-information-subtitle">
  36.                     Для того, чтобы принять участие, у вас должен быть
  37.                     как минимум 1 депозит за последние 7 дней. Очки начисляются
  38.                     от суммы ставки. Ставки учитываются только
  39.                     в слотах
  40.                 </p>
  41.             </div>
  42.             <div class="tournament-information-card">
  43.                 <h3 class="tournament-information-title">Призовые места</h3>
  44.                 <div class="prizes-wrapper">
  45.                     <div class="prizes-count">
  46.                         <span
  47.                               ><img
  48.                                     src="./assets/icons/tournament-cup.svg"
  49.                                     alt="tournament-cup"
  50.                                     /></span>
  51.                         <p>3 победителя</p>
  52.                     </div>
  53.                     <div class="members-count">
  54.                         <span
  55.                               ><img
  56.                                     src="./assets/icons/persons-icon.svg"
  57.                                     alt="persons-icon"
  58.                                     /></span>
  59.                         <p>{{ count }} участник(-ов)</p>
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </div>
  65.     <div class="tournament-players-table-wrapper">
  66.         <h3 class="tournament-players-table-title">Рейтинг игроков</h3>
  67.         <div class="tournament-players-table-header">
  68.             <div class="">
  69.                 <p>Место</p>
  70.                 <p>Пользователь</p>
  71.             </div>
  72.             <div>
  73.                 <p>Награда</p>
  74.                 <p>Очки</p>
  75.             </div>
  76.         </div>
  77.         <div class="tournament-players-table-body">
  79.             <div class="tournament-players-table-body">
  80.                 <div class="tournament-players-table-item">
  81.                     <div class="tournament-players-table-item-left">
  82.                         <p class="tournament-place-value your-place">Вы</p>
  83.                         <p class="tournament-player">
  84.                             <img src="{{ user.img }}" alt="" style="opacity: 1;">
  85.                             {{ user.login }}
  86.                         </p>
  87.                     </div>
  88.                     <div class="tournament-players-table-item-right">
  89.                         <p class="">
  90.                         </p>
  91.                         <p class="tournament-point-value">
  92.                             <img src="/assets/icons/green-star.svg?reload=1754056668793" alt="" style="opacity: 1;">
  93.                             {{ user.points }}
  94.                         </p>
  95.                     </div>
  96.                 </div>
  97.             </div>
  99.             {% for player in top3 %}
  100.             <div class="tournament-players-table-item">
  101.                 <div class="tournament-players-table-item-left">
  102.                     <p class="tournament-place-value {% if loop.index == 1 %}first-place{% elseif loop.index == 2 %}second-place{% elseif loop.index == 3 %}third-place{% endif %}">{{ loop.index }}</p>
  103.                     <p class="tournament-player">
  104.                         <img src="{{ player.img|default('/assets/images/user-avatar.png') }}" alt="" />
  105.                         {{ player.login }}
  106.                     </p>
  107.                 </div>
  108.                 <div class="tournament-players-table-item-right">
  109.                     <p class="tournament-reward-value">
  110.                         <img src="/assets/icons/orange-coin.svg" alt="" />
  111.                         {{ rewards[loop.index]|number_format(2, '.', ' ') }}
  112.                     </p>
  113.                     <p class="tournament-point-value">
  114.                         <img src="/assets/icons/green-star.svg" alt="" />
  115.                         {{ player.points|number_format(0, '.', ' ') }}
  116.                     </p>
  117.                 </div>
  118.             </div>
  119.             {% endfor %}
  120.         </div> <br>
  121.     </div>
  122. </div>
  123. {% endblock %}