{% extends "GeoffreyApp/base.html" %}

{% block header %}
    Item Listings
{% endblock %}

{% block content %}
    <table id="geoffrey_table" class="table table-hover link-table">
        <thead class="bg-dark">
        <tr>
            <th>Item Name</th>
            <th>Amount</th>
            <th>Price</th>
            <th>Price Per Item</th>
            <th>Shop</th>
        </tr>
        </thead>
        <tbody>
        {% for item in itemlisting_list %}
            <tr>
                <td>{{ item.item_name }} </td>
                <td>{{ item.amount }}</td>
                <td>{{ item.price }}D</td>
                <td>{{ item.normalized_price }}D</td>
                <td>{{ item.shop.name }} @ {{ item.shop.location }} </td>
            </tr>
        {% endfor %}

        </tbody>
    </table>
    <script>
        $(document).ready(function () {
            $('#geoffrey_table').DataTable();
        });
    </script>

{% endblock %}