{% 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">
    <link href="{{ asset('css/badge.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
    {{ parent() }}
    <div class="container">
        <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>NOMBRE</th>
                    {# <th>IMAGEN</th> #}
                    <th>ACCIONES</th>
                </tr>
                </thead>
                <tbody>
                {% for badgeCategory in badgeCategories %}
                    <tr data-id="{{badgeCategory.id}}" data-name="{{badgeCategory.name}}" data-type="la medalla" >
                        <td>{{badgeCategory.id}}</td>
                        <td>{{badgeCategory.name}}</td>
                        {# <td>
                          <img class="badges" src="{{ asset('images/badgeCategory/'~badgeCategory.image) }}">
                        </td>
#}                                <td>
                            <a class="btn btn-primary" href="{{path('badges_list', {id: badgeCategory.id})}}">VER</a>
                        </td>

                    </tr>

                {% endfor %}
                </tbody>
            </table>

        </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="#badgeCategoryModal" href="#">Añadir categoría</a>
        </div>
    </div>
    {{ include ('Badges/forms/addBadgeCategoryForm.html.twig',{form: addform_ajax, id:"form-add"}) }}
    {{ include ('Clientes/forms/form.html.twig',{form: deleteform_ajax,message:'Estás seguro?',id:"form-delete",with_submit:false}) }}
{% endblock %}