{% extends 'base.html.twig' %}

{% block title %} - The Game{% endblock %}

{% block metas %}
    <meta property="og:url" content="{{ url('MineSeekerBundle_homepage') }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="MineSeeker"/>
    <meta property="og:description" content="A multiplayer minesweeper game"/>
    <meta property="og:image"
          content="{{ app.request.getSchemeAndHttpHost() }}{{ asset('images/images/mine-1600x627.png') }}"/>
{% endblock %}

{% block header %}
    <section class="header-content">
        <div class="logo">
            <a href="{{ path('MineSeekerBundle_homepage') }}" target="_self">
                <img src="{{ asset('images/mine-logo-txt.png') }}" alt="MineSeeker Logo w/ Txt"/>
            </a>
        </div>
        <div>
            <div id="id_welcome"{% if app.user.facebookId is defined and app.user.facebookId is not null %} style="margin-bottom:50px"{% endif %}>
                {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                    {% if app.user.facebookId is not null %}
                        <div>
                            <img src="http://graph.facebook.com/{{ app.user.facebookId }}/picture?type=square&width=100&height=100"
                                 alt="Facebook profile"/>
                        </div>
                    {% endif %}
                    <div>
                        <h2{% if app.user.facebookId is defined and app.user.facebookId is not null %} style="margin-top:0"{% endif %}>
                            Hello, {{ app.user.realName is not null ? app.user.realName : app.user.username }}!
                        </h2>
                        <h1>Let's play!! :D</h1>
                    </div>
                {% else %}
                    <div>
                        <h2>A minesweeper game rethought...</h2>
                        <h1>...and you can play w/o register!!</h1>
                    </div>
                {% endif %}
            </div>
            <div class="buttons">
                <a href="{{ path('MineSeekerBundle_gamePlay') }}">Play NOW!</a>
                {#
                {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                    <a href="{{ path('fos_user_security_logout') }}" class="small">
                        {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
                    </a>
                {% else %}
                    <a href="{{ path('fos_user_registration_register') }}" class="small">Sign up</a> &middot;
                    <a href="{{ path('fos_user_security_login') }}" class="small">Sign in</a>
                {% endif %}
                #}
            </div>
            <h3>
                version {{ version }} &bull; MineSeeker &copy; {{ "now"|date("Y") }} &bull;
                <a href="https://www.splendidbear.org">www.splendidbear.org</a>
            </h3>
        </div>
        <img src="{{ asset('images/mine-logo-logo.png') }}" alt="MineSeeker Logo"/>
    </section>
{% endblock %}

{% block body %}
    <div class="txt">
        <div class="technologies">
            <h1>Used technologies</h1>
            <img src="{{ asset('images/technologies/websocket.png') }}" alt="Used Websocket"/>
            <img src="{{ asset('images/technologies/react.png') }}" alt="Used React.js"/>
            <img src="{{ asset('images/technologies/symfony.png') }}" alt="Used Symfony"/>
            <img src="{{ asset('images/technologies/jquery.png') }}" alt="Used jQuery"/>
            <img src="{{ asset('images/technologies/lets-encrypt.png') }}" alt="Used Let's Encrypt"/>
        </div>
    </div>
{% endblock %}

{% block footer %}
    <nav>
        <ul>
            <li><a href="{{ path('MineSeekerBundle_homepage') }}">Homepage</a></li>
            <li>&bull;</li>
            <li><a href="{{ path('MineSeekerBundle_terms') }}">Terms of Use</a></li>
            <li>&bull;</li>
            <li><a href="{{ path('MineSeekerBundle_privacy') }}">Privacy Policy</a></li>
            <li>&bull;</li>
            <li><a href="{{ path('MineSeekerBundle_contact') }}">Contact</a></li>
        </ul>
    </nav>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('homeStyle') }}
{% endblock %}