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

{% block content %}
<div class="row">
    <h3>Дозакупка на обьєкт "{{project.name}}"</h3>
    <input  id="project_id" type="hidden" name="project_id"   value="{{project.id}}">
</div>
<div class="row">

    <!-- <a href="{{request.META.HTTP_REFERER}}"> -->
    <a href="{% url 'project_detail' id=project.id %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>

</div>

<div class="row">
    <div class="input-field col m6 s12">
        <input type=text name="vendor" id="vendor" list="vendor-list" class="validate" required>
        <label for="vendor">Постачальник</label>
        <datalist id="vendor-list">
            {% for vendor in vendors %}
                <option>{{vendor.name}}</option>
            {% endfor %}
        </datalist>
    </div>
    <div class="input-field col m1 s12">
        <input id="invoice" name="invoice" type="text" class="validate"  required>
        <label for="invoice">№ Чеку</label>
    </div>
</div>


<div class="row">
    {% get_all_goods_name_with_unit_of_measurement as goods_list %}
    <div class="input-field col m5 s12">
        <input type=text name="good_name_dditional_purchase" id="good_name_dditional_purchase" list="goods-list" class="validate" >
        <label for="good_name_dditional_purchase">Найменування товару</label>
        <datalist id="goods-list">
            {% for good in goods_list  %}
                <option>{{good.name}}>>{{good.unit_of_measurement}}</option>
            {% endfor %}
        </datalist>
    </div>
    <!-- <div class="input-field col m3 s12">
        <input type=text name="good_name" id="good_name" list="goods-list" class="validate" >
        <label for="good_name">Найменування товару</label>
        <datalist id="goods-list">
            {% for good in goods %}
                <option>{{good.name}}</option>
            {% endfor %}
        </datalist>
    </div> -->

    <div class="input-field col m1 s12">
        <input id="unit_of_measurement_good_name_dditional_purchase" name="unit_of_measurement_good_name_dditional_purchase" type="text" class="validate" >
        <label for="unit_of_measurement_good_name_dditional_purchase">Одиниці</label>
    </div>

    <div class="input-field col m1 s12">
        <input id="good_quantity" name="good_quantity" type="text" class="validate" >
        <label for="good_quantity">Кількість</label>
    </div>

    <div class="input-field col m1 s12">
        <input id="good_price" name="good_price" type="text" class="validate" >
        <label for="good_price">Вартість з ПДВ! </label>
    </div>

    <div class="input-field col m1 s12">
        <input id="utilized" name="utilized" type="text" class="validate" >
        <label for="utilized">Використанно</label>
    </div>
    

    <div class="input-field col m1 s12">
        <a id="add_additional_purchases" class="btn-floating btn-smal waves-effect waves-light green add"><i class="material-icons">add</i></a>
    </div>
</div>
<div class="row">
    <div class="sub-form col m12 s1">  
        <div class="table-responsive">
            <table id="additional_purchases_table">
                <thead>
                    <tr>
                        <th>Товар</th>
                        <th>Одиниці</th>
                        <th>Кількість</th>
                        <th>Вартість</th>
                        <th>Використанно</th>                        
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row">
    <button type="submit" id="btn_save_tmc_from_additioanal_purchases" class="btn btn-outline-success">Зберегти<i class="material-icons right">save</i></button>
</div>


{% endblock %}

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