{% extends "base.html" %}
{% block content %}
<div class="page-head"><h1>Settings</h1></div>
<section class="card settings-section">
  <h2>Account</h2>
  <div class="split">
    <form method="post" action="/settings/username">
      <h3>Change username</h3>
      <label>Current password</label><input type="password" name="current_password" required>
      <label>New username</label><input name="new_username" required>
      <button type="submit">Save</button>
    </form>
    <form method="post" action="/settings/password">
      <h3>Change password</h3>
      <label>Current password</label><input type="password" name="current_password" required>
      <label>New password</label><input type="password" name="new_password" required>
      <label>Confirm new password</label><input type="password" name="confirm_password" required>
      <button type="submit">Save</button>
    </form>
  </div>
</section>
<section class="card settings-section">
  <h2>Tunnel Management</h2>
  <div class="action-row"><form method="post" action="/tunnel/restart"><button>Restart Tunnel</button></form><p>Restart wg-quick@wg-diglett. Briefly interrupts traffic.</p></div>
  <div class="action-row"><form method="post" action="/tunnel/sync"><button>Sync with Edge</button></form><p>Re-fetch configuration from the edge server.</p></div>
  <div class="action-row">
    {% if request_path == '/settings' and error == 'confirm-reenrol' %}
      <form method="post" action="/tunnel/reenrol"><button class="warning">Confirm Force Re-enrol</button></form>
    {% else %}
      <a class="button warning" href="/settings?error=confirm-reenrol">Force Re-enrol</a>
    {% endif %}
    <p>Deletes local identity and re-enrols. Assigns a new tunnel IP. Existing client configs will stop working.</p>
  </div>
</section>
<section class="card danger-zone">
  <h2>Danger Zone</h2>
  <div class="action-row">
    {% if error == 'confirm-deregister' %}
      <form method="post" action="/instance/deregister"><button class="danger">Confirm Deregister and Uninstall</button></form>
    {% else %}
      <a class="button danger" href="/settings?error=confirm-deregister">Deregister and Uninstall</a>
    {% endif %}
    <p>Removes this instance from the edge and stops all services. This cannot be undone.</p>
  </div>
</section>
{% endblock %}