{% extends "base.html" %}
{% load static %}
{% load crispy_forms_filters %}
{% load crispy_forms_tags %}



{% block content %}
<div class="row">
  <h3 style="text-align: center;">Керування ТМЦ</h3>
</div>
<div class="row">
  <a href="{% url 'management' %}" style="margin-top: 20px;">
    <button class="btn waves-effect waves-light">
        Повернутися
    </button>
  </a>
</div>
<div class="row">
  <div class="col s12 m6 ">
    <div id="res_test" class="show-photo ">
      
    </div>
    {% crispy form_add_tmc %}
  </div>
  <div class="col s12 m6 ">
    <div class="row">
      <form method="post" action="{% url 'tmc' %}" id="search_tmc" autocomplete="off">
        {% csrf_token %}
        <div class="row">
          <div class="input-field col m3 s12">
              <input id="name" name="name" type="text" class="validate">
              <label for="name">Назва</label>
          </div>
      </div>
        <button class="btn waves-effect waves-light" type="submit" name="action">Пошук
          <i class="material-icons right">send</i>
          </button>
          <a href="{{ request.get_full_path }}"><button type="button" class="btn btn-outline-success">Очистити</button></a>
    
      </form>
    </div>
    <div class="row">
      <div class="table-responsive">
        <table class="table table-striped" id="example">
          <tr>
            <th>Назва ТМЦ</th>
            <th>Одиниці виміру</th>
            <th></th>
          </tr>

          {% for good in goods %}
          <tr>
            <td style="max-width: 500px;">{{good.name}}</td>
            <td style="max-width: 50px;">{{good.unit_of_measurement}}</td>
            <td> 
              {% if 'btn_tmc_detail_update' in config %}
              <a href="{% url 'tmc_update' id=good.pk %}" class="btn-floating btn-smal  "><i class="lni lni-pencil"></i></a>
              {% endif  %}
              {% if 'btn_tmc_delete' in config %}
                <a href="#" id="{{good.id}}" class="btn-floating btn-smal red delete_tmc"><i class="lni lni-cross-circle"></i></a>
              {% endif %}
            </td>

            <!-- <div class="input-field col m1 s12">
            <a id="add_good_to_table" class="btn-floating btn-smal waves-effect waves-light green add"><i class="material-icons">add</i></a>
        </div> -->
          </tr>
            {% endfor %}
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}

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