{% extends 'index.html' %}
{% block content %}

<div class="container" style="margin-top: 20px;">
    <div class="row">
        <form action="{% url 'lagerlist' %}" method="GET" class="d-flex">
            <input type="date" class="form-control col-2 me-2" style="width: 11.5%;" id="datum" name="datum" placeholder="Datum">
            <button type="submit" class="btn btn-primary col-1">Search</button>
        </form>
    </div>

    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th scope="col">Артикл</th>
                <th scope="col">Количина</th>
                <th scope="col">Средна Цена</th>
            </tr>
        </thead>
        <tbody class="table-group-divider">
            {% for item in lagerlist %}
                <tr>
                    <th>{{ item.artikal__artikal_ime }}</th>
                    <td>{{ item.total_kol }}</td>
                    <td>{{ item.avg_cena|floatformat:2 }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}