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

{% block content %}
<h2 class="mb-4">Edit User: {{ user.username }}</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" value="{{ user.username }}" required>
  </div>
  <div class="mb-3">
    <label>Email</label>
    <input type="email" name="email" class="form-control" value="{{ user.email }}" required>
  </div>
  <div class="mb-3">
    <label>New Password (leave blank to keep current)</label>
    <input type="password" name="password" class="form-control">
  </div>
  <div class="mb-3">
    <label>Confirm Password (leave blank to keep current)</label>
    <input type="password" name="confirm_password" class="form-control">
  </div>
  <div class="d-flex">
    <button type="submit" class="btn btn-primary me-2">Update</button>
    <a href="{% url 'dashboard' %}" class="btn btn-secondary ms-2">Cancel</a>
  </div>
</form>
{% endblock %}