{% extends 'base.html.twig' %}
{% block body %}
<main>
<h3 id="roomId">{{ roomNumber }}</h3>
<section class="table_game">
<noscript class="error-box">{{ "Javascript is disabled on your browser. To use this site, you need to have Javascript enabled and running or active it."|trans([], 'locale') }}</noscript>
<p id="errBlock" class="error-box"> </p>
<p class="t-center">
{{ "You are currently playing offline. This version does not benefit from all the features offered by the site. <a href=\"%login_page%\">Log in</a> to enjoy the full experience."|trans({"%login_page%": url("app_login")}, 'locale')|raw }}
</p>
</section>
<section class="table_game">
<div class="game_board">
<div class="col-2">
<h3>{{ "Randomize the hunt"|trans([], 'locale') }}</h3>
{{ form(classicForm, {'attr': {'id': 'formHunt'}}) }}
<button id="reroll-map" class="btn m-0">{{ "Reroll map"|trans([], 'locale') }}</button>
</div>
<div class="col-2">
{{ include('game/includes/_rules.html.twig') }}
</div>
</div>
</section>
<section class="table_game">
<p class="map-name">{{ "Map:"|trans([], 'locale') }} <span id="map-name" class="t-red">{{ "not generated"|trans([], 'locale') }}</span></p>
<div>
<div id="hunters" class="hunters">
<div class="hunter">
<div class="hunter-name">{{ "Empty slot"|trans([], 'locale') }}</div>
<div class="hunter-items">
<div aria-label="List">
<p aria-label="ListItem">
<img src="{{ asset('img/fingerprint.png') }}" alt="" class="item-icon">
<span class="item-name">{{ "No item"|trans([], 'locale') }}</span>
</p>
</div>
</div>
</div>
<div class="hunter">
<div class="hunter-name">{{ "Empty slot"|trans([], 'locale') }}</div>
<div class="hunter-items">
<div aria-label="List">
<p aria-label="ListItem">
<img src="{{ asset('img/fingerprint.png') }}" alt="" class="item-icon">
<span class="item-name">{{ "No item"|trans([], 'locale') }}</span>
</p>
</div>
</div>
</div>
<div class="hunter">
<div class="hunter-name">{{ "Empty slot"|trans([], 'locale') }}</div>
<div class="hunter-items">
<div aria-label="List">
<p aria-label="ListItem">
<img src="{{ asset('img/fingerprint.png') }}" alt="" class="item-icon">
<span class="item-name">{{ "No item"|trans([], 'locale') }}</span>
</p>
</div>
</div>
</div>
<div class="hunter">
<div class="hunter-name">{{ "Empty slot"|trans([], 'locale') }}</div>
<div class="hunter-items">
<div aria-label="List">
<p aria-label="ListItem">
<img src="{{ asset('img/fingerprint.png') }}" alt="" class="item-icon">
<span class="item-name">{{ "No item"|trans([], 'locale') }}</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
{% endblock %}
{% block javascripts %}
{% if app.environment == 'dev' %}
<script defer src="{{ asset('src/js/indexUnlogged.js') }}" type="module"></script>
{% else %}
<script defer src="{{ asset('js/indexUnlogged.min.js') }}" type="module"></script>
{% endif %}
{% endblock %}