{%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">
            <div class="page-header margin-none edit-competition-header">
                <h1>Lista Usuarios de {{competition.name}}</h1>
                
            </div>
            <div class="table-responsive">
                <table class="table gametool-table">
                    <thead>
                        <tr>
                            <th>{{ knp_pagination_sortable(pagination,'USUARIO','u.userName') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'NOMBRE','u.name') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'APELLIDO 1','u.firstSurname') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'APELLIDO 2','u.secondSurname') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'CLIENTE','u.cliente') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'FECHA CREACIÓN','u.createdAt') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user in pagination %}
                        <tr>
                                <td>{{user.userName}}</td>                            
                                <td>{{user.name}}</td>
                                <td>{{user.firstSurname}}</td>
                                <td>{{user.secondSurname}}</td>
                                <td>{{user.cliente.__toString()}}</td>
                                <td>{{user.createdAt|date('d-m-Y') }}</td>                                  
                                 <td>                                
                                    {{ form_start(deleteForm[user.id],{'attr':{'id':id|default('formDelete_'~user.id)}}) }}
                                      {{ form_widget(deleteForm[user.id]) }}                                      
                                        {% if with_submit is not defined or with_submit==true %}
                                              <a href="#" onclick="answerDo('{{user.userName}}', {{user.id}})"><img src="{{asset('img/competition-delete-user.png')}}"></a>
                                          {% endif %}                                  
                                  {{ form_end(deleteForm[user.id]) }}
                          </td>
                        </tr>
                        {% endfor %}
                </tbody>
              </table>
                 {#display navigation#}
                <div class="navigation">
                    {{ knp_pagination_render(pagination)}}
                </div>
              {% if app.user.role == 'ROLE_ADMIN' %}
             <div class="col-xs-12 gametool-gb"> 
                <a class="btn gametool-btn-green btn-add" href="{{ path('competition_list') }}">Volver</a>
            </div>
           {% elseif app.user.role == 'ROLE_TUTOR'%}
           <div class="col-xs-12 gametool-gb"> 
                <a class="btn gametool-btn-green btn-add" href="{{ path('competition_client_list', {client: app.user.cliente.id}) }}">Volver</a>
            </div>
        {% endif %}
           </div>
           </div>
           </div>
{% endblock %}
{% block javascripts %}
  {{parent()}}
  <script>        
    function answerDo(userName, id){
        
        bootbox.confirm({
              message: "<div class='col-xs-12 competition-delete'><div class='col-xs-12 competition-delete-title'>Estás seguro que quieres eliminar el usuario</div><div class='col-xs-12 competition-delete-name'>"+userName+"</div><div class='col-xs-12 competition-delete-message'> de la campaña <b>{{competition.name}}?</div>",
              buttons: {
                  confirm: {
                      label: 'Sí, eliminarlo',
                      className: 'competition-delete-success col-xs-5 bootbox-footer'
                  },
                  cancel: {
                      label: 'Cancelar',
                      className: 'competition-delete-cancel col-xs-offset-1 col-xs-5 bootbox-footer'
                  }
              },
              callback: function (result){
                if(result == true){
                   document.getElementById("formDelete_"+id).submit();
                }
              }
        });
       
    }
    
</script>
{% endblock %}