{%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/badge.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="gametool-title admin-title">Lista Medallas</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 Medalla" />
                        <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 ">
                    <thead>
                        <tr>
                            <th>IMAGEN</th>
                            <th>{{ knp_pagination_sortable(pagination,'NOMBRE','b.name') }}</th>
                            <th>{{ knp_pagination_sortable(pagination,'DESCRIPCIÓN','b.description') }}</th>
                            <th>REGLA</th>
                            <th class="right-actions">ACCIONES</th>
                        </tr>
                    </thead>
                    <tbody>
                              {% for badge in pagination %}
                        <tr data-id="{{badge.id}}">
                               <td>

                                 <span> <img class="badges" src="{{ asset('images/badges/'~badge.imageName~'') }}" /></span>

                                </td>
                                <td>{{badge.name}}</td>
                          
                                <td>{{badge.description}}</td>
                                 <td>
                                   {{badge.rules.concatToString}}
                                 </td>
                                <td class="right-actions">
                                    <a title="Ver {{badge.name}}" class="btn"  href="{{ path('badge_view', {id: badge.id}) }}"><img src="{{ asset('img/preview.png') }}"></a>
                                     <a title="Editar {{badge.name}}" class="btn"  href="{{ path('badge_edit', {id: badge.id}) }}"><img src="{{ asset('img/edit-competition.png') }}"></a>
                                    <a style="margin-right:-50px;" title="Eliminar {{badge.name}}" 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 medalla</a>
              </div>
     </div>
     </div>
   {{ include ('Badges/forms/addBadgeform.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 %}