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

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

{% block main %}
    <div class="mt-lg-5 mt-2 d-flex align-items-center justify-content-between">
        <h4 class="text-primary">Koncová zařízení</h4>
        <div class="btn-group">
            <a role="button" class="btn btn-primary text-white" href="{{ path('app_hosts_add') }}">Přidat</a>
            <!--<button role="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split"
                    data-bs-toggle="dropdown" aria-expanded="false"><span class="visually-hidden">Rozbalit
                    seznam</span> </button>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="{{ path('app_hosts_add_bulk') }}">Přidat více</a></li>
            </ul>-->
        </div>
    </div>
    <p>Toto je seznam registrovaných zařízení, která mají staticky přidělenou IP adresu a můžou přistupovat do
        internetu. <br> Smazání vyžaduje dvě kliknutí, aby se předcházelo chybám.</p>
<div class="table-responsive-lg">
    <table class="table table-hover table-responsive-lg align-middle text-center">
        <thead class="sticky-lg-top">
        <tr>
            <th scope="col">MAC adresa</th>
            <th scope="col">IP adresa</th>
            <th scope="col">Název</th>
            <th scope="col">Přístup k internetu</th>
            <th scope="col">PAT</th>
            <th scope="col">Upravit</th>
            <th scope="col">Smazat</th>
        </tr>
        </thead>
        <tbody>
        {% for host in all_hosts %}
            <tr>
                <th scope="row">{{ host.dhcpIdentifier|MAC }}</th>
                <td>{{ host.ipv4Address|ip }}</td>
                <td>{{ host.hostname }}</td>
                <td>
                    <input type="checkbox" {% if host.internetAccess %} checked {% endif %} disabled>
                </td>
                <td>
                    {% if host.forwardings is empty %}
                        -
                    {% else %}
                        {% for forwarding in host.forwardings%}
                            {{ forwarding.hubPort }} -> {{ forwarding.destinationPort }};
                        {% endfor %}
                    {% endif %}

            </td>
                <td><a type="button" class="btn"
                       href="{{ path('app_hosts_edit', {id: host.hostId}) }}">
                        <i class="fa-solid fa-pen-to-square"></i>
                    </a>
                </td>
                <td><button type="button" class="btn"
                            {{ stimulus_controller('delete_confirmation', {'url': path('app_hosts_delete', {id: host.hostId})}) }}
                            {{ stimulus_action('delete_confirmation', 'delete') }}>
                        <i class="fa-sharp fa-solid fa-trash"></i>
                    </button>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}