{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang admin.profile}</div>
    <div class="nv-page-desc">{lang admin.profile_desc}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn" href="{$entry_prefix}/admin/user">{lang admin.user_management}</a>
  </div>
</div>

<form class="nv-card" method="post" action="{$entry_prefix}/admin/user/profile">
  <input type="hidden" name="_token" value="{$csrf}">
  <input type="hidden" name="_form_token" value="{$form_token}">

  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.account_info}</span>
  </div>

  <div class="nv-card-body">
    <div class="nv-form-grid">
      <div class="nv-form-row nv-mb0">
        <label class="nv-label" for="username">{lang admin.username}</label>
        <input class="nv-input" type="text" id="username" value="{$item.username}" disabled>
        <p class="nv-field-hint">{lang admin.username_readonly_hint}</p>
      </div>
      <div class="nv-form-row nv-mb0">
        <label class="nv-label" for="nickname">{lang admin.nickname}</label>
        <input class="nv-input" type="text" id="nickname" name="nickname" value="{$item.nickname}">
      </div>
    </div>

    <div class="nv-form-row nv-mt16">
      <label class="nv-label" for="email">{lang admin.email}</label>
      <input class="nv-input" type="email" id="email" name="email" value="{$item.email}" placeholder="{lang admin.ph_email_notice}">
    </div>
  </div>

  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.change_password}</span>
    <span class="nv-muted">{lang admin.change_password_hint}</span>
  </div>

  <div class="nv-card-body">
    <div class="nv-form-grid">
      <div class="nv-form-row nv-mb0">
        <label class="nv-label" for="old_password">{lang admin.old_password}</label>
        <input class="nv-input" type="password" id="old_password" name="old_password" autocomplete="current-password" placeholder="{lang admin.ph_old_password}">
      </div>
      <div class="nv-form-row nv-mb0">
        <label class="nv-label" for="password">{lang admin.new_password}</label>
        <input class="nv-input" type="password" id="password" name="password" autocomplete="new-password" placeholder="{lang admin.ph_new_password}">
      </div>
    </div>
  </div>

  <div class="nv-toolbar">
    <button class="nv-btn nv-btn-primary" type="submit">{lang admin.save_profile}</button>
    <a class="nv-btn" href="{$entry_prefix}/admin/dashboard">{lang admin.back_to_dashboard}</a>
  </div>
</form>