{% extends 'base.html.twig' %}

{% block title %}Koncová zařízení{% endblock %}

{% block main %}
    <h4 class="mt-lg-5 mt-2 text-primary">Neznámá zařízení</h4>
    <p>Toto je výpis zařízení, která mají přidělenou dynamickou IP adresu a nemají rezervaci. Jsou tedy připojená v
        síti, ale o IP adresu můžou přijít a nemohou přistupovat do internetu.
    <br>Kliknutím na "Uložit" se provede rezervace IP adresy a zařízení bude možné spravovat v sekci Známá zařízení.
    </p>
    <div class="table-responsive-lg">
    <table class="table table-hover align-middle text-center">
        <thead>
        <tr>
            <th scope="col">Adresa</th>
            <th scope="col">MAC adresa</th>
            <th scope="col">Expirace</th>
            <th scope="col">Název</th>
            <th scope="col">Uložit</th>
        </tr>
        </thead>
        <tbody>
        {% for lease in unknown %}
            <tr>
                <td>{{ lease.address|ip }}</td>
                <th scope="row">{{ lease.hwaddr|MAC }}</th>
                <td>{{ lease.expire|date('d. m. Y H:II:s', 'Europe/Prague') }}</td>
                <td>{{ lease.hostname }}</td>
                <td><a type="button" class="btn"
                       href="{{ path('app_hosts_add_lease', {ip: lease.address}) }}">
                        <i class="text-primary fa-sharp fa-solid fa-floppy-disk"></i>
                    </a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% if unknown is empty %}
        <div class="text-center">Žádná neznámá zařízení. Yay.</div>
    {% endif %}
    </div>
{% endblock %}