{% extends "base.html" %}
{% block title %}Profile - Hermetic Suite{% endblock %}

{% block content %}
<div class="page-header">
    <h1 class="icon" id="user">Profile</h1>
    <p class="subtitle">Manage your account settings</p>
</div>

<div class="card">
    <div class="card-header">
        <h2>Account Information</h2>
    </div>
    <div class="card-body">
        <div class="info-grid">
            <div class="info-item">
                <span class="info-label">Username:</span>
                <strong>{{ user.username }}</strong>
            </div>
            <div class="info-item">
                <span class="info-label">Role:</span>
                <span class="badge badge-{{ 'critical' if user.is_admin else 'info' }}">
                    {{ 'Admin' if user.is_admin else 'User' }}
                </span>
            </div>
            <div class="info-item">
                <span class="info-label">Status:</span>
                <span class="badge badge-{{ 'success' if user.is_active else 'secondary' }}">
                    {{ 'Active' if user.is_active else 'Disabled' }}
                </span>
            </div>
            <div class="info-item">
                <span class="info-label">Last Login:</span>
                <span>{{ user.last_login.strftime('%Y-%m-%d %H:%M') if user.last_login else 'N/A' }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Account Created:</span>
                <span>{{ user.created_at.strftime('%Y-%m-%d') if user.created_at else 'N/A' }}</span>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>Email Settings</h2>
    </div>
    <div class="card-body">
        <form action="{{ url_for('auth.update_email') }}" method="POST">
            <div class="form-group">
                <label for="email">Email Address</label>
                <input type="email" id="email" name="email" value="{{ user.email or '' }}" placeholder="you@example.com">
                <small class="text-muted">Used for receiving alert notifications from plugins</small>
            </div>
            {% if user.email %}
            <div class="info-item" style="margin-bottom: 1rem;">
                <span class="info-label">Verification Status:</span>
                {% if user.email_verified %}
                <span class="badge badge-success">Verified</span>
                {% else %}
                <span class="badge badge-warning">Not Verified</span>
                <small class="text-muted" style="margin-left: 0.5rem;">(Email verification coming soon)</small>
                {% endif %}
            </div>
            {% endif %}
            <button type="submit" class="btn btn-primary">Update Email</button>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h2>Change Password</h2>
    </div>
    <div class="card-body">
        <form action="{{ url_for('auth.update_password') }}" method="POST">
            <div class="form-group">
                <label for="current_password">Current Password</label>
                <input type="password" id="current_password" name="current_password" required>
            </div>
            <div class="form-row">
                <div class="form-group">
                    <label for="new_password">New Password</label>
                    <input type="password" id="new_password" name="new_password" required minlength="8">
                    <small class="text-muted">Minimum 8 characters</small>
                </div>
                <div class="form-group">
                    <label for="confirm_password">Confirm New Password</label>
                    <input type="password" id="confirm_password" name="confirm_password" required minlength="8">
                </div>
            </div>
            <button type="submit" class="btn btn-primary">Update Password</button>
        </form>
    </div>
</div>
{% endblock %}