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

{% block content %}
<input  id="receipt_id" type="hidden" name="receipt_id"   value="{{receipt.id}}">
<div class="row">
    <h3>Переміщення між складами</h3>
</div>
<div class="row">
    <div class="input-field col m3 s12">
        <input type=text name="storage_facility_from" id="storage_facility_from" list="storage_facility_from-list" class="validate" required>
        <label for="storage_facility_from">Зі складу</label>
        <datalist id="storage_facility_from-list">
            {% for storage in storages %}
            <option>{{storage.name}}</option>
            {% endfor %}
        </datalist>
    </div>

    <div class="input-field col m3 s12">
        <input type=text name="storage_facility_to" id="storage_facility_to" list="storage_facility_to-list" class="validate" required>
        <label for="storage_facility_to">На склад</label>
        <datalist id="storage_facility_to-list">
            {% for storage in storages %}
            <option>{{storage.name}}</option>
            {% endfor %}
        </datalist>
    </div>
</div>

<div class="row">
    <div id="handsontable_container_movement_between_stocks" style="width: 100%"></div>
</div>


<!-- <div class="row">
    <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 %}
                <option>{{good.name|safe}}</option>
            {% endfor %}
        </datalist>
    </div>

    <div class="input-field col m2 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">
        <a id="add_good_to_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-result-table">
            <thead>
              <tr>
                  <th>Товар</th>
                  <th>Кількість</th>
                  <th>Одиниці</th>
                  <th></th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
    </div>
</div> -->
<button id="save_movement_between_stocks" class="btn waves-effect waves-light" type="submit" name="action">Зберегти
<i class="material-icons right">save</i>
</button>
{% endblock %}

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