{% extends "@MineSeeker/layout.html.twig" %}

{% block header %}
    <section class="header-content">
        <div class="logo">
            <img src="{{ asset('bundles/mineseeker/images/mine-logo-txt.png') }}" alt="MineSeeker Logo w/ Txt"
                 border="0"/>
        </div>
        <div>
            {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                <h2>Hello, {{ app.user.realName is not null ? app.user.realName : app.user.username }}!</h2>
                <h1>Let's play!! :D</h1>
            {% else %}
                <h2>A minesweeper game rethought...</h2>
                <h1>...and you can play w/o register!!</h1>
            {% endif %}

            <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 }} &middot; MineSeeker&copy;{{ "now"|date("Y") }} &middot; <a
                        href="http://www.laszlolang.com">www.laszlolang.com</a>
            </h3>
        </div>
        <img src="{{ asset('bundles/mineseeker/images/mine-logo-logo.png') }}" alt="MineSeeker Logo" border="0"/>
    </section>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    <link href="https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&amp;subset=latin-ext"
          rel="stylesheet">

    {% stylesheets filter='?uglifycss'
    '@MineSeekerBundle/Resources/public/css/style.homepage.css' %}
    <link rel="stylesheet" media="screen" href="{{ asset_url }}" type="text/css"/>
    {% endstylesheets %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script src="https://cdnjs.cloudflare.com/ajax/libs/JQuery-Snowfall/1.7.4/snowfall.jquery.min.js"
            type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $(document).snowfall({deviceorientation: true, round: true, minSize: 5, maxSize: 8});
        });
    </script>
{% endblock %}