{% extends 'base.html.twig' %}
{% block title %}Нвути - Candy{% endblock %}
{% block body %}
<section>
<div class="container">
<div class="dice-game">
<div class="group-header">
<div class="group-title">
<span class="group-icon">
<img src="/assets/icons/dice.svg" alt="" /></span>
<h3>Nvuti</h3>
</div>
<a href="/" class="arrow-btn">
<svg width="20.000000" height="20.000000" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="clip10_6529">
<rect id="Component 9" rx="0.000000" width="19.000000" height="19.000000" transform="matrix(-1 0 0 1 20.5 0.5)" fill="white" fill-opacity="0" />
</clipPath>
</defs>
<rect id="Component 9" rx="0.000000" width="19.000000" height="19.000000" transform="matrix(-1 0 0 1 20.5 0.5)" fill="#FFFFFF" fill-opacity="0" />
<g clip-path="url(#clip10_6529)">
<path id="Vector" d="M4.1 10.58C3.77 10.26 3.77 9.73 4.1 9.4L8.44 5.24C8.78 4.91 9.33 4.91 9.67 5.24C10.01 5.56 10.01 6.09 9.67 6.42L6.81 9.16L15.13 9.16C15.61 9.16 16 9.53 16 10C16 10.46 15.61 10.83 15.13 10.83L6.82 10.83L9.67 13.57C10.01 13.9 10.01 14.43 9.67 14.75C9.33 15.08 8.78 15.08 8.44 14.75L4.1 10.59L4.1 10.58Z" fill="#4D4F59" fill-opacity="1.000000" fill-rule="nonzero" />
</g>
</svg>
</a>
</div>
<div class="dice-wrapper">
<div class="dice-roll">
<span>0</span>
<span>0</span>
<span>0</span>
<span>0</span>
<span>0</span>
<span>0</span>
</div>
<div class="maybe-win">
<p>Возможный выигрыш:</p>
<div class="maybe-win-value">
<img src="/assets/images/candy-icon.png" alt="" />
<span>23 000.00</span>
</div>
</div>
<div class="dice-game-inputs">
<div class="game-input-wrapper">
<div class="game-input">
<input value="10.00" type="text" />
<img src="/assets/images/candy-icon.png" alt="candy" />
</div>
<div>
<div class="game-input-btns">
<button>X2</button>
<button>1/2</button>
<button>Min</button>
<button>Max</button>
</div>
</div>
</div>
<div class="game-input-wrapper">
<div class="game-input">
<input value="50.00" type="text" />
<img src="/assets/icons/percent.svg" alt="candy" />
</div>
<div>
<div class="game-input-btns">
<button>X2</button>
<button>1/2</button>
<button>Min</button>
<button>Max</button>
</div>
</div>
</div>
</div>
<div class="dice-btns">
<button class="less-btn">Меньше</button>
<button class="more-btn">Больше</button>
</div>
</div>
</div>
{% include 'components/additional/history.html.twig' %}
</div>
</section>
{% endblock %}