{%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">
  <link href="{{ asset('css/user.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
{{ parent() }}
  <div class="container marketing lista">

    
        <div class ="fondo col-xs-12">
            <div class="page-header margin-none col-xs-12">
                <div class="col-xs-12 badge-trivial-medallas user-tutor-title">USUARIOS DE {{cliente.name}}</div>
            </div>
            <div class="table-responsive col-xs-12 no-padd-xs">
                Registros totales: <span id="total">{{ pagination.getTotalItemCount() }}</span>
                
                           <form method="get" action="" class="form-inline" role="search">
                    <div class="form-group gametool-search" style="text-align:left">
                        <input type="text" name="query" value="{{app.request.get('query')}}" class="form-control left" placeholder="Buscar usuario"/>
                        <input type="submit" value="Buscar" class="btn btn-default"/>
                    </div>
                                 
                      
                </form>
                        {% if not pagination|length %}
                            <h2>No se han encontrado resultados</h2>
                        {% else %}
                
                <table class="table gametool-table">
                    <thead>
                        <tr>
                            <th>{{ knp_pagination_sortable(pagination,'ID','c.id') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'NOMBRE','c.name') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'PRIMER APELLIDO','c.firstSurname') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'SEGUNDO APELLIDO','c.secondSurname') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'NOMRE DE USUARIO','c.userName') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'ROL','c.role') }}</th>
                            <th>ACCIONES</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user in pagination %}
                        <tr data-id="{{user.id}}" data-type="el usuario" data-name="{{user.userName}}">
                                <td>{{user.id}}</td>
                                <td>{{user.name}}</td>
                                <td>{{user.firstSurname}}</td>
                                <td>{{user.secondSurname}}</td>
                                <td>{{user.userName}}</td>
                                <td>{% if user.role=="ROLE_USER" %}
                                        Usuario
                                    {% elseif user.role== "ROLE_TUTOR" %}
                                        Tutor
                                    {% endif %}    
                                </td>  
                                
                                 <td>
                                    <a class="btn btn-sm btn-info" href="{{ path('user_view', {id: user.id}) }}">Ver</a>
                                     <a title="Eliminar {{user.userName}}" class="btn btn-delete btn-danger" href="#">Borrar</a>

                                </td>
                        </tr>
                        {% endfor %}
                </tbody>
              </table>
                   {% endif %}
                <div class="navigation">
                    {{ knp_pagination_render(pagination)}}
                </div>
                <div class="col-xs-12 no-padd-xs" style="padding-top:20px;">
                    <a class="btn trivial-cateogorias-add btn-add col-md-2 col-md-offset-4" data-toggle="modal" data-target="#myModal" href="#">Añadir usuario</a>
                    <a class="btn trivial-question-multiadd col-md-2" data-toggle="modal" data-target="#userModalMultiAdd" href="#">Subida Masiva</a>
                  </div>
           </div>
        </div>
    </div>
    {{ include ('Clientes/forms/form.html.twig',{form: deleteform_ajax,message:'Estás seguro?',id:"form-delete",with_submit:false}) }}
    {{ include ('Usuarios/usersMultiAdd.html.twig',{form: multiAddForm}) }}
   {{ include ('Usuarios/forms/addUsersTutorform.html.twig',{form: addform_ajax,message:'Estás seguro?',id:"form-add",with_submit:false}) }}
{% endblock %}