{% extends "base.html" %}
{% block title %}My Account{% endblock %}
{% block page_title %}My Account{% endblock %}
{% block content %}
<div class="page-header"><div><h1>My Account</h1><p>Maintain your notification contact details and secure your password.</p></div></div>
<div class="two-column">
  <form class="card" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="profile">
    <div class="card-header"><h2>Profile & Contact</h2></div>
    <div class="card-body form-grid">
      <label class="span-6">Full Name<input type="text" value="{{ current_user.full_name }}" disabled></label>
      <label class="span-6">Employee ID<input type="text" value="{{ current_user.employee_id or '' }}" disabled></label>
      <label class="span-6">Email Address<input type="email" name="email" value="{{ current_user.email or '' }}"></label>
      <label class="span-6">Mobile Number<input type="text" name="mobile" value="{{ current_user.mobile or '' }}"></label>
      <div class="span-12"><button class="button primary" type="submit">Save Profile</button></div>
    </div>
  </form>
  <form class="card" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input type="hidden" name="action" value="password">
    <div class="card-header"><h2>Change Password</h2></div>
    <div class="card-body">
      {% if current_user.must_change_password %}<div class="form-note" style="margin-bottom:15px">You must replace the temporary password before routine use.</div>{% endif %}
      <label>Current Password<input type="password" name="current_password" required></label>
      <label>New Password<input type="password" name="new_password" minlength="12" required></label>
      <label>Confirm New Password<input type="password" name="confirm_password" minlength="12" required></label>
      <button class="button primary" type="submit">Change Password</button>
    </div>
  </form>
</div>
{% endblock %}