{% 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 s12 m2">
    <div class="card">
        <div class="title">
            <span class="circle">
                <i class="material-icons">info_outline</i>
            </span>
            <p class="titleText">
                Усього закуплено
            </p>
        </div>
        <div class="dataText">
            <p>
                {{total_quantity|stringformat:".2f"}}  {{receipt.0.good.unit_of_measurement}}
            </p>            
            <div class="range">
                <div class="fill">
                </div>
            </div>
        </div>
    </div>
  </div>

  <div class="col s12 m2">
    <div class="card">
        <div class="title">
            <span class="circle">
                <i class="material-icons">info_outline</i>
            </span>
            <p class="titleText">
                На сумму
            </p>
        </div>
        <div class="dataText">
            <p>
                {{total_sum|stringformat:".2f"}} грн.
            </p>            
            <div class="range">
                <div class="fill">
                </div>
            </div>
        </div>
    </div>
  </div> -->

  <div class="col s12 m2">
    <div class="card">
        <div class="title">
            <span class="circle">
                <i class="material-icons">info_outline</i>
            </span>
            <p class="titleText">
                Фактичний Залишок
            </p>
        </div>
        <div class="dataText">
            <p>
                {{total_balance|stringformat:".2f"}} {{receipt.0.good.unit_of_measurement}}
            </p>            
            <div class="range">
                <div class="fill">
                </div>
            </div>
        </div>
    </div>
  </div>
  
  <div class="col s12 m2">
    <div class="card">
        <div class="title">
            <span class="circle">
                <i class="material-icons">info_outline</i>
            </span>
            <p class="titleText">
                Доступно
            </p>
        </div>
        <div class="dataText">
            <p>
                {{balance|stringformat:".2f"}} {{receipt.0.good.unit_of_measurement}}
            </p>            
            <div class="range">
                <div class="fill">
                </div>
            </div>
        </div>
    </div>
  </div>
  <div class="col s12 m2">
    <div class="card">
        <div class="title">
            <span class="circle">
                <i class="material-icons">info_outline</i>
            </span>
            <p class="titleText">
                Всьго використано
            </p>
        </div>
        <div class="dataText">
            <p>
                {{total_write_off|stringformat:".2f"}} {{receipt.0.good.unit_of_measurement}}
            </p>            
            <div class="range">
                <div class="fill">
                </div>
            </div>
        </div>
    </div>
  </div>

  <div class="col s12 m2">
    <div class="card">
        <div class="title">
            <span class="circle">
                <i class="material-icons">info_outline</i>
            </span>
            <p class="titleText">
                В резерві
            </p>
        </div>
        <div class="dataText">
            <p>
                {{total_reservation|stringformat:".2f"}} {{receipt.0.good.unit_of_measurement}}
            </p>            
            <div class="range">
                <div class="fill">
                </div>
            </div>
        </div>
    </div>
  </div>
  <div class="row">
    <div class="col m3 s12 show-photo">
        {% if good.photo %}
        <img src="{% get_media_prefix %}{{good.photo}}" alt="">

        {% else %}
        <img src="{% static 'img/no_image.png' %}" alt="">
        {%  endif %}
    </div>
</div>
</div>
<!-- <div class="row">
    <a href="{% url 'full_report_about_good' id=good.id%}">
        <button class="btn waves-effect waves-light">
            Повний звіт
        </button>
    </a>
</div>
<div class="row">
    <p>Історія закупок</p>
</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 >Кіл-сть</th>
                <th>Ціна</th>
                <th>Дата</th>
                <th>Користувач</th>
                <th>Залишок</th>
              </tr>
              {% if receipt %}
                
                    {% for r in receipt %}
                        <tr>
                            <td >{{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>
                            <td>{{r.actual_quantity|stringformat:".2f"}}</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 >Кіл-сть</th>
                <th>Дата</th>
                <th>Користувач</th>
                <th>Причина</th>
              </tr>
              {% if write_off %}
                
                    {% for r in write_off %}
                        <tr>
                            <td>{{r.quantity|stringformat:".2f"}}</td>
                            <td>{{r.invoice.created_at|date:"SHORT_DATE_FORMAT"}}</td>
                            <td>{{r.user.last_name}}</td>
                            <td>{{r.invoice.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>Кіл-сть</th>
                <th>Дата</th>
                <th>Користувач</th>
                <th>Обьєкт</th>
              </tr>
              {% if reservation %}
                
                    {% for r in reservation %}
                        <tr>
                            <td >{{r.quantity|stringformat:".2f"}}</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">
    <div class="table-responsive">
        <table class="table table-striped">
          <tr>
            <th>Назва ТМЦ</th>
            <th>Одиниці</th>
            <th>Кількість</th>
            <th>Ціна</th>
            <th>Дата</th>
            <th>Склад</th>
          </tr>
    
          {% for r in receipt %}
          <tr>
            <td>{{r.good.name}}</td>
            <td>{{r.good.unit_of_measurement}}</td>
            <td>{{r.quantity|stringformat:".2f"}}</td>
            <td>{{r.price|stringformat:".2f"}}</td>
            <td>{{r.receipt.date}}</td>
            <td>{{r.receipt.storage_facility}}</td>
            <td></td>
            
          </tr>
            {% endfor %}
        </table>
    </div>
</div> -->
<div class="row">
<a href="{% url 'stock' %}">
    <button class="btn waves-effect waves-light">
        Повернутися
    </button>
</a>
</div>
{% endblock %}

{% block scripts %}

{% endblock %}