{% 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>
          <th>Auto Deploy</th>
          <th>Auto Backup</th>
          <th>Wyłącz regex deploy</th> <!-- Nowa kolumna -->
          <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="{% if h.use_daemon and h.type == 'linux' and h.daemon_url %}{{ h.resolved_daemon }}{% else %}{{ h.resolved_hostname }}{% endif %}">
            {% if h.use_daemon and h.type == 'linux' and h.daemon_url %}
              {% set daemon_str = h.daemon_url.split('://') | last %}
              {% set daemon_ip = daemon_str.split(':')[0] %}
              {{ daemon_ip }}
            {% else %}
              {{ h.hostname }}
            {% endif %}
          </td>        
          <td>
            {% if h.use_daemon and h.type == 'linux' %}
              <em>—</em>
            {% else %}
              {{ h.username }}
            {% endif %}
          </td>
          <td>
            {% if h.use_daemon and h.type == 'linux' %}
              <em>—</em>
            {% else %}
              {{ h.port }}
            {% endif %}
          </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>
          <td>
            {% if h.preferred_hostfile %}
              {{ h.preferred_hostfile.title }}
            {% else %}
              (Default)
            {% endif %}
          </td>
          <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>
          <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>
            <form method="POST" action="{{ url_for('update_host_automation', id=h.id) }}" style="display:inline;">
              <input type="hidden" name="setting" value="disable_regex">
              <input type="checkbox" name="enabled" value="1"
                     onchange="this.form.submit()" {% if h.disable_regex_deploy %}checked{% endif %}>
            </form>
          </td>
          <td>
            <div class="d-flex flex-wrap gap-1">
              <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>
            </div>
          </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 %}