{% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

{% block app_content %}
<div class="table-responsive">
    <table class="table table-hover table-sm">
        <thead>
            <tr>
                <th scope="col" class="w-0">#</th>
                <th scope="col" class="w-0">Name</th>
                <th scope="col" class="w-50">Beschreibung</th>
                <th scope="col">Marke</th>
            </tr>
        </thead>
        <tbody>
            {% for item in items %}
            <tr>
                <th scope="row">
                    <a href="{{ url_for('item.details.show_item', item=item.id) }}">{{ item.id }}</a>
                </th>
                <td>{{ item.name }}</td>
                <td>{{ item.description }}</td>
                <td>{{ item.Brand.name }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% with pagination_object=items %}
{% include "utils/general/_page_navigation.html" %}
{% endwith %}
{% endblock %}