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

     
     <div class="fondo col-xs-12 ">
   <div class="col-xs-12">
                <div class="gametool-title col-xs-12 admin-title">Lista Clientes</div>
   </div>
              <div >
                  Registros totales:  <span id="total"> {{ pagination.getTotalItemCount() }}</span>
              </div>
         
                <form method="get" action="" class="form-inline" role="search">
                    <div class="form-group " style="text-align:left">
                        <input type="text" name="query" value="{{app.request.get('query')}}" class="form-control left" placeholder="Buscar cliente" />
                        <input type="submit" value="Buscar" class="btn btn-default"/>
                    </div>
                                 
                      
                </form>
                        {% if not pagination|length %}
                            <h2>No se han encontrado resultados</h2>
                        {% else %}
                <div class="col-xs-12 table-responsive">
                <table class="table gametool-table" style="margin-bottom:10px">
                    <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,'ICONO','c.icon') }}</th>
                            <th class="right-actions">ACCIONES</th>
                        </tr>
                    </thead>
                    <tbody>
                              {% for client in pagination %}
                        <tr data-id="{{client.id}}" data-name="{{client.name}}" data-type="el cliente">
                                <td>{{client.id}}</td>
                                <td>{{client.name}}</td>
                                <td><img class="clients-icon" src="{{ asset('images/clients/'~client.icon~'') }}"/></td>
                                <td class="right-actions">
                                  <a title="Editar cliente {{client.name}}" class="btn" href="{{ path('cliente_edit', {id: client.id}) }}"><img src="{{ asset('img/edit-competition.png') }}"></a>
                                  {% if client.id != app.user.cliente.id %}
                                      <a style="margin-right:-50px;" title="Eliminar cliente {{client.name}}" class="btn btn-delete" href="#"><img src="{{ asset('img/delete-competition.png') }}"></a>
                                  {% endif %}                
                                </td>
                            
                        </tr>
                            
                              {% endfor %}
                </tbody>
              </table>
            </div>
          {% endif %}
          {#display navigation#}
          <div class="navigation">
              {{ knp_pagination_render(pagination)}}
          </div>
          <div class="col-xs-12">
            <a class="btn trivial-cateogorias-add btn-add col-md-2 col-md-offset-4" data-toggle="modal" data-target="#myModal" href="#">Añadir cliente</a>
            {# <a class="btn trivial-question-multiadd col-md-2" href="{{ path('cliente_multi_add') }}">Subida Masiva</a> #}
            <a class="btn trivial-question-multiadd col-md-2" data-toggle="modal" data-target="#clientModalMultiAdd" href="#">Subida Masiva</a>
          </div>
        </div>
     </div>
                
   {{ include ('Clientes/forms/form.html.twig',{form: deleteform_ajax,message:'',id:"form-delete",with_submit:false}) }}
   {{ include ('Clientes/multiAdd.html.twig',{form: formMultiAdd}) }}
   {{ include ('Clientes/forms/addClientform.html.twig',{form: addform_ajax,message:'Estás seguro?',id:"form-add",with_submit:false}) }}


 {% endblock %}