{% 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>

{% if objects %}
    <div class="row">
        <div class="sub-form col s10">  
            <div class="table-responsive">
                <table id="reservation_report_table">
                    <thead>
                        <tr>
                            <th>Назва</th>
                            <th>Дата</th>
                            <th>Користувач</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in objects %}
                            <tr>
                                <td>{{item.project_id__name}}</td>
                                <td>{{item.date}}</td>
                                <td>{{item.user.first_name}} {{item.user.last_name}}</td>
                                <td>
                                    <a href="{% url 'reservation_report_detail' id=item.project_id %}" id="{{item.project_id}}" target="_blank" class="btn-floating btn-smal waves-effect waves-light green"><i class="material-icons">info_outline</i></a>
                                </a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% else %}
    <p> Немає зарезервованих ТМЦ</p>
{% endif %}
<!-- <div class="row">
    <button id="export_reservation_report_to_excel" class="btn waves-effect waves-light">
        Експорт в excel
    </button>
</div> -->

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

{% block scripts %}
<script src="https://cdn.sheetjs.com/xlsx-0.19.3/package/dist/xlsx.full.min.js"></script>
<script type="module" src="{% static 'js/report.js' %}"></script>
{% endblock %}