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

{% block content %}
<div class="row">
    <h3>Списання ТМЦ</h3>
</div>
<div class="row">
    <a href="{% url 'stock' %}" style="margin-top: 20px;">
      <button class="btn waves-effect waves-light">
          Повернутися
      </button>
    </a>
  </div>

<div class="row">
    <div class="input-field col m2 s12">
        <i class="material-icons prefix">mode_edit</i>
        <input id="invoice" name="invoice" type="text" class="validate" value="{{next_number}}" disabled>
        <label for="invoice">№ Акту</label>
    </div>

    <div class="input-field col m3 s12">
        <i class="material-icons prefix">mode_edit</i>
        <input type=text name="date" id="date" class="datepicker" required>
        <label for="date">Дата списання</label>
    </div>

    <div class="input-field col m3 s12">
        <i class="material-icons prefix">mode_edit</i>
        <input id="reason" name="reason" type="text" list="reason-list" class="validate" required>
        <label for="reason">Причина списання</label>
        <datalist id="reason-list">
            <option>Причина 1</option>
            <option>Причина 2</option>
            <option>Причина 3</option>
        </datalist>
    </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" id="good_name" list="goods-list" class="validate" >
        <label for="good_name">Найменування товару</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 m5 s12">
        <i class="material-icons prefix">mode_edit</i>
        <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|safe}}</option>
            {% endfor %}
        </datalist>
    </div> -->

    <div class="input-field col m2 s12">
        <i class="material-icons prefix">mode_edit</i>
        <input id="good_quantity" name="good_quantity" type="text" class="validate" >
        <label for="good_quantity">Кількість</label>
    </div>
    <div class="input-field col m1 s12">
        <a id="add_good_to_write_off_table" 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 s10">
        <table id="goods_write_of_table">
            <thead>
              <tr>
                  <th>Товар</th>
                  <th>Одиниці</th>
                  <th>Кількість</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
    </div>
</div>
{% if 'btn_manual_write_off_tmc' in config %}
<div class="row">
    <button id="button_manual_write_off" class="btn waves-effect waves-light" type="submit" name="action" >Списати
        <i class="material-icons right">save</i>
    </button>
</div>
{% endif %}


<div class="row">
    <a href="{% url 'stock' %}" style="margin-top: 20px;">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div>
{% endblock %}

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