{% extends 'base.html.twig' %}
{% block title %}Главная - Doggy{% endblock %}
{% block body %}
<div class="container chat-open doggy-home">
<div class="swiper promotion-banner-wrapper doggy-hero-slider">
<div class="swiper-wrapper">
<a href="/tournaments" class="swiper-slide promotion-banner doggy-hero-slide doggy-hero-tournament" aria-label="Турниры Doggy">
<span class="doggy-hero-content">
<strong>Турниры с призовым пулом<br>до 500 000 <img src="/assets/doggy/Coin.png" alt=""></strong>
<small>Участвуй и занимай первые места!</small>
<span class="btn-primary">Участвовать</span>
</span>
</a>
<a href="/referral" class="swiper-slide promotion-banner doggy-hero-slide doggy-hero-telegram" aria-label="Telegram Doggy">
<span class="doggy-hero-content">
<strong>Подписывайся на Telegram<br>и забирай бонусы</strong>
<small>Новости, промокоды и акции каждый день</small>
<span class="btn-primary">Перейти</span>
</span>
</a>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="promotions-list scroll-container doggy-actions">
<a href="/referral" class="promotion-card">
<span><img src="/assets/icons/referals-icon.svg" alt="" /></span>
<p>Приведи<br />друга</p>
</a>
<a href="/bonus" class="promotion-card">
<span><img src="/assets/icons/promo-code-icon.svg" alt="" /></span>
<p>Активируй<br />промокод</p>
</a>
<button type="button" class="promotion-card wallet-open-btn-card wallet-open-btn">
<span><img src="/assets/icons/rocket-icon.svg" alt="" /></span>
<p>Быстрые<br />выплаты</p>
</button>
<a href="/bonus" class="promotion-card">
<span><img src="/assets/icons/rollback-icon.svg" alt="" /></span>
<p>Кэшбек<br />до 25%</p>
</a>
</div>
<div class="original-games doggy-original-games">
<a class="mines-original" href="/mines"></a>
<a class="dice-original" href="/dice"></a>
<a class="coinlip-original" onclick="n('Режим в разработке..', 'info')" style="cursor:pointer"></a>
<a class="crash-original" onclick="n('Режим в разработке..', 'info')" style="cursor:pointer"></a>
</div>
<section class="popular-slots">
<div class="slot-group-header">
<h3>Популярные слоты</h3>
<a href="/lobby">Показать все</a>
</div>
<div class="popular-slots-wrapper doggy-slot-row">
{% set popularSlots = [
{href:'/slots/play/22', img:'/assets/images/slots/BigBassFloatsMyBoat.jpg', title:'Big Bass Floats My Boat'},
{href:'/slots/play/414', img:'/assets/images/slots/TheDogHouseMegaways.jpg', title:'The Dog House Megaways'},
{href:'/slots/play/3', img:'/assets/images/slots/FortunesofAztec.jpg', title:'Fortunes of Aztec'},
{href:'/slots/play/697', img:'/assets/images/slots/SugarRush.jpg', title:'Sugar Rush'},
{href:'/slots/play/697', img:'/assets/images/slots/SugarRush1000.jpg', title:'Sugar Rush 1000'},
{href:'/slots/play/414', img:'/assets/images/slots/TheDogHouse.jpg', title:'The Dog House'}
] %}
{% for slot in popularSlots %}
<a class="slot-card show" href="{{ slot.href }}">
<img src="{{ slot.img }}" alt="{{ slot.title }}">
<div class="hover-block">
<div>
<h3>{{ slot.title }}</h3>
<p>Pragmatic Play</p>
</div>
<div class="central-block">
<button class="play-btn"><img src="/assets/icons/play-icon.svg" alt=""></button>
</div>
</div>
</a>
{% endfor %}
</div>
</section>
<a href="/tournaments" class="tournament-banner doggy-wide-tournament" aria-label="Ежедневные турниры">
<span class="doggy-wide-content">
<strong>Ежедневные турниры</strong>
<span class="btn-primary">Узнать больше</span>
</span>
</a>
<section class="new-slots">
<div class="slot-group-header">
<h3>Новые слоты</h3>
<a href="/lobby">Показать все</a>
</div>
<div class="new-slots-wrapper all-slots-list"></div>
</section>
</div>
{% endblock %}