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

{% block body %}
    <div class="mine-container">
        <div id="mine-wrapper"
             data-env="{{ env }}"
             data-ssl="{{ ssl }}"
             data-game-id="{{ app.request.get('gameAssoc') }}">
        </div>
    </div>
{% endblock %}

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

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

    {% if env == 'dev' %}
        {% javascripts filter='?uglifyjs2'
        '@MineSeekerBundle/Resources/public/js/node/howler/dist/howler.min.js'
        '@MineSeekerBundle/Resources/public/js/node/js-base64/base64.min.js'
        '@MineSeekerBundle/Resources/public/js/index.js' %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
        {% endjavascripts %}
    {% else %}
        {% javascripts filter='?uglifyjs2'
        '@MineSeekerBundle/Resources/public/js/node/howler/dist/howler.min.js'
        '@MineSeekerBundle/Resources/public/js/node/js-base64/base64.min.js'
        '@MineSeekerBundle/Resources/public/js/index.min.js' %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
        {% endjavascripts %}
    {% endif %}
{% endblock %}