{% extends "daisy/base.html" %}


{% block title %}
    <title>{{ request.site.name }} Machines</title>
{% endblock title %}

{% block content-header %}
    <h1 class="lg:text-2xl lg:font-light">Machines Overview</h1>
{% endblock content-header %}


{% block content %}
    <section class="card bg-base-100 col-span-12 overflow-hidden shadow-xs xl:col-span-12">
        <div class="overflow-x-auto">
            <table class="table-zebra table">
                <thead>
                    <th>Category</th>
                    <th>Name</th>
                    <th>State</th>
                    <th>Maintenance</th>
                    <th>Powerstate</th>
                    <th>Registration</th>
                </thead>

                <tbody>
                    {% for machine in machines %}
                        <tr>
                            <td>{{ machine.deliverygroup }}</td>
                            <td>{{ machine.hostname_short }}</td>
                            <td><span class="text-xl">{{ machine.state_symbolic }}</span></td>
                            <td>
                                {% if machine.maintenance %}
                                    <svg data-src="https://unpkg.com/heroicons/20/solid/wrench-screwdriver.svg"
                                         class="h-6 w-6 text-warning">
                                    </svg>
                                {% else %}
                                    <svg data-src="https://unpkg.com/heroicons/20/solid/play.svg"
                                         class="h-6 w-6">
                                    </svg>
                                {% endif %}
                            </td>
                            <td>
                                {% if machine.powerstate == "on" %}
                                    <svg data-src="https://unpkg.com/heroicons/20/solid/check.svg"
                                         class="h-6 w-6">
                                    </svg>
                                {% else %}
                                    <svg data-src="https://unpkg.com/heroicons/20/solid/exclamation-triangle.svg"
                                         class="h-6 w-6 text-warning">
                                    </svg>
                                {% endif %}
                            </td>
                            <td>
                                {% if machine.registration == "registered" %}
                                    <svg data-src="https://unpkg.com/heroicons/20/solid/check.svg"
                                         class="h-6 w-6">
                                    </svg>
                                {% else %}
                                    <svg data-src="https://unpkg.com/heroicons/20/solid/exclamation-triangle.svg"
                                         class="h-6 w-6 text-warning">
                                    </svg>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}

                </tbody>
            </table>
        </div>
    </section>
{% endblock content %}