{%extends 'layout.html.twig' %}
{% block body %}
    {{ parent() }}
    
  <div class="container marketing lista">

  {% if app.user.role == 'ROLE_ADMIN'  %}
      <a  href="{{ path('trivial_list') }}">Listar Trivial </a>><a  href="{{ path('category_list',{id: trivial.id}) }}"> Listar Categorias </a>><a  href="{{ path('question_list',{id: category.id}) }}"> Listar Preguntas </a>>
            {% endif %}
            
               {% if app.user.role == 'ROLE_TUTOR'  %}
       <a  href="{{ path('competition_trivial_list', {client: app.user.cliente.id}) }}">Listar Trivial </a>><a  href="{{ path('category_list',{id: trivial.id}) }}"> Listar Categorias </a>><a  href="{{ path('question_list',{id: category.id}) }}"> Listar Preguntas </a>>
            {% endif %}
      
      
      
      
     <div class="fondo">
           
                 <div class="page-header">
                     <h1> New Question  </h1>
                 </div> 
                {{ form_start(form,{ 'attr' :{'novalidate':'novalidate', 'role':'form'} }) }}
            <fieldset>
                
                                   
                <div class="form-group ">
                        {{ form_label(form.statement) }}
                        {{ form_widget(form.statement, { 'attr' : {'class': 'form-control', 'placeholder' : 'Enunciado'} }) }}
                        <span class="text-danger">{{ form_errors(form.statement) }}</span>
                </div>
                {% for answer in form.answers %}
                  <div class="form-group col-md-4 ">   
                  <div>                    
                    Answer: {{ form_widget(answer.answerText, { 'attr' : {'class': 'form-control', 'placeholder' : 'Respuesta', 'style' : 'margin-top:10'} }) }}
                    <span class="text-danger">{{ form_errors(answer.answerText) }}</span>
                </div>            
                <div>            
                    Correct? {{ form_widget(answer.answerValid) }} 
                    <span class="text-danger">{{ form_errors(answer.answerValid) }}</span>
                </div> 
                      </div> 
                  
                  {{ form_widget(answer.save,{ 'label' : 'Create Answer', 'attr': { 'class': 'btn btn-success hidden' }}) }}
                     
           
                {% endfor %}
            </fieldset>
      
             <p style="margin-top:20">
                {{ form_widget(form.save,{ 'label' : 'Create Question', 'attr': { 'class': 'btn btn-success' }}) }}
            </p>
           
                
                {{ form_end(form) }}
           
        </div>
    </div>
  {% endblock %}