{% extends "admin/base.html.twig" %}

{% block module_content %}
  <div class="page-title">
    <div class="title_left">
        <h3>Asignar usuarios al evento: "{{ entity.nombreEs }}"
        </h3>
    </div>    
  </div>

  <div class="clearfix"></div>
  
  <div class="row">
    <div class="col-xs-6">
        <h4>Usuarios</h4>
        <br>
        <table id="resultados" class="table table-striped jambo_table">
            <thead>
                <tr class="headings">
                    <th>Username</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% if usuarios|length %}
                {% for usuario in usuarios %}
                    {% 
                        if not usuario.hasRole('ROLE_SUPER_ADMIN') and 
                        not entity.tieneAsignadoUsuario(usuario)
                    %}
                    <tr class="item ui-state-default">
                        <td>{{ usuario.username }}</td>
                        <td>
                            <form 
                            action="{{ path('admin_evento_usuario_vincular', {
                                id: entity.id,
                                usuarioId: usuario.id, 
                            }) }}">
                                <button class="btn btn-default btn-xs" type="submit">
                                    Vincular
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endif %}
                {% endfor %}
                {% else %}
                <td colspan="2">No hay coincidencias</td>
                {% endif %}
            </tbody>
        </table>
    </div>
    <div class="col-xs-6">
        <h4>{% block titleAsignados %}Usuarios asignados al evento{% endblock %}</h4>

        <br>
        <div class="row" style="height:39px;"></div>
        <br>

        <table id="vinculados" class="table table-striped jambo_table">
            <thead>
                <tr class="headings">
                    <th>#</th>
                    <th>Nombre</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="sortable">
                {% if itemsAsignados|length %}
                {% for itemAsignado in itemsAsignados %}
                    <tr class="item ui-state-default">
                        <td>
                            <i class="fa fa-sort" aria-hidden="true"></i> 
                        </td>
                        <td>{{ itemAsignado.usuario.username }}</td>
                        <td>
                            <form 
                            action="{% block desvincularFormAction %}
                            {{ path('admin_evento_usuario_desvincular', {
                                id: entity.id,
                                usuarioId: itemAsignado.usuario.id, 
                            }) }}
                            {% endblock %}">
                                <button class="btn btn-default btn-xs" type="submit">Desvincular</button>
                            </form>
                        </td>
                    </tr>
                {% endfor %}
                {% else %}
                    <tr>
                        <td colspan="3">No hay usuarios vinculados</td>
                    </tr>
                {% endif %}
            </tbody>
        </table>
    </div>
  </div>

  <div class="row">
    <div class="form-group" style="margin-top:60px;">
      <div class="col-xs-12 text-center">
        {% block actionsBottom %}
        <a href="{{ path('admin_evento_edit', {id: entity.id }) }}" class="btn btn-primary">Volver al evento</a>
        {% endblock %}
      </div>
    </div>
  </div>
  
{% endblock %}