{% extends 'layouts/blank.html' %} {% block content %}

  <!-- Mostra i messaggi di errore o successo -->
  {% if messages %}
  <div>
    {% for message in messages %}
    <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">
      {{ message }}
    </div>
    {% endfor %}
  </div>
  {% endif %}

  <h1>Add User</h1>
  <form method="post">
    {% csrf_token %}
    <div class="mb-3">
      <label for="site" class="form-label">Site</label>
      <input type="text" class="form-control" id="site" name="site" required />
    </div>
    <div class="mb-3">
      <label for="username" class="form-label">Username</label>
      <input
        type="text"
        class="form-control"
        id="username"
        name="username"
        required
      />
    </div>
    <div class="mb-3">
      <label for="clientId" class="form-label">Client ID</label>
      <input
        type="text"
        class="form-control"
        id="clientId"
        name="clientId"
        required
      />
    </div>
    <div class="mb-3">
      <label for="topic" class="form-label">Topic</label>
      <input type="text" class="form-control" id="topic" name="topic" required />
    </div>
    <div class="mb-3">
      <label for="password" class="form-label">Password</label>
      <input
        type="password"
        class="form-control"
        id="password"
        name="password"
        required
      />
    </div>
    <button type="submit" class="btn btn-primary">Create</button>
  </form>

  <!-- Risultato della creazione -->
  <div id="result"></div>
{% endblock content%}