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

{% block content %}
<div class="row">
    <h3>{{good.name}}</h3>
</div>
<div class="row">
    <a href="{% url 'stock' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div>
<div class="row">
    <div class="col m4 s12" style="height: 500px; overflow: scroll;">
        <p class="form-title">Закуплено</p>
        <table class="table table-striped" >
            <tr>
                <th style="width: 30px;">Кіл-сть</th>
                <th>Ціна</th>
                <th>Дата</th>
                <th>Користувач</th>
              </tr>
              {% if receipt %}
                
                    {% for r in receipt %}
                        <tr>
                            <td style="width: 30px;">{{r.quantity|stringformat:".2f"}}</td>
                            <td>{{r.price|stringformat:".2f"}}</td>
                            <td>{{r.created_at|date:"SHORT_DATE_FORMAT"}}</td>
                            <td>{{r.user.last_name}}</td>
                        </tr>
                        
                    {% endfor %}
            
              {% else %}
              <p>Данні відсутні</p>
              {% endif %}
        </table>
    </div>
    <div class="col m4 s12" style="height: 500px; overflow: scroll;">
        <p class="form-title">Списано</p>
        <table class="table table-striped">
            <tr>
                <th style="width: 30px;">Кіл-сть</th>
                <th>Дата</th>
                <th>Користувач</th>
                <th>Причина</th>
              </tr>
              {% if write_off %}
                
                    {% for r in write_off %}
                        <tr>
                            <td style="width: 30px;">{{r.quantity}}</td>
                            <td>{{r.date|date:"SHORT_DATE_FORMAT"}}</td>
                            <td>{{r.user.last_name}}</td>
                            <td>{{r.reason}}</td>
                        </tr>
                        
                    {% endfor %}
            
              {% else %}
              <tr>
                <td>Данні відсутні</td>
              </tr>
              {% endif %}
        </table>
    </div>
    <div class="col m4 s12" style="height: 500px; overflow: scroll;">
        <p class="form-title">Зарезервовано</p>
        <table class="table table-striped">
            <tr>
                <th style="width: 30px;">Кіл-сть</th>
                <th>Дата</th>
                <th>Користувач</th>
                <th>Обьєкт</th>
              </tr>
              {% if reservation %}
                
                    {% for r in reservation %}
                        <tr>
                            <td style="width: 30px;">{{r.quantity}}</td>
                            <td>{{r.date|date:"SHORT_DATE_FORMAT"}}</td>
                            <td>{{r.user.last_name}}</td>
                            <td>{{r.project.name}}</td>
                        </tr>
                        
                    {% endfor %}
            
              {% else %}
              <tr>
                <td>Данні відсутні</td>
              </tr>
              {% endif %}
        </table>
    </div>
</div>
<div class="row">
<a href="{% url 'stock' %}">
    <button class="btn waves-effect waves-light">
        Повернутися
    </button>
</a>
</div>
{% endblock %}

{% block scripts %}

{% endblock %}