{% extends "base.html" %}
{% block title %}{{ _('Edit Profile') }}{% endblock %}
{% block content %}
<h2><i class="bi bi-pencil-square me-2"></i>{{ _('Edit Profile') }}</h2>
<form method="post">
    <div class="mb-3">
        <label class="form-label"><i class="bi bi-person-circle me-1"></i>{{ _('Username') }}</label>
        <input type="text" name="username" class="form-control" value="{{ user.username }}" required>
    </div>
    <div class="mb-3">
        <label class="form-label"><i class="bi bi-envelope-at me-1"></i>{{ _('Email') }}</label>
        <input type="email" name="email" class="form-control" value="{{ user.email }}" required>
    </div>
    <div class="mb-3">
        <label class="form-label"><i class="bi bi-lock-fill me-1"></i>{{ _('New Password (optional)') }}</label>
        <input type="password" name="password" class="form-control">
    </div>
    <div class="mb-3">
        <label class="form-label"><i class="bi bi-lock me-1"></i>{{ _('Confirm New Password') }}</label>
        <input type="password" name="confirm_password" class="form-control">
    </div>
    <button class="btn btn-primary" type="submit"><i class="bi bi-save me-1"></i>{{ _('Save') }}</button>
</form>
{% endblock %}