{% extends '_dashboard/base.html.twig' %}

{% block page_content %}
    {% if is_granted('ROLE_SENIOR') %}
        <p>
            <a href="{{ path('bo_monster_new', {'monsterCategoryId': monsterCategory.id}) }}">Create new</a>
        </p>
    {% endif %}

    <table class="table">
        <thead>
            <tr>
                {#<th>Id</th>#}
                <th>Name</th>
                <th>Slug</th>
                <th>Description</th>
                {#<th>Icon</th>#}
                <th>Version</th>
                {% if is_granted('ROLE_ADMIN') %}
                    <th>actions</th>
                {% endif %}
            </tr>
        </thead>
        <tbody>
        {% for monster in monsters %}
            <tr>
                {#<td>{{ monster.id }}</td>#}
                <td><img {% if monster.icon %}data-src="{{ asset(assets.monster.upload_path ~ monster.icon) }}"{% endif %} src="{{ asset(assets.img._black_xs) }}" alt="{{ monster.name }}" style="height: 48px; width: auto;"> {{ monster.name }}</td>
                <td>{{ monster.slug }}</td>
                <td>{{ monster.description }}</td>
                {#<td>{{ monster.icon }}</td>#}
                <td>{{ monster.version }}</td>
                {% if is_granted('ROLE_SENIOR') %}
                    <td>
                        <a href="{{ path('bo_monster_edit', {'monsterCategoryId': monsterCategory.id, 'id': monster.id}) }}">edit</a>
                    </td>
                {% endif %}
            </tr>
        {% else %}
            <tr>
                <td colspan="{{ is_granted('ROLE_SENIOR') ? '4' : '3' }}">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}