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

{% block content %}
<div class="row">
    <h3>"Залишки на складі"</h3>
</div>
<div class="row">
    <a href="{% url 'report' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div>
<div class="row">
    <div class="sub-form col s10">  
        <div class="table-responsive">
            <table id="goods_result_stock_table">
                <thead>
                    <tr>
                        <th>Назва</th>
                        <th>Одиниці</th>
                        <th>Кількість</th>
                        <th>Ціна</th>
                        <th>Вартість</th>  
                        <th>Склад</th>                      
                    </tr>
                </thead>
                <tbody>
                    {% for item in tmc_with_quantity %}
                        <tr>
                            <td>{{item.good_id__name}}</td>
                            <td>{{item.good_id__unit_of_measurement}}</td>
                            <td>{{item.total_quantity|stringformat:".2f"}}</td>
                            <td>{{item.price|stringformat:".2f"}}</td>
                            <td>{{item.total_sum|stringformat:".2f"}}</td>
                            <td>{{item.storage_facility_id__name}}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row">
    <p> Сумма складу {{stock_sum|stringformat:".2f"}}</p>
</div>

<div class="row">
    <a href="{% url 'report' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
    {% if 'btn_export_stock_to_excel' in config %}
    <a href="#">
        <button id="export_stock_to_excel"  class="btn waves-effect waves-light">
            Зберегти excel
        </button>
    </a>
    {% endif %}
</div>




{% endblock %}

{% block scripts %}
<script src="https://cdn.sheetjs.com/xlsx-0.19.3/package/dist/xlsx.full.min.js"></script>
<script type="module" src="{% static 'js/report.js' %}"></script>
{% endblock %}