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

{% block content %}
<div class="row">
    <h3>Повернення з  "{{project.name}}""{{project.id}}"</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 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.good__name}}</option>
            {% endfor %}
        </datalist>
    </div>

    <!-- <div class="input-field col m1 s12">
        <input id="unit_of_measurement" name="unit_of_measurement" type="text" class="validate" >
        <label for="unit_of_measurement">Одиниці</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>                    
                    </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 %}