{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/member/static/member.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang member.member_detail_hash}{$user_row.id}</div>
    <div class="nv-page-desc">
      {$user_row.username}
      {lang member.status_label}{$status_label}
      {lang member.level_label}{if !empty($level)}{$level.name}{else}—{/if}
      {if $delete_days > 0}· <span style="color:#b45309">{lang member.delete_pending_a}{$delete_days}{lang member.delete_pending_b}</span>{/if}
    </div>
  </div>
  <div style="display:flex;gap:8px">
    <a class="nv-btn nv-btn-primary" href="{$entry_prefix}/admin/plugin/member/member/edit/{$user_row.id}">{lang member.edit_profile}</a>
    {if !empty($pending_reviews)}
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/reviews">{lang member.profile_pending_btn_a}{count($pending_reviews)}</a>
    {/if}
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/members">{lang member.back_to_list}</a>
  </div>
</div>

{if $flash.message}<div class="nv-alert nv-alert-{$flash.type}">{$flash.message}</div>{/if}

{if !empty($pending_reviews)}
<div class="nv-card" style="margin-bottom:16px;border-color:#fcd34d">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.pending_profile_changes}</div>
    {loop $pending_reviews as $pr}
    <div style="padding:10px 0;border-top:1px solid #f3f4f6">
      <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px">
        <span class="member-badge is-warn">{$pr.type_label}</span>
        <span class="nv-muted" style="font-size:13px">{lang member.submitted_at} {$pr.created_text}</span>
        <form method="post" action="{$entry_prefix}/admin/plugin/member/review/approve" style="margin-left:auto">
          <input type="hidden" name="_token" value="{$csrf}">
          <input type="hidden" name="_form_token" value="{$form_token_review}">
          <input type="hidden" name="id" value="{$pr.id}">
          <button class="nv-btn nv-btn-sm nv-btn-primary" type="submit">{lang member.approve}</button>
        </form>
        <form method="post" action="{$entry_prefix}/admin/plugin/member/review/reject">
          <input type="hidden" name="_token" value="{$csrf}">
          <input type="hidden" name="_form_token" value="{$form_token_review}">
          <input type="hidden" name="id" value="{$pr.id}">
          <input type="text" name="note" placeholder="{lang member.reject_reason}" maxlength="200" style="width:150px">
          <button class="nv-btn nv-btn-sm" type="submit">{lang member.reject}</button>
        </form>
      </div>
      {if !empty($pr.diff)}
      <table class="member-table">
        <thead><tr><th style="width:140px">{lang member.item}</th><th>{lang member.current_public}</th><th>{lang member.submitted_changes}</th></tr></thead>
        <tbody>
        {loop $pr.diff as $d}
        <tr>
          <td>{$d.label}</td>
          <td style="color:#6b7280">{if !empty($d.is_image)}<img src="{$d.old}" alt="{lang member.current}" style="width:32px;height:32px;border-radius:50%;object-fit:cover">{else}{$d.old}{/if}</td>
          <td>{if !empty($d.is_image)}<img src="{$d.new}" alt="{lang member.pending_short}" style="width:32px;height:32px;border-radius:50%;object-fit:cover">{else}{$d.new}{/if}</td>
        </tr>
        {/loop}
        </tbody>
      </table>
      {else}
      <div class="nv-muted" style="font-size:13px">{lang member.no_real_change}</div>
      {/if}
    </div>
    {/loop}
  </div>
</div>
{/if}

<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <table class="member-table">
      <tbody>
        <tr><th style="width:120px">{lang member.account}</th><td>{$user_row.username}</td>
            <th style="width:120px">{lang admin.email}</th><td>{if !empty($user_row.email)}{$user_row.email}{else}—{/if}</td></tr>
        <tr><th>{lang member.phone}</th><td>{if !empty($user_row.mobile)}{$user_row.mobile}{else}—{/if}</td>
            <th>{lang admin.col_group}</th><td>
              {if $user_row.group_id == 1}{lang member.group_super}{elseif $user_row.group_id == 2}{lang member.group_editor}{else}{lang member.group_member}{/if}
            </td></tr>
        <tr><th>{lang member.register_time}</th><td>{$user_row.created_at|date}</td>
            <th>{lang member.register_ip}</th><td>{if !empty($user_row.register_ip)}{$user_row.register_ip}{else}—{/if}</td></tr>
        <tr><th>{lang member.last_login}</th><td>{if $user_row.last_login_at > 0}{$user_row.last_login_at|date}{else}{lang member.never_logged_in}{/if}</td>
            <th>{lang member.last_login_ip}</th><td>{if !empty($user_row.last_login_ip)}{$user_row.last_login_ip}{else}—{/if}</td></tr>
        <tr><th>{lang admin.nickname}</th><td>{$profile.nickname}</td>
            <th>{lang member.province_city}</th><td>{if !empty($profile.province)}{$profile.province}{else}—{/if} / {if !empty($profile.city)}{$profile.city}{else}—{/if}</td></tr>
        <tr><th>{lang member.available_points}</th><td>{$profile.points}</td>
            <th>{lang member.total_points_col}</th><td>{$profile.total_points}</td></tr>
        <tr><th>{lang member.login_count}</th><td>{$user_row.login_count}</td>
            <th>{lang member.fail_count}</th><td>{$user_row.fail_count}</td></tr>
      </tbody>
    </table>
  </div>
</div>

{if $is_super}
<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
      <div class="nv-page-title" style="font-size:15px;margin:0">{lang member.manual_actions}</div>
      {if !empty($rbac_available)}
      <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/rbac/user/{$user_row.id}">{lang member.perm_settings}</a>
      {/if}
    </div>

    {if $is_self}
    <div class="nv-alert" style="margin-bottom:12px">{lang member.self_account_note_1}{lang member.self_account_note_2}</div>
    {/if}

    <form method="post" action="{$entry_prefix}/admin/plugin/member/member/status" style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">
      <input type="hidden" name="user_id" value="{$user_row.id}">
      <input type="text" name="reason" placeholder="{lang member.action_reason_opt}" maxlength="200" style="width:240px">
      <button class="nv-btn" type="submit" name="action" value="enable"{if $user_row.status == 1} disabled{/if}>{lang member.enable}</button>
      <button class="nv-btn" type="submit" name="action" value="disable"{if $user_row.status == 0} disabled{/if}>{lang member.status_disabled}</button>
      <button class="nv-btn" type="submit" name="action" value="lock"{if $user_row.status == 3} disabled{/if}>{lang member.lock}</button>
      <button class="nv-btn" type="submit" name="action" value="unlock"{if $user_row.status == 1 && $user_row.fail_count == 0} disabled{/if}>{lang member.unlock}</button>
    </form>

    <form method="post" action="{$entry_prefix}/admin/plugin/member/member/group" style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">
      <input type="hidden" name="user_id" value="{$user_row.id}">
      <label>{lang admin.col_group}</label>
      <select name="group_id">
        <option value="1"{if $user_row.group_id == 1} selected{/if}>{lang member.group_super}</option>
        <option value="2"{if $user_row.group_id == 2} selected{/if}>{lang member.group_editor}</option>
        <option value="3"{if $user_row.group_id == 3} selected{/if}>{lang member.member}</option>
      </select>
      <button class="nv-btn" type="submit">{lang member.save_user_group}</button>
      <span class="nv-tips">{lang member.group_change_hint_1}</span>
    </form>

    <form id="pwdForm" method="post" action="{$entry_prefix}/admin/plugin/member/member/password" style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">
      <input type="hidden" name="user_id" value="{$user_row.id}">
      <button class="nv-btn" type="submit">{lang member.reset_password}</button>
      <span class="nv-tips">{lang member.reset_password_hint_1}{lang member.reset_password_hint_2}</span>
    </form>
  </div>
</div>
{/if}

<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.recent_logins}</div>
    {if empty($logins)}
    <div class="nv-empty">{lang member.no_login_records}</div>
    {else}
    <table class="member-table">
      <thead><tr><th>{lang admin.col_time}</th><th>{lang member.result}</th><th>{lang member.reason}</th><th>IP</th><th>{lang member.ip_range}</th><th>{lang member.device}</th></tr></thead>
      <tbody>
      {loop $logins as $l}
      <tr>
        <td style="font-size:13px">{$l.created_at|date}</td>
        <td>{if $l.result == 1}<span style="color:#15803d">{lang member.status_success}</span>{else}<span style="color:#b91c1c">{lang member.status_fail}</span>{/if}</td>
        <td style="font-size:13px">{$l.reason}</td>
        <td>{$l.ip}</td>
        <td style="font-size:13px">{$l.location}</td>
        <td style="font-size:13px">{$l.device}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.points_log}</div>
    {if empty($point_logs)}
    <div class="nv-empty">{lang member.no_points_change}</div>
    {else}
    <table class="member-table">
      <thead><tr><th>{lang admin.col_time}</th><th class="nv-num">{lang member.delta}</th><th class="nv-num">{lang member.balance}</th><th>{lang member.scene}</th><th>{lang member.remark}</th><th>{lang member.operator}</th></tr></thead>
      <tbody>
      {loop $point_logs as $p}
      <tr>
        <td style="font-size:13px">{$p.created_at|date}</td>
        <td class="nv-num">{if $p.change > 0}+{$p.change}{else}{$p.change}{/if}</td>
        <td class="nv-num">{$p.balance}</td>
        <td style="font-size:13px">{$p.scene}</td>
        <td style="font-size:13px">{$p.remark}</td>
        <td style="font-size:13px">{$p.operator}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.submit_records}</div>
    {if empty($submits)}
    <div class="nv-empty">{lang member.no_submits}</div>
    {else}
    <table class="member-table">
      <thead><tr><th>{lang admin.title}</th><th>{lang admin.status}</th><th class="nv-num">{lang member.points}</th><th>{lang admin.col_time}</th></tr></thead>
      <tbody>
      {loop $submits as $s}
      <tr>
        <td>{$s.title}</td>
        <td>
          {if $s.status == 0}{lang member.status_pending_review}{elseif $s.status == 1}{lang member.status_approved}{elseif $s.status == 2}{lang member.status_rejected}{else}{lang member.status_withdrawn}{/if}
        </td>
        <td class="nv-num">{$s.points}</td>
        <td style="font-size:13px">{$s.created_at|date}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">
      {lang member.social_follow_a}{$social.following_count}{lang member.social_follow_b}{$social.follower_count}
    </div>
    {if empty($social.following) && empty($social.followers)}
    <div class="nv-empty">{lang member.no_follows}</div>
    {else}
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:18px">
      <div>
        <div class="ms-section-title" style="margin-bottom:8px">{lang member.following_list}</div>
        {if empty($social.following)}
        <div class="nv-muted" style="font-size:13px">{lang member.not_following_anyone}</div>
        {else}
        <ul class="ms-relation-list">
          {loop $social.following as $f}
          <li><a class="nv-link" href="{$entry_prefix}/admin/plugin/member/detail/{$f.user_id}">{if $f.nickname}{$f.nickname}{else}{lang member.member_hash}{$f.user_id}{/if}</a>{if $f.province} <span class="nv-muted">· {$f.province}</span>{/if}</li>
          {/loop}
        </ul>
        {/if}
      </div>
      <div>
        <div class="ms-section-title" style="margin-bottom:8px">{lang member.follower_list}</div>
        {if empty($social.followers)}
        <div class="nv-muted" style="font-size:13px">{lang member.no_followers}</div>
        {else}
        <ul class="ms-relation-list">
          {loop $social.followers as $f}
          <li><a class="nv-link" href="{$entry_prefix}/admin/plugin/member/detail/{$f.user_id}">{if $f.nickname}{$f.nickname}{else}{lang member.member_hash}{$f.user_id}{/if}</a>{if $f.province} <span class="nv-muted">· {$f.province}</span>{/if}</li>
          {/loop}
        </ul>
        {/if}
      </div>
    </div>
    <div style="margin-top:10px"><a class="nv-btn nv-btn-sm" href="{$entry_prefix}/admin/plugin/member/follows?user_id={$user_row.id}">{lang member.view_all_follows}</a></div>
    {/if}
  </div>
</div>

{if $community_enabled && !empty($appointments)}
<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.appt_recent_a}{count($appointments)}{lang member.appt_recent_b}</div>
    <table class="member-table">
      <thead><tr><th>{lang member.appointment_item}</th><th>{lang admin.col_time}</th><th>{lang admin.status}</th><th>{lang member.submitted_time}</th></tr></thead>
      <tbody>
      {loop $appointments as $a}
      <tr>
        <td>{$a.service}</td>
        <td style="font-size:13px">{$a.appoint_date} {$a.appoint_time}</td>
        <td><span class="ma-st ma-st-{$a.status}">{$a.status_name}</span></td>
        <td style="font-size:13px">{$a.created_text}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    <div style="margin-top:10px"><a class="nv-btn nv-btn-sm" href="{$entry_prefix}/admin/plugin/member-community/appointments?user_id={$user_row.id}">{lang member.view_all_appointments}</a></div>
  </div>
</div>
{/if}

{if $actionlog_enabled && !empty($action_logs)}
<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang member.action_log_recent_a}{count($action_logs)}{lang member.action_log_recent_b}</div>
    <table class="member-table">
      <thead><tr><th>{lang admin.col_time}</th><th>{lang admin.operation}</th><th>{lang member.description_col}</th><th>IP</th></tr></thead>
      <tbody>
      {loop $action_logs as $l}
      <tr>
        <td style="font-size:13px">{$l.created_text}</td>
        <td><span class="nv-tag">{$l.action_name}</span></td>
        <td style="font-size:13px">{$l.title}</td>
        <td class="ma-sub">{if $is_super}{$l.ip}{else}—{/if}</td>
      </tr>
      {/loop}
      </tbody>
    </table>
    <div style="margin-top:10px"><a class="nv-btn nv-btn-sm" href="{$entry_prefix}/admin/plugin/member/logs?user_id={$user_row.id}">{lang member.view_full_log}</a></div>
  </div>
</div>
{/if}

<script>
/* 重置密码：结果只显示一次，所以不走页面跳转，直接用 fetch 展示 */
(function () {
  var form = document.getElementById('pwdForm');
  if (!form) return;
  form.addEventListener('submit', function (e) {
    e.preventDefault();
    if (!confirm('{lang member.confirm_reset_password}')) return;

    var body = new FormData(form);
    fetch(form.action, {
      method: 'POST',
      body: body,
      headers: { 'X-Requested-With': 'XMLHttpRequest' },
      credentials: 'same-origin'
    }).then(function (r) { return r.json(); }).then(function (json) {
      if (json && json.code === 0 && json.data && json.data.password) {
        alert('{lang member.new_pass_alert}' + json.data.password);
      } else {
        alert((json && json.message) ? json.message : '{lang member.reset_failed}');
      }
    }).catch(function () { alert('{lang member.network_error}'); });
  });
})();
</script>