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

{% block content %}
<div class="row">
    <h3>"Звіт по переміщенням"</h3>
</div>
<div class="row">
    <a href="{% url 'report' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div>
<div class="row">
    <form id="search_movement_form"  autocomplete="off" method="POST">
        {% csrf_token %}
        <div class="row">
            <div class="input-field col m3 s12">
                <i class="material-icons prefix">mode_edit</i>
                <input type=text name="date_start" id="date_start" class="datepicker" required>
                <label for="date_start">З дати</label>
            </div>
            <div class="input-field col m3 s12">
                <i class="material-icons prefix">mode_edit</i>
                <input type=text name="date_end" id="date_end" class="datepicker" required>
                <label for="date_end">По дату</label>
            </div>
        </div>
        <div class="row">
            <button type="submit" class="btn btn-outline-success">Пошук</button>
        </div>
    </form>

</div>

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-success">
            <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>№ Акту</th>
                        <th>Зі складу</th>
                        <th>На склад</th>
                        <th>Дата</th> 
                        <th>Користувач</th> 
                        <th></th>
                    </tr>
                </thead>
                <tbody id="movement_list_body"></tbody>
            </table>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <a href="{% url 'report' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div>

{% endblock %}

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