{% extends 'USBackendBundle::layout.html.twig' %}

{% block content_class "content backend activity game new" %}
    {% block content -%}
        {{ form_start(form, {'attr' : {'class' : 'form-horizontal'}}) }}
        <div class="userId">
            {{'backend.add.game'|trans({},"USBackendBundle")}}
        </div>

        <div class="row top">
            <div class="col-md-3">
                {{ form_label(form.title, 'Título', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.title, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-2 col-md-offset-1">
                {{ form_label(form.sourceFile, 'Juego', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.sourceFile, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="glyphicon glyphicon-info-sign  help" data-placement="right" data-toggle="popover" title="Aviso " data-content="El nombre de la actividad tiene que tener el mismo nombre que el archivo del juego. El archivo del juego tiene que estar en formato ZIP"></div>
        </div>

        <div class="row top">
            <div class="col-md-6">
                {{ form_label(form.description, 'Descripción', {'label_attr' : {'class' : 'title'}}) }}
                {{ form_widget(form.description, {'attr' : {'class' : 'field'} }) }}
            </div>
            <div class="col-md-4 col-md-offset-1">
                <div><img src="/upload/drive//imagen_desconocida.jpeg" height="82" width="82"></img></div>
                {{ form_widget(form.picture, {'attr' : {'class' : 'field select_image_button_false'} }) }}
                <button type="button" class="select_image_button_true hide">Cambiar imagen</button>
                <div class="filename"></div>
            </div>
        </div>

        <div class="row top">
            <div class="col-md-12 checkbox">
                {{ form_widget(form.isLayout, {'attr' : {'class' : ''} }) }}
                {{ form_label(form.isLayout, 'Es una plantilla?', {'label_attr' : {'class' : ''}}) }}
            </div>
        </div>

        <div class="row top bottom-form container">
            {{ form_widget(form.submit) }}
        </div>

        <div class="row top hide">
            {{ form_rest(form) }}
        </div>

        <script>
            
            $(function () {
                $('.help').popover();
            });
        </script>
        
        
    {% endblock %}

    {% block bottom_scripts %}
        {{parent()}}
        <script>
            activity.customImageButton();
        </script>
    {% endblock %}