{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/client.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/rule.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">
                <div class="col-xs-12">
                <div class="gametool-title col-xs-12 admin-title">Lista Reglas</div>
   </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 Regla" />
                        <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="table-responsive col-xs-12">
                <table class="table gametool-table">
                    <thead>
                        <tr>
                            <th>REGLA</th>
                            <th class="right-actions">ACCIONES</th>
                        </tr>
                    </thead>
                    <tbody>
                              {% for rule in pagination %}
                        <tr data-id="{{rule.id}}">
                             
                                <td>{{rule.concatToString}}</td>
                        
                                <td class="right-actions">
                                    <a title="Editar {{rule.concatToString}}" class="btn" href="{{ path('rule_edit', {id: rule.id}) }}"><img src="{{ asset('img/edit-competition.png') }}"></a>
                                    <a title="Eliminar {{rule.concatToString}}" style="margin-right:-25px" class="btn btn-delete" href="#"><img src="{{ asset('img/delete-competition.png') }}"></a>                                  
                                </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" style="padding:6px 20px;" data-toggle="modal" data-target="#myModal" href="#">Añadir regla</a>
              </div>
              
             

     </div>
     </div>
                
                   {{ include ('Rules/forms/addRuleform.html.twig',{form: addform_ajax,message:'Estás seguro?',id:"form-add",with_submit:false}) }}
                    {{ include ('Clientes/forms/form.html.twig',{form: deleteform_ajax,message:'Estás seguro?',id:"form-delete",with_submit:false}) }}


 {% endblock %}