{% extends "Dashboard/base.html" %}

{% block content %}
<h2 class="mb-4">Add New User</h2>

{% if error %}
  <div class="alert alert-danger">
    {{ error }}
  </div>
{% endif %}

<form method="post" class="card card-body">
  {% csrf_token %}
  <div class="mb-3">
    <label>Username</label>
    <input type="text" name="username" class="form-control" required value="{{ request.POST.username }}">
  </div>
  <div class="mb-3">
    <label>Email</label>
    <input type="email" name="email" class="form-control" required value="{{ request.POST.email }}">
  </div>
  <div class="mb-3">
    <label>Password</label>
    <input type="password" name="password" class="form-control" required>
  </div>
  <div class="mb-3">
    <label>Confirm Password</label>
    <input type="password" name="confirm_password" class="form-control" required>
  </div>
  <div class="d-flex">
    <button type="submit" class="btn btn-success me-2">Create User</button>
    <a href="{% url 'dashboard' %}" class="btn btn-secondary ms-2">Cancel</a>
  </div>
</form>
{% endblock %}