{% extends 'base.html.twig' %}
{% block body %}
<main>
<section class="table_game">
{% if app.user.roles is defined and 'ROLE_USER' in app.user.roles %}
<p class="post-it">
{{ app.user.username }}
{% if app.user.username == "RecoilZA" %}
<svg width="24" height="24" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="0%" y1="100%" x2="100%" y2="100%" gradientTransform="rotate(15)" id="AA">
<stop stop-color="#00e1ff" offset="0%"></stop>
<stop stop-color="#a600ce" offset="100%"></stop>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<circle fill="#FFF" fill-rule="nonzero" cx="5.6" cy="6.4" r="4"></circle>
<path d="m10.89 4.475.819.818a1.004 1.004 0 0 1 0 1.415l-.819.818a1.391 1.391 0 0 0-.353.854v1.157c0 .55-.45 1-1 1H8.378c-.274 0-.659.16-.853.353l-.819.819a1.003 1.003 0 0 1-1.414 0l-.818-.819a1.393 1.393 0 0 0-.854-.353H2.463c-.55 0-1-.45-1-1V8.38c0-.275-.16-.66-.353-.854L.29 6.708a1.004 1.004 0 0 1 0-1.415l.819-.818c.194-.194.353-.58.353-.854V2.464c0-.55.45-1 1-1H3.62c.275 0 .66-.16.854-.354l.818-.819a1.003 1.003 0 0 1 1.414 0l.819.819c.194.194.579.353.853.353h1.159c.55 0 1 .45 1 1v1.158c0 .276.16.66.353.854ZM2.4 6.446 4.754 8.8 8.8 4.754 8.046 4 4.754 7.292l-1.6-1.6-.754.754Z" fill="url(#AA)"></path>
</g>
</svg>
{% endif %}
</p>
{% endif %}
<h2>{{ "Choose our game mode"|trans([], 'locale') }}</h2>
<p class="row">
<a href="{{ url('offline_game_room') }}" class="sticker -r-10">
{{ "Manual mode"|trans([], 'locale') }}
</a>
{% if app.user.roles is not defined %}
<a href="{{ path('app_login') }}" class="sticker">
{{ "More game ?"|trans([], 'locale') }}
</a>
{% else %}
<a href="{{ url('game_room', {'mode':'classic'}) }}" class="sticker r-5">
{{ "Multiplayer mode"|trans([], 'locale') }}
</a>
{% endif %}
</p>
<p class="firefox t-center">
<img src="{{ asset('img/firefox-browser-logo.svg') }}" alt="{{ "Firefox logo"|trans([], 'locale') }}" width="16" height="16" class="logo">
{{ "This website is design optimized for Firefox. If you use another browser with Chromium core, you can have some display problems voluntary caused by Chromium."|trans([], 'locale') }}
</p>
</section>
{% if app.user.roles is defined %}
<section class="table_game">
{{ include('includes/_flashes.html.twig') }}
<h2 class="t-blue">{{ "Join a Room"|trans([], 'locale') }}</h2>
{% form_theme roomEnter 'includes/_phasmo_form.html.twig' %}
{{ form_start(roomEnter) }}
{{ form_errors(roomEnter) }}
<div class="room_board">
<div>
{{ form_label(roomEnter.roomId) }}
{{ form_widget(roomEnter.roomId) }}
</div>
<div>
{{ form_row(roomEnter.enter) }}
</div>
</div>
{{ form_end(roomEnter) }}
</section>
{% endif %}
<section class="table_game">
<div class="dual_columns">
<div class="w-50">
<p>{{ "Phasmophobia Randomizer is a website developed by an active player in the Phasmophobia community. As a web developer by passion and profession, he provides you with this game tool."|trans([], 'locale') }}</p>
<p>{{ "This Randomizer offers you various game modes to increase the difficulty of a classic game of Phasmophobia. It tracks game updates to provide all the latest features."|trans([], 'locale') }}</p>
<p class="t-twitch">{{ "If you are a streamer, you have the possibility to display the tool directly on <abbr title=\"Open Broadcaster Software\">OBS</abbr> through a link and a connection to a Twitch related account."|trans([], 'locale')|raw }}</p>
<p>{{ "This game mode was initially invented 1 week before the site by <strong>Insym</strong>, and rewritten by <strong>GuzzLive</strong> under the version which is introduced here in collaboration with the latter."|trans([], 'locale')|raw }}</p>
<p>{{ "The developer of the site walks around Twitch and sometimes observes Phasmophobia Randomizer lives made with the site to guide streamers in using the tool. You can find him on the site thanks to his creator badge."|trans([], 'locale') }}</p>
<p>{{ "Partners, streamers and prominent members can also be distinguished by the various badges on the site. It is not possible to obtain these badges by request, they are awarded as rewards."|trans([], 'locale') }}</p>
</div>
<div class="w-50">
<p>{{ "The game modes provided are as follows:"|trans([], 'locale') }}</p>
<dl>
<dt>{{ "Classic mode"|trans([], 'locale') }}</dt>
<dd>{{ "Classic game mode where you have a number of objects defined according to the number of players, for which you have to find the ghost, take its picture and guess its type."|trans([], 'locale') }}</dd>
<dt>{{ "Safari photo mode"|trans([], 'locale') }}</dt>
<dd>{{ "You need to take as many pictures as possible in order to get random objects to find the type of ghost. The difficulty increases with the number of players."|trans([], 'locale') }}</dd>
<dt>{{ "Night fever mode"|trans([], 'locale') }}</dt>
<dd>{{ "With your night camera as your only vision, and the lights of the haunted place, you will have to find the type of ghost and take a picture of it with the objects provided."|trans([], 'locale') }}</dd>
<dt>{{ "<abbr title=\"Randomized Difficulty\">Rand'ifficulty</abbr> mode"|trans([], 'locale')|raw }}</dt>
<dd>{{ "Added in Phasmophobia, the editable difficulty allows you to make the game easier, or more hardcore... This game mode is combined with this system and the various randomizer game modes."|trans([], 'locale') }}</dd>
</dl>
</div>
</div>
</section>
</main>
{% endblock %}