{% extends "base.html" %}
{% block content %}

<h2>Switch-Verwaltung</h2>

<!-- Hinzufügen -->
<form method="post" class="mb-3">
  <input type="hidden" name="add_switch" value="1">
  <div class="row g-2">
    <div class="col"><input class="form-control" name="hostname" placeholder="Hostname" required></div>
    <div class="col"><input class="form-control" name="ip" placeholder="IP-Adresse" required></div>
    <div class="col"><input class="form-control" name="username" placeholder="Benutzername" required></div>
    <div class="col"><input class="form-control" name="password" type="password" placeholder="Passwort" required></div>
    <div class="col-auto">
      <button class="btn btn-primary">Hinzufügen</button>
    </div>
  </div>
</form>

<!-- Switch-Liste -->
<table class="table table-striped table-hover align-middle">
  <thead>
    <tr>
      <th>Hostname</th>
      <th>IP-Adresse</th>
      <th>Benutzername</th>
      <th>Aktionen</th>
    </tr>
  </thead>
  <tbody>
    {% for s in switches %}
    <tr>
      <form method="post">
        <input type="hidden" name="edit_switch" value="1">
        <input type="hidden" name="old_hostname" value="{{ s['hostname'] }}">
        <td><input class="form-control form-control-sm" name="hostname" value="{{ s['hostname'] }}"></td>
        <td><input class="form-control form-control-sm" name="ip" value="{{ s['ip'] }}"></td>
        <td><input class="form-control form-control-sm" name="username" value="{{ s['username'] }}"></td>
        <td>
          <div class="d-flex gap-1">
            <input type="password" class="form-control form-control-sm" name="password" placeholder="Neues Passwort">
            <button class="btn btn-sm btn-success">Speichern</button>
          </div>
      </form>
      <form method="post" style="display:inline;">
        <input type="hidden" name="delete_switch" value="{{ s['hostname'] }}">
        <button class="btn btn-sm btn-danger ms-1">Löschen</button>
      </form>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>

{% endblock %}