{% extends 'base.html' %}
{% block title %}Settings | AISPY{% endblock %}
{% block content %}
<div class="settings-grid">
    <section class="panel">
        <div class="eyebrow">Account</div>
        <h1>Profile settings</h1>
        <p class="text-secondary">Update your account details and password.</p>

        <form method="post" class="mt-4">
            <label>Display name</label>
            <input type="text" name="name" class="form-control form-control-lg" value="{{ user.name }}" required>
            <label class="mt-3">Email</label>
            <input type="email" name="email" class="form-control form-control-lg" value="{{ user.email }}" required>
            <hr class="my-4 border-light-subtle">
            <label>Current password</label>
            <input type="password" name="current_password" class="form-control form-control-lg" placeholder="Required for password changes">
            <label class="mt-3">New password</label>
            <input type="password" name="new_password" class="form-control form-control-lg" placeholder="New secure password">
            <button class="btn btn-primary btn-lg mt-4">Save changes</button>
        </form>
    </section>
</div>
{% endblock %}