{% extends "base.html" %}
{% block title %}My Profile — Bid Checker{% endblock %}
{% block content %}
<div class="page-header">
  <h1 class="page-title">My Profile</h1>
</div>

<div style="max-width:480px">
  <div class="card">
    <div class="card-header"><span class="card-title">Account Details</span></div>
    <form method="post" action="{{ url_for('auth.profile') }}">
      <div class="modal-body">
        <div class="form-group">
          <label class="form-label">Username</label>
          <input class="form-control" value="{{ session['user']['username'] }}" disabled>
          <small class="text-muted">Username cannot be changed. Contact an admin if needed.</small>
        </div>
        <div class="form-group">
          <label class="form-label">Role</label>
          <input class="form-control" value="{{ session['user']['role'] | capitalize }}" disabled>
        </div>
        <div class="form-group">
          <label class="form-label">Full Name</label>
          <input class="form-control" name="full_name"
                 value="{{ session['user']['full_name'] or '' }}"
                 placeholder="Your full name">
        </div>
        <div class="form-group">
          <label class="form-label">Email Address</label>
          <input class="form-control" type="email" name="email"
                 value="{{ session['user']['email'] or '' }}"
                 placeholder="your@email.com">
          <small class="text-muted">Used for password resets and notifications.</small>
        </div>
      </div>
      <div class="modal-footer">
        <a href="{{ url_for('auth.change_password_view') }}" class="btn btn-ghost">🔑 Change Password</a>
        <button type="submit" class="btn btn-primary">Save Changes</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}