{% extends "base.html" %}  
{% load custom_tags %}
{% block content %}

<div class="row">
    <h3>Історія змін</h3>    
</div>

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

<div class="row">
    <div class="sub-form col m12 s1">  
        <div class="table-responsive">
            <table id="history_table">
                <thead>
                    <tr>
                        <th>Дія</th>
                        <th>Поле</th>
                        <th>Назва</th>
                        <th>До</th>
                        <th>Після</th>
                        <th>Дата</th>
                        <th>Користувач</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in history %}
                        <tr>
                            <td>
                                {% if item.action == "Створено" %}
                                    <i class="material-icons" style="font-size: 30px; color: green;">add</i>
                                {% elif item.action == "Оновлено" %}
                                    <i class="material-icons" style="font-size: 30px; color: yellowgreen;">create</i>
                                {% elif item.action == "Видалено" %}
                                    <i class="material-icons" style="font-size: 30px; color: red;">remove</i>
                                {% endif %}
                                
                            </td>
                            <td>{{item.field|humanize_field_name}}</td>
                          
                            {% if item.field == "quantity"  %}
                                <td>{{item.name}}</td>
                                <!-- <td>{{item.before}} -> {{item.after}}</td> -->
                            {% else %}
                                <td>{{item.name}}</td>
                            {% endif %}
                            <!-- <td>{{item.name}}</td> -->
                            <td>{{item.before}}</td>
                            <td>{{item.after}}</td>
                            <td>{{item.created_at}}</td>
                            <td>{{item.created_by}}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- <div class="row">
    <div class="sub-form col m12 s1">
  
      <div class="table-responsive">
        <table id="history_table">
          <thead>
            <tr>
              <th>Дія</th>
              <th>Поле</th>
              <th>Зміна</th>
              <th>Дата</th>
              <th>Користувач</th>
              <th>Проект</th>
            </tr>
          </thead>
          <tbody>
            {% for item in history %}
            <tr>
              <td>
                {% if item.action == "Створено" %}
                  <i class="material-icons" style="font-size: 30px; color: green;">add</i>
                {% elif item.action == "Оновлено" %}
                  <i class="material-icons" style="font-size: 30px; color: yellowgreen;">create</i>
                {% elif item.action == "Видалено" %}
                  <i class="material-icons" style="font-size: 30px; color: red;">remove</i>
                {% endif %}
              </td>
              <td>{{item.field|humanize_field_name}}</td>
              {% if item.action == "Оновлено" and item.field == "quantity" %}
                <td>{{item.before}} -> {{item.after}}</td>
              {% elif item.action == "Створено" %}
                <td>{{item.after}}</td>
              {% elif item.action == "Видалено" %}
                <td>{{item.before}}</td>
              {% endif %}
              <td>{{item.created_at}}</td>
              <td>{{item.created_by}}</td>
              {% if item.parent %}
                <td><a href="{% url 'project_detail' item.parent %}">{{item.parent}}</a></td>
              {% else %}
                <td></td>
              {% endif %}
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div> -->


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