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

{% block content %}
<div class="center">
    <table class="tab_cadre_fixe">
        <tr>
            <th colspan="6">{{ __('UrBackup servers', 'urbackup') }}</th>
        </tr>
        <tr>
            <th>{{ __('Name') }}</th>
            <th>{{ __('IP address', 'urbackup') }}</th>
            <th>{{ __('Port') }}</th>
            <th>{{ __('Version') }}</th>
            <th>{{ __('Status') }}</th>
            <th>{{ __('Actions') }}</th>
        </tr>
        {% for server in servers %}
        <tr class="tab_bg_1">
            <td>{{ server.name }}</td>
            <td>{{ server.ip_address }}</td>
            <td>{{ server.port }}</td>
            <td>{{ server.server_version }}</td>
            <td>
                {% if server.last_api_status %}
                    <span class="badge bg-success">{{ __('OK', 'urbackup') }}</span>
                {% else %}
                    <span class="badge bg-danger">{{ __('Failed', 'urbackup') }}</span>
                {% endif %}
            </td>
            <td>
                <a href="{{ path('urbackup_server_show', {'id': server.id}) }}" class="btn btn-sm btn-primary">
                    {{ __('View') }}
                </a>
                <button class="btn btn-sm btn-secondary plugin-urbackup-test-api" data-server-id="{{ server.id }}">
                    {{ __('Test API', 'urbackup') }}
                </button>
            </td>
        </tr>
        {% else %}
        <tr class="tab_bg_1">
            <td colspan="6" class="center">{{ __('No records found', 'urbackup') }}</td>
        </tr>
        {% endfor %}
    </table>
    {% if can_create %}
    <a href="{{ path('urbackup_server_show', {'id': 0}) }}" class="btn btn-success">
        {{ __('Add') }}
    </a>
    {% endif %}
</div>
{% endblock %}