{# empty Twig template #}
{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
    {{ parent() }}
    
   <div class="container marketing lista">  

    <div class="competition-return">
              <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
              {% if app.user.role == 'ROLE_ADMIN' %}
                     <a class="competition-return-text" href="{{ path('competition_list') }}">{% trans %}Go to campaings{% endtrans %}</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('competition_client_list')}}">{% trans %}Go to campaings{% endtrans %}</a>
                 {% endif %}
            </div>  
     <div class="fondo col-xs-12">
            <div class="record-trivial-name col-xs-12">
              {{trinder.name}}
            </div>
            <div class="col-md-3 record-trivial-img"><img class="trivial_img" src="{{ asset('images/trivials/'~trinder.image) }}"></div>
            <div class="col-md-6 badge-trivial-medallas">{% trans %}EDIT GAME{% endtrans %}</div>
            <div class="col-md-12 trivial-edit-form">
                {{ form_start(form,{ 'attr' :{'role':'form'} }) }}
            <fieldset>
                <div class="col-md-12 trivial-edit-form-group col-xs-12">
                   <div class="trivial-edit-label pad-bottom">
                        {{ form_label(form.name, "Name",|trans(), {'label_attr': {'class': 'col-sm-2 col-xs-4'}}) }}
                        <div class="col-sm-4 col-xs-8">
                        {{ form_widget(form.name, { 'attr' : {'class': 'form-control', 'placeholder' : 'Nombre', 'maxlength':'23'} }) }}
                        <span class="text-danger">{{ form_errors(form.name) }}</span>
                        </div>
                    </div>

                    <div class="trivial-edit-label pad-bottom">
                            {{ form_label(form.imageFile, "Image"|trans(),  {'label_attr': {'class': 'col-sm-2 col-xs-4'}}) }}
                        <div class="col-sm-4  col-xs-8">
                            {{ form_widget(form.imageFile, { 'attr' : {'class': 'form-control', 'placeholder' : 'Imagen del trivial'} }) }}
                            <span class="text-danger">{{ form_errors(form.imageFile) }}</span>
                        </div>
                    </div>
                </div>
                
                <div class="trivial-edit-form-group trivial-edit-label pad-bottom col-md-12 col-xs-12">
                        {{ form_label(form.description, "Description"|trans(),  {'label_attr': {'class': 'col-sm-2 col-xs-4'}}) }}
                    <div class="col-sm-10  col-xs-8">
                        {{ form_widget(form.description, { 'attr' : {'class': 'form-control', 'placeholder' : 'Descripción'} }) }}
                        <span class="text-danger">{{ form_errors(form.description) }}</span>
                    </div>
                </div>

                <div class="trivial-edit-form-group trivial-edit-label pad-bottom col-md-12 col-xs-12">
                        {{ form_label(form.cooperativeScore, "Cooperative score"|trans(),  {'label_attr': {'class': 'col-sm-2 col-xs-4'}}) }}
                    <div class="col-sm-10  col-xs-8">
                        {{ form_widget(form.cooperativeScore, { 'attr' : {'class': 'form-control', 'placeholder' : 'Descripción'} }) }}
                        <span class="text-danger">{{ form_errors(form.cooperativeScore) }}</span>
                    </div>
                </div>

                <div class="col-md-12 trivial-edit-form-group col-xs-12">
                    <div class="trivial-edit-label pad-bottom">
                            {{ form_label(form.life, "Lives"|trans(),  {'label_attr': {'class': 'col-sm-2 col-xs-4'}}) }}
                            <div class="col-sm-4 col-xs-8">
                            {{ form_widget(form.life, { 'attr' : {'class': 'form-control', 'placeholder' : '', 'min': '0'} }) }}
                            <span class="text-danger">{{ form_errors(form.life) }}</span>
                        </div>
                    </div>                      
                    <div class="trivial-edit-label pad-bottom">
                            {{ form_label(form.time, "Time (s)"|trans(),  {'label_attr': {'class': 'col-sm-2 col-xs-4'}}) }}
                            <div class="col-sm-4 col-xs-8">
                            {{ form_widget(form.time, { 'attr' : {'class': 'form-control', 'placeholder' : '', 'min': '0'} }) }}
                            <span class="text-danger">{{ form_errors(form.time) }}</span>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>
        <div class="col-xs-12 trivial-edit-buttons">
            {% if app.user.role == 'ROLE_ADMIN' %}
                <a href="{{ path('competition_list') }}"><div class="col-md-2 col-md-offset-3 col-sm-3 col-sm-offset-2 btn trivial-edit-cancelar">{% trans %}Cancel{% endtrans %}</div></a>
            {% elseif app.user.role == 'ROLE_TUTOR'%}
                  <a href="{{ path('competition_client_list', {client: app.user.cliente.id}) }}"><div class="col-md-2 col-md-offset-3 col-sm-3 col-sm-offset-2 btn trivial-edit-cancelar">{% trans %}Cancel{% endtrans %}</div></a>
            {% endif %}              
            {{ form_widget(form.save,{ 'label' : 'Save changes'|trans(), 'attr': { 'class': 'btn trivial-edit-update col-md-2 col-sm-3 col-sm-offset-1' }}) }}
        </div>          
            

                {{ form_end(form) }}
                
            </div>
    </div>
  {% endblock %}