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

{% block title %}{{ productName }} agents{% endblock %}

{% block body %}

    <style>
        .table td,
        .table th {
            border-top:1px solid #dee2e6;
            padding:.75rem;
            vertical-align:middle;
        }
    </style>

    <div class="row">
        <div class="col-md-12">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <h4 class="c-grey-900">{{ productName }} Agents</h4>
                <hr class="mB-30">
                <p>Here you can find all available agents for different type of devices.</p>
                <p>Actual server IP address or FQDN: <b>{{ serverIpAddress }}</b>.</p>
                {% if(processServerIpUpdate == 1) %}
                    <p><b>Processing agent modules update...please wait for a while.</b></p>
                {% else %}
                <table class="table" style="color: #72777a; margin-bottom: 0;">
                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col" style="width:28%;">Name</th>
                        <th scope="col">Notes</th>
                        <th scope="col" style="width:10%;">Minimal OS Version</th>
                        <th scope="col" style="width:20%;">File to download</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for agent in agents %}
                    <tr>
                        <td>{{ loop.index }}</td>
                        <td><b>{{ agent.name }}</b></td>
                        <td>{{ agent.description }}</td>
                        <td>{{ agent.minimalVersion }}</td>
                        <td><i class="icon-file pR-10"></i><a href="{{ path('agents_download', {agentType: agent.dirName, agentFilename: agent.packageName}) }}">{{ agent.packageName }}</a></td>
                    </tr>
                    {% endfor %}
                    </tbody>
                </table>
                {% endif %}
            </div>
        </div>
    </div>

{% endblock body %}