{% extends 'base.html'%}
{% load filters %}
{% load crispy_forms_tags %}
{% block title %} Kiln list title {% endblock %}
<button type="button" name="button"></button>
{% block content %} <h2>KILNS REGISTERED IN DATABASE</h2><hr><br>
{% for kiln in kilns %}
<div class="grid-container-two">
  <div class="" style="padding-top:18px;">
    <h2>{{ kiln.KilnName }}</h2>
    <h6>{{ kiln.KilnType }}</h6>
  </div>
  <div class="grid-container-two">
    <div class="">
      <div class="col-dm-3" style="padding-top:18px;">
        <a href="{% url 'Monitoring_App:kiln_details' slug=kiln.slug %}">Kiln details</a><br>
        {% if not kiln.Status %}
        <a href="{% url 'Monitoring_App:start_kiln' pk=kiln.KilnId %}">Request Start</a>
        {% else %}
        <a href="{% url 'Monitoring_App:stop_kiln' pk=kiln.KilnId %}">Request Stop</a>
        {% endif %}
      </div>
    </div>
    <div class="">
      <p>STATUS</p>
        {% if kiln.Status %}
        <i class="fas fa-check-circle fa-3x" title="Solve" style="color:green;padding-bottom:12px;"></i>
        {% else %}
        <i class="far fa-times-circle fa-3x" title="Decline" style="color:red;padding-bottom:12px;"></i>
        {% endif %}
    </div>
  </div>
</div>
<br>
{% endfor%}
<br>
{% endblock %}