{# 경로/파일: realcom-nas-ui/templates/nginx_users_add.html #}
{% extends "base.html" %}
{% block title %}사용자 추가{% endblock %}
{% block content %}
<link href="/css/bootstrap.min.css" rel="stylesheet" />

<div class="container" style="max-width:420px;margin-top:70px;">
  <div class="border rounded p-4 shadow-sm bg-white">
    <h4 class="fw-bold mb-3" style="letter-spacing:-0.2px;">
      사용자 추가 <span class="text-primary ms-2">[{{ area }}]</span>
    </h4>
    <form method="post" autocomplete="off">
      <div class="mb-3">
        <label for="username" class="form-label">아이디</label>
        <input type="text" name="username" id="username" class="form-control" maxlength="36" required autofocus>
      </div>
      <div class="mb-4">
        <label for="password" class="form-label">비밀번호</label>
        <input type="password" name="password" id="password" class="form-control" maxlength="64" required>
      </div>
      <button type="submit" class="btn btn-primary w-100">추가</button>
      <a href="{{ url_for('nginx_users', area=area) }}" class="btn btn-link w-100 mt-2">목록으로</a>
    </form>
  </div>
</div>
{% endblock %}