{% extends 'base.html' %}
{% block content %}
<section class="page-header">
    <div>
        <h2>Profile & Settings</h2>
        <p class="helper-text">Manage your personal details and keep your account secure.</p>
    </div>
</section>

<section class="grid two">
    <article class="panel stack">
        <div>
            <h3>Profile details</h3>
            <p class="helper-text">Update your basic account information.</p>
        </div>

        <form method="post" action="/profile/update" class="stack">
            <label for="full_name">Full name</label>
            <input id="full_name" type="text" name="full_name" value="{{ user.full_name }}" required />

            <label for="email">Email address</label>
            <input id="email" type="email" name="email" value="{{ user.email }}" required />

            {% if user.role.value == 'doctor' %}
                <label for="specialty">Specialty</label>
                <input id="specialty" type="text" name="specialty" value="{{ user.specialty or '' }}" placeholder="e.g. Cardiology" />
            {% else %}
                <input type="hidden" name="specialty" value="" />
            {% endif %}

            <button type="submit">Save profile</button>
        </form>
    </article>

    <article class="panel stack">
        <div>
            <h3>Change password</h3>
            <p class="helper-text">Use your current password to set a new one.</p>
        </div>

        <form method="post" action="/profile/password" class="stack">
            <label for="current_password">Current password</label>
            <input id="current_password" type="password" name="current_password" required />

            <label for="new_password">New password</label>
            <input id="new_password" type="password" name="new_password" minlength="6" required />

            <label for="confirm_password">Confirm new password</label>
            <input id="confirm_password" type="password" name="confirm_password" minlength="6" required />

            <button type="submit">Update password</button>
        </form>

        <div class="subpanel">
            <strong>Account summary</strong>
            <div class="stacked-cell">
                <span class="helper-text">Role: {{ user.role.value|title }}</span>
                {% if user.specialty %}
                    <span class="helper-text">Specialty: {{ user.specialty }}</span>
                {% endif %}
                <span class="helper-text">Joined: {{ user.created_at.strftime('%Y-%m-%d') }}</span>
                <span class="helper-text">Status: {{ 'Active' if user.is_active else 'Inactive' }}</span>
            </div>
        </div>
    </article>
</section>
{% endblock %}