{{template "layout.html" .}}
<div class="card" style="max-width:450px">
  <div class="card-hd">🔑 重置密码</div>
  <div class="card-bd">
    <div style="background:var(--gray-50);border-radius:8px;padding:14px 16px;margin-bottom:16px;font-size:13px">
      <strong>用户：</strong>{{.user.Username}}{{if .user.Nickname}}（{{.user.Nickname}}）{{end}}
      <br>
      <span class="text-muted text-sm">请为该管理员设置新密码</span>
    </div>
    <form id="resetPwdForm">
      <input type="hidden" name="id" value="{{.user.ID}}">
      <div class="fg">
        <label>新密码</label>
        <input type="password" name="password" class="fctrl" id="newPwd" placeholder="至少 6 位字符" required minlength="6" autofocus>
      </div>
      <div class="fg">
        <label>确认密码</label>
        <input type="password" class="fctrl" id="confirmPwd" placeholder="再次输入新密码" required>
      </div>
      <div id="pwdHint" class="hint" style="color:var(--danger);display:none">两次密码输入不一致</div>
      <div style="padding-top:6px;display:flex;gap:10px">
        <button type="submit" class="btn btn-primary" id="submitBtn">确认重置</button>
        <a href="/admin/admin_user" class="btn btn-ghost">取消</a>
      </div>
    </form>
  </div>
</div>
<script>
var newPwd=document.getElementById('newPwd');
var confirmPwd=document.getElementById('confirmPwd');
var hint=document.getElementById('pwdHint');
confirmPwd.addEventListener('input',function(){
  if(confirmPwd.value&&confirmPwd.value!==newPwd.value){hint.style.display='block'}else{hint.style.display='none'}
});
document.getElementById('resetPwdForm').addEventListener('submit',function(e){
  e.preventDefault();
  if(newPwd.value.length<6){resultModal('⚠️','密码太短','密码至少需要 6 位');return}
  if(newPwd.value!==confirmPwd.value){resultModal('⚠️','密码不匹配','两次输入的密码不一致');return}
  var btn=document.getElementById('submitBtn');btn.disabled=true;btn.textContent='处理中…';
  fetch('/admin/admin_user/reset_pwd',{method:'POST',body:new FormData(this)})
    .then(function(r){return r.json()})
    .then(function(d){
      if(d.code===0){resultModal('✅','重置成功','密码已重置');setTimeout(function(){location.href='/admin/admin_user'},1200)}
      else{resultModal('❌','重置失败',d.msg);btn.disabled=false;btn.textContent='确认重置'}
    })
    .catch(function(){btn.disabled=false;btn.textContent='确认重置';resultModal('⚠️','请求失败','网络错误，请检查网络连接后重试')});
});
</script>

</body>
</html>