{% extends "base.html" %}
{% block title %}Lista serwerów - /etc/hosts Manager{% endblock %}

{% block extra_css %}
{{ super() }}
<style>
  .tooltip-inner {
    max-width: 300px;
    text-align: left;
  }
</style>
{% endblock %}

{% block content %}
<div class="card">
  <div class="card-header">
    <h2>Lista serwerów</h2>
  </div>
  <div class="card-body table-responsive">
    <table class="table table-striped align-middle">
      <thead>
        <tr>
          <th>ID</th>
          <th>Nazwa hosta</th>
          <th>Użytkownik</th>
          <th>Port</th>
          <th>Typ</th>
          <th>Uwierzytelnianie</th>
          <th>Wybrany plik /etc/hosts</th>  <!-- Nowa kolumna -->
          <th>Auto Deploy</th>
          <th>Auto Backup</th>
          <th>Akcje</th>
        </tr>
      </thead>
      <tbody>
        {% for h in hosts %}
        <tr>
          <td>{{ h.id }}</td>
          <td data-bs-toggle="tooltip" data-bs-placement="top" title="{{ h.resolved_hostname }}">
            {{ h.hostname }}
          </td>
          <td>{{ h.username }}</td>
          <td>{{ h.port }}</td>
          <td>
            {% if h.type == 'linux' %}
              Linux{% if h.use_daemon %} (Demon){% endif %}
            {% else %}
              Mikrotik
            {% endif %}
          </td>
          <td>
            {% if h.use_daemon and h.type == 'linux' %}
              <em>- używa Demona -</em>
            {% else %}
              {% if h.auth_method == 'password' %}
                Hasło
              {% elif h.auth_method == 'ssh_key' %}
                Klucz SSH
              {% elif h.auth_method == 'global_key' %}
                Globalny klucz
              {% else %}
                {{ h.auth_method }}
              {% endif %}
            {% endif %}
          </td>
          <!-- Nowa kolumna: preferowany plik hosts -->
          <td>
            {% if h.preferred_hostfile %}
              {{ h.preferred_hostfile.title }}
            {% else %}
              (Default)
            {% endif %}
          </td>
          <!-- Formularz aktualizujący auto_deploy -->
          <td>
            <form method="POST" action="{{ url_for('update_host_automation', id=h.id) }}" style="display:inline;">
              <input type="hidden" name="setting" value="auto_deploy">
              <input type="checkbox" name="enabled" value="1"
                     onchange="this.form.submit()" {% if h.auto_deploy_enabled %}checked{% endif %}>
            </form>
          </td>
          <!-- Formularz aktualizujący auto_backup -->
          <td>
            <form method="POST" action="{{ url_for('update_host_automation', id=h.id) }}" style="display:inline;">
              <input type="hidden" name="setting" value="auto_backup">
              <input type="checkbox" name="enabled" value="1"
                     onchange="this.form.submit()" {% if h.auto_backup_enabled %}checked{% endif %}>
            </form>
          </td>
          <td>
            <a href="{{ url_for('edit_server', id=h.id) }}" class="btn btn-primary btn-sm">Edytuj</a>
            <a href="{{ url_for('test_server_connection', id=h.id) }}" class="btn btn-info btn-sm">Testuj</a>
            <a href="{{ url_for('server_backup', host_id=h.id) }}" class="btn btn-success btn-sm">Backup</a>
            <form method="GET" action="{{ url_for('delete_server', id=h.id) }}" style="display:inline;">
              <button type="submit" class="btn btn-danger btn-sm">Usuń</button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<div class="mt-3 text-center">
  <a href="{{ url_for('add_server') }}" class="btn btn-secondary">Dodaj nowy serwer</a>
  <a href="{{ url_for('import_servers') }}" class="btn btn-secondary">Importuj z CSV</a>
  <a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj do CSV</a>
</div>
{% endblock %}