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

<div class="container" style="margin-top: 20px;">
    <a class="btn btn-primary" href="{% url 'fakturi_new' %}">Нов</a>
    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Тип</th>
                <th scope="col">Клиент</th>
                <th scope="col">Цена Вкупно</th>
            </tr>
        </thead>
        <tbody class="table-group-divider">
            {% for faktura in fakturi %}
                <tr>
                    <th>{{ faktura.broj }}</th>
                    <td>{{ faktura.tipid }}</td>
                    <td>{{ faktura.klientid }}</td>
                    <td style="font-weight: bold;">{{ faktura.cena_vkupno }}</td>
                    <td><a href="{% url 'fakturi_edit' faktura.stavkaid %}" class="btn btn-primary">Измени</a></td>
                    <form method="POST" action="{% url 'fakturi_delete' faktura.stavkaid %}">
                        {% csrf_token %}
                        <td><button type="submit" class="btn btn-danger">X</button></td>
                    </form>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}