{# empty Twig template #}
{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
  <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('category_list', {id: trinder.id}) }}">Volver a Categorías</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('category_list', {id: trinder.id}) }}">Volver a Categorías</a>
                 {% endif %}
            </div>  
      <div class="fondo col-xs-12">
            <div class="record-trivial-name col-xs-12">
              {{trinder.name}}
            </div>
            <div class="col-sm-3 record-trivial-img"><img class="trivial_img" src="{{ asset('images/trivials/'~trinder.image) }}"></div>
            <div class="col-sm-9 badge-trivial-medallas">EDITAR {{category.name|upper}}</div>
      <div class="col-xs-12 trivial-edit-form">
   
                {{ form_start(form,{ 'attr' :{'novalidate':'novalidate','role':'form', 'class':'enable-form'} }) }}
            <fieldset>
                <div class="trivial-edit-form-group trivial-edit-label col-xs-12">
                    <div class="pad-bottom col-xs-12">
                        {{ form_label(form.name, "Nombre",  {'label_attr': {'class': 'col-sm-2 col-xs-4 col-md-offset-1 col-md-4'}}) }}
                      <div class="col-xs-8 col-md-4">
                        {{ form_widget(form.name, { 'attr' : {'class': 'form-control', 'placeholder' : 'Nombre'} }) }}
                        <span class="text-danger">{{ form_errors(form.name) }}</span>
                    </div>
                  </div>
                </div> 
                
                  <div class="trivial-edit-form-group trivial-edit-label col-xs-12">
                    <div class="pad-bottom col-xs-12">
                        {{ form_label(form.imageFile, "Imagen",  {'label_attr': {'class': 'col-sm-2 col-xs-4 col-md-offset-1 col-md-4'}}) }}
                      <div class="col-xs-8 col-md-4">
                        {{ form_widget(form.imageFile, { 'attr' : {'class': 'form-control', 'placeholder' : 'Icono'} }) }}
                        <span class="text-danger">{{ form_errors(form.imageFile) }}</span>
                    </div>
                  </div>
                </div>                
            </fieldset>
          </div>
          <div class="col-xs-12 trivial-edit-buttons">
              <a href="{{ path('category_list', {id: trinder.id}) }}"><div class="col-md-2 col-md-offset-4 btn trivial-edit-cancelar">Cancelar</div></a>              
            {{ form_widget(form.save,{ 'label' : 'Guardar y volver', 'attr': { 'class': 'btn trivial-edit-update col-md-2 col-md-offset-1 gametool-btn-disabled btn-disabled', 'disabled':'true' }}) }}
           </div>    
            

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