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

{% block content %}
<div class="row">
    <h3>Керування закупівлями</h3>
</div>
<div class="row">
    <div class="col m12 s12">
        <a href="{% url 'procurement_create' %}">
            <button class="btn waves-effect waves-light">
                Створити закупку
                <i class="material-icons right">add</i>
            </button>
        </a>
    </div>

</div>
<div class="row">
  <form method="post">
    {% csrf_token %}

    <div class="row">
      <div class="input-field col m3 s12">
          <input id="vendor__name" name="vendor__name" type="text" class="validate">
          <label for="vendor__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="col m12 s12">
        <h4>Останні закупівлі</h4>
        {% if procurements %}
      <div class="table-responsive">
        <table id="procurement_detail_table" class="table table-striped">
          <tr>
            <th>Постачальник</th>
            <th>Обьєкт</th>
            <th>Дата замовлення</th>
            <th></th>
          </tr>
    
          {% for procurement in procurements %}
          <tr>
            <td>{{procurement.vendor}}</td>
            <td>{{procurement.project.name}}</td>
            <td>{{procurement.created_at}}</td>
            <td> <a href="{% url 'procurement_detail' id=procurement.pk %}" class="btn-floating btn-smal"><i class="lni lni-pencil"></i></a></td>
            <td> <a href="#" id = "{{procurement.id}}" class="btn-floating btn-smal waves-effect waves-light red delete_procurement"><i class="lni lni-cross-circle"></i></a></td>
            <!-- <td> <a href="{% url 'procurement_detail' id=procurement.pk %}" class="btn-floating btn-smal red"><i class="lni lni-cross-circle"></i></a></td> -->
          </tr>
            {% endfor %}
        </table>
      </div>
      {% endif %}
    </div>

</div>

{% endblock %}

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