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

{% block content %}

<input  id="receipt_id" type="hidden" name="receipt_id"   value="{{receipt.id}}">
<div class="row">
    <div class="input-field col m3 s12">
        <input id="name" name="name" type="text" class="validate" value="{{receipt.vendor}} " >
        <label for="name">Постачальник</label>
    </div>
    <div class="input-field col m3 s12">
        <input id="name" name="name" type="text" class="validate" value="{{receipt.invoice}} " >
        <label for="name">№ Рахунку</label>
    </div>
    <div class="input-field col m3 s12">
        <input id="name" name="name" type="text" class="validate" value="{{receipt.date}} " >
        <label for="name">Дата</label>
    </div>
    <div class="input-field col m3 s12">
        <input id="name" name="name" type="text" class="validate" value="{{receipt.storage_facility}} " >
        <label for="name">Склад</label>
    </div>
</div>
<!-- <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>
<div class="row">
    <p>Товари в накладній</p>
</div>
<div class="row">
    <div class="sub-form col s10">  
        <div class="table-responsive">
            <table id="goods_result_table_project">
                <thead>
                    <tr>
                        <th>Товар</th>
                        <th>Кількість</th>
                        <th>Одиниці</th>
                        <th>Ціна</th>                      
                    </tr>
                </thead>
                <tbody>
                    {% for item in receipt_items %}
                        <tr>
                            <td>{{item.good}}</td>
                            <td>{{item.quantity|stringformat:".2f"}}</td>
                            <td>{{item.good.unit_of_measurement|stringformat:".2f"}}</td>
                            <td>{{item.price|stringformat:".2f"}}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row">
    <p style="font-size: 22px; font-weight: bold;">Загальна сума з ПДВ {{total_price|stringformat:".2f"}} грн.</p>
</div>
<div class="row">
    <button class="btn waves-effect waves-light" type="button" onclick="window.close();">Закрити</button>
</div>
<!-- <a href="{{request.META.HTTP_REFERER}}"> -->
<!-- <div class="row">
    <a href="{% url 'report' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>

    <button id="delete_receipt" class="btn waves-effect waves-light" type="submit" name="action" >Видалити
    </button>
</div> -->



{% endblock %}

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