{% extends "dashboard/table.html" %}
{% load staticfiles %}

{% block table %}
    <thead>
    <tr>
        <th>Name</th>
        <th>Architecture</th>
        <th>Profile</th>
        <th>Booked</th>
        <th>Working</th>
    </tr>
    </thead>
    <tbody>
        {% for host in hosts %}
        <tr>
            <td>
                {{ host.name }}
            </td>
            <td>
                {{ host.arch }}
            </td>
            <td>
                <a href="../profile/{{ host.flavor.id }}">{{ host.flavor.name }}</a>
            </td>
            <td>
            {% if host.allocation != null %}
            Yes
            {% else %}
            No
            {% endif %}
            </td>
            <td>
            {% if host.allocation.reason == "maintenance" %}
            No
            {% else %}
            Yes
            {% endif %}
            </td>
        </tr>
    {% endfor %}
    </tbody>
{% endblock table %}

{% block tablejs %}
    <script type="text/javascript">
        $(document).ready(function () {
            $('#table').DataTable({
        scrollX: true,
                "order": [[0, "asc"]]
            });
        });
    </script>
{% endblock tablejs %}