{# empty Twig template #}
{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
<link href="{{ asset('css/competition.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') }}">Volver a Campañas</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('competition_client_list', {client: app.user.cliente.id}) }}">Volver a Campañas</a>
                 {% endif %}

            </div>  
             <div class="fondo col-xs-12">

        
                <div class="page-header edit-competition-header">
                    <h1>{% trans %}AÑADIR USUARIOS A{% endtrans %} {{competition.name}}</h1>

                </div> 
                <div class="col-xs-12 competition-add-user-info">
                    Haz clic sobre un usuario para agregar o sacar del concurso
                </div>
         
                
                {{ form_start(form, {'attr': {'role': 'form', 'class': 'enable-form'} }) }}
        
                    {{ form_widget(form.Users, { 'attr' : {'class' : 'form-control'} }) }}
                    <span class="text-danger">{{ form_errors(form.Users) }}</span>

                <p class="competition-edit-submit">
                    {{ form_widget(form.save, {'label' : 'Guardar cambios y volver', 'attr': {'class': 'competition-edit-add gametool-btn-disabled btn-disabled', 'disabled':'true'}}) }}
                </p>        
                {{ form_end(form) }}
        </div>
    </div>


    </div>       

{% endblock %}

{% block javascripts %}
      {{parent()}}
      <script src="{{ asset('js/jquery.multi-select.js') }}" ></script>
      <script type="text/javascript">
          $('#competitionbundle_competition_Users').multiSelect({
              selectableHeader: "<div class='competition-users-header'>Fuera de la campaña</div>",
              selectionHeader: "<div class='competition-users-header'>Dentro de la campaña</div>",
          });
      </script>  
      <script src="{{ asset('js/arrows-div.js') }}" ></script>
    {% endblock %}