{% extends 'base.html'%}
{% load crispy_forms_tags %}
{% block title %} Change Element {% endblock %}
{% block content %}


<h2> CHANGE ELEMENT</h2>
<br><hr>
<h3> Heating rods available in stock</h3><br>
<table class="table table-bordered">
  <tr>
    <th> ID </th>
    <th> Type </th>
    <th> Start Value [Ω] </th>
    <th> Diameter [mm] </th>
    <th> Length [mm] </th>
    <th> Supplier </th>
    <th> Status </th>
    <th> Change </th>
  </tr>
  {% for row in available %}
  <tr>
    <td>{{ row.ElementId }}</td>
    <td>{{ row.TypeId.TypeName }}</td>
    <td>{{ row.TypeId.StartVal|floatformat:2 }}</td>
    <td>{{ row.TypeId.Diameter_mm|floatformat:2 }}</td>
    <td>{{ row.TypeId.Length_mm|floatformat:2 }}</td>
    <td>{{ row.TypeId.SupplierId.SupplierName }}</td>
    {% if row.Status == False %}
    <td> New </td>
    {% else %}
    <td> Used </td>
    {% endif %}
    <td><a class="nav-link active button_change" aria-current="page" href="{% url 'Monitoring_App:change' prev_id=element.ElementId new_id=row.ElementId reason=0 %}">Change Element</a></td>
  </tr>
  {% endfor %}
</table>



{% endblock %}