{% extends "base.html" %}
{% load i18n %}
{% load static %}

{% block content %}
<div class="row">
    <h3>"Звіт по списанню"</h3>
</div>
<div class="row">
    <button class="btn waves-effect waves-light" type="button" onclick="window.close();">Закрити</button>
</div>
<!-- <div class="row">
    <a href="{% url 'report' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div> -->
{% if invoice_items %}
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-success">
                <div class="table-responsive">
                <table class="table table-striped" id="example">
                    <tr>
                    <th>ТМЦ</th>
                    <th>Кількість</th>
                    <th>Ціна</th>
                    </tr>

                    {% for item in invoice_items%}
                    <tr>
                    <td>{{item.good.name}}</td>
                    <td>{{item.quantity|stringformat:".2f"}}</td>
                    <td>{{item.price|stringformat:".2f"}}</td>                    
                    </tr>
                    {% endfor %}
                </table>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <h2 style="font-weight: bold;"><i class="lni lni-euro"></i> Загальна вартість матеріалів З ПДВ {{total_price|stringformat:".2f"}} грн.</h2> 
    </div>
{% else %}
<div class="row">
    <p>За ці дати списань не було</p>
</div>
    
{% endif %}
<!-- <div class="row">
    <a href="{% url 'report' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div> -->
<div class="row">
    <button class="btn waves-effect waves-light" type="button" onclick="window.close();">Закрити</button>
</div>

{% endblock %}

{% block scripts %}
<script type="module" src="{% static 'js/report.js' %}"></script>
{% endblock %}