{% 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">
{% endblock %}
{% block body %}
    {{ parent() }}
    <div class="container marketing lista">
        <div class="competition-return">
            <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
            {% if app.user.role == 'ROLE_ADMIN' %}
                <a class="competition-return-text" href="{{ path('competition_list') }}">{% trans %}Go to campaigns{% endtrans %}</a>
            {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('competition_client_list') }}">{% trans %}Go to campaigns{% endtrans %}</a>
            {% endif %}
        </div>
        <div class="fondo col-xs-12">
            <div class="col-xs-12 badge-trivial-medallas">{% trans %}Items{% endtrans %}</div>
            <div class="table-responsive trivial-edit-form col-xs-12" style="border-bottom:none">
                <table class="table gametool-table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>{% trans %}NAME{% endtrans %}</th>
                        <th>{% trans %}DESCRIPTION{% endtrans %}</th>
                        <th>{% trans %}IMAGE{% endtrans %}</th>
                        <th>{% trans %}ACTIONS{% endtrans %}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for item in pagination %}
                        <tr data-id="{{item.id}}" data-name="{{item.name}}" data-type="el item" >
                            <td>{{item.id}}</td>
                            <td>{{item.name}}</td>
                            <td>{{item.description}}</td>
                            <td><img class="badges" src="{{ asset('images/items/'~item.image) }}"></td>
                            <td>
                         
                          {#   <a class="btn" title="Editar {{category.name}}" href="{{ path('category_edit', {id: category.id}) }}"><img src="{{asset('img/edit-competition.png')}}"></a>#}
                      
                                    <a class="btn btn-delete" title="Eliminar {{item.name}}" href="#"><img src="{{asset('img/delete-competition.png')}}"></a> 
                            
                            </td>

                        </tr>

                    {% endfor %}
                    </tbody>
                </table>
                {#display navigation#}
                <div class="navigation">
                    {{ knp_pagination_render(pagination)}}
                </div>
            </div>
            <div class="col-xs-12">
                    <a class="btn trivial-cateogorias-add btn-add " data-toggle="modal" data-target="#itemsModal" href="#">{% trans %}Add Item{% endtrans %}</a>
            </div>
            {% if app.user.role == 'ROLE_ADMIN' %}
                <div class="col-xs-12 gametool-gb">
                    <a class="btn gametool-btn-green btn-add" href="{{ path('competition_list') }}">{% trans %}Go back{% endtrans %}</a>
                </div>
            {% elseif app.user.role == 'ROLE_TUTOR'%}
                <div class="col-xs-12 gametool-gb">
                    <a class="btn gametool-btn-green btn-add" href="{{ path('competition_client_list') }}">{% trans %}Go back{% endtrans %}</a>
                </div>
            {% endif %}
        </div>
    </div>
    {{ include ('Clientes/forms/form.html.twig',{form: deleteform_ajax,message:'Estás seguro?',id:"form-delete",with_submit:false}) }}
    {{ include ('Items/forms/addItem.html.twig',{form: addform_ajax,message:'Estás seguro?',id:"form-add",with_submit:false}) }}

{% endblock %}