{% 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">
    <button class="btn waves-effect waves-light" type="button" onclick="window.close();">Закрити</button>
</div>
{% if reservation_items %}
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-success">
                <div class="table-responsive">
                <table class="table table-striped" id="example">
                    <tr>
                    <th>Назва</th>
                    <th>Кількість</th>
                    <th>Дата</th>
                    <th>Користувач</th>
                    </tr>

                    {% for reserv in reservation_items%}
                    <tr>
                    <td>{{reserv.good_id__name}}</td>
                    <td>{{reserv.quantity}}</td>
                    <td>{{reserv.date|date:"SHORT_DATE_FORMAT"}}</td>    
                    <td>{{reserv.user.first_name}} {{reserv.user.last_name}}</td>       
                    </tr>
                    {% endfor %}
                </table>
                </div>
            </div>
        </div>
    </div>
{% else %}
    <p>Інформація відсутня</p>
{% endif %}

<div class="row">
    <button class="btn waves-effect waves-light" type="button" onclick="window.close();">Закрити</button>
</div>



{% endblock %}

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