{layout admin/layout}
{* 预约管理页从 member 迁来，表格/统计条（.member-table/.member-pager/.ma-*）仍复用会员插件样式；
   本插件硬依赖 member（plugin.json depends），直接引用会员样式表不会失效。 *}
<link rel="stylesheet" href="/plugin/member/static/member.css">
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/member-community/static/community.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang community.appt_title}</div>
    <div class="nv-page-desc">{lang community.appt_desc}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn{if $filters.status == ''} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member-community/appointments">{lang community.filter_all}</a>
    <a class="nv-btn{if $filters.status == '0'} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member-community/appointments?status=0">{lang community.status_pending}（{$stats.pending}）</a>
    <a class="nv-btn{if $filters.status == '1'} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member-community/appointments?status=1">{lang community.status_confirmed}</a>
    <a class="nv-btn{if $filters.status == '2'} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member-community/appointments?status=2">{lang community.status_done}</a>
  </div>
</div>

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

<div class="nv-card">
  <div class="nv-card-body">
    <div class="ma-stat-row">
      <div class="ma-stat">
        <span class="ma-stat-num">{$stats.total}</span>
        <span class="ma-stat-label">{lang community.stat_total}</span>
      </div>
      <div class="ma-stat">
        <span class="ma-stat-num">{$stats.today}</span>
        <span class="ma-stat-label">{lang community.stat_today}</span>
      </div>
      <div class="ma-stat">
        <span class="ma-stat-num ma-warn">{$stats.pending}</span>
        <span class="ma-stat-label">{lang community.status_pending}</span>
      </div>
    </div>

    <form class="ma-filter" method="get" action="{$entry_prefix}/admin/plugin/member-community/appointments">
      <input class="nv-input" type="text" name="keyword" value="{$filters.keyword}" placeholder="{lang community.ph_keyword}">
      <input class="nv-input" type="text" name="username" value="{$filters.username}" placeholder="{lang community.ph_username}">
      <input class="nv-input" type="number" name="user_id" value="{if $filters.user_id>0}{$filters.user_id}{/if}" placeholder="{lang community.ph_user_id}">
      <input class="nv-input" type="date" name="date_from" value="{$filters.date_from}">
      <span class="nv-muted">{lang community.to}</span>
      <input class="nv-input" type="date" name="date_to" value="{$filters.date_to}">
      <select class="nv-input" name="status">
        <option value="">{lang community.filter_status_all}</option>
        {loop $status_map as $sid => $sname}
        <option value="{$sid}"{if $filters.status == $sid} selected{/if}>{$sname}</option>
        {/loop}
      </select>
      <button class="nv-btn nv-btn-primary" type="submit">{lang community.filter}</button>
      <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member-community/appointments">{lang community.reset}</a>
    </form>
  </div>
</div>

<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    {if empty($list.items)}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang community.empty_title}</div>
      <div>{lang community.empty_hint}</div>
    </div>
    {else}
    <table class="member-table ma-table">
      <thead>
        <tr>
          <th>{lang community.col_time}</th>
          <th>{lang community.col_person}</th>
          <th>{lang community.col_target}</th>
          <th>{lang community.col_service}</th>
          <th>{lang community.col_note}</th>
          <th>{lang community.col_extra}</th>
          <th>{lang admin.status}</th>
          <th>{lang community.col_submitted}</th>
          <th style="width:300px">{lang admin.operation}</th>
        </tr>
      </thead>
      <tbody>
      {loop $list.items as $a}
      <tr>
        <td class="ma-when">
          <b>{$a.appoint_date}</b>
          <span>{$a.appoint_time}</span>
        </td>
        <td>
          <div class="ma-who">{$a.name}</div>
          <div class="ma-sub">{$a.phone}</div>
          {if $a.username}<div class="ma-sub">{lang community.account}: {$a.username}</div>{/if}
        </td>
        <td>
          {if $a.to_member_name}
          <div class="ma-who">{$a.to_member_name}</div>
          <div class="ma-sub">{lang community.member_id}: {$a.to_member_id}</div>
          {else}
          <span class="nv-muted">—</span>
          {/if}
        </td>
        <td>{$a.service}</td>
        <td class="ma-note">{if $a.remark}{$a.remark}{else}<span class="nv-muted">—</span>{/if}</td>
        <td class="ma-note">
          {* 自定义字段（来自后台字段管理）：data 里除 _ip 外都是业务字段 *}
          {if $a.data && !empty($a.data)}
            {loop $a.data as $k => $v}
              {if $k != '_ip' && $v !== '' && $v !== null}
              <div><span class="nv-muted">{$k}：</span>{$v}</div>
              {/if}
            {/loop}
          {else}
          <span class="nv-muted">—</span>
          {/if}
        </td>
        <td><span class="ma-st ma-st-{$a.status}">{$a.status_name}</span></td>
        <td class="ma-sub">{$a.created_text}</td>
        <td>
          <form class="ma-actions" method="post" action="{$entry_prefix}/admin/plugin/member-community/appointment/status">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="_form_token" value="{$form_token}">
            <input type="hidden" name="id" value="{$a.id}">
            <input class="nv-input nv-input-sm ma-note-input" type="text" name="note" maxlength="200"
              placeholder="{lang community.note_ph}" value="{$a.admin_note}">
            {if $a.status == 0}
            <button class="nv-btn nv-btn-primary nv-btn-xs" type="submit" name="status" value="1">{lang community.confirm_action}</button>
            <button class="nv-btn nv-btn-xs" type="submit" name="status" value="4"
              onclick="return confirm('{lang community.confirm_reject}')">{lang community.reject}</button>
            {elseif $a.status == 1}
            <button class="nv-btn nv-btn-primary nv-btn-xs" type="submit" name="status" value="2">{lang community.done}</button>
            <button class="nv-btn nv-btn-xs" type="submit" name="status" value="3"
              onclick="return confirm('{lang community.confirm_cancel}')">{lang admin.cancel}</button>
            {else}
            <span class="nv-muted" style="font-size:12px">{lang community.processed}</span>
            {/if}
          </form>
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

{if $list.last_page > 1}
<div class="member-pager">
  {if $list.page > 1}
  <a href="{$entry_prefix}/admin/plugin/member-community/appointments?page={$prev_page}&amp;status={$filters.status}&amp;keyword={$filters.keyword}&amp;username={$filters.username}&amp;user_id={$filters.user_id}&amp;date_from={$filters.date_from}&amp;date_to={$filters.date_to}">{lang admin.prev_page}</a>
  {else}
  <span class="is-disabled">{lang admin.prev_page}</span>
  {/if}
  <span class="is-current">{$list.page} / {$list.last_page}</span>
  {if $list.page < $list.last_page}
  <a href="{$entry_prefix}/admin/plugin/member-community/appointments?page={$next_page}&amp;status={$filters.status}&amp;keyword={$filters.keyword}&amp;username={$filters.username}&amp;user_id={$filters.user_id}&amp;date_from={$filters.date_from}&amp;date_to={$filters.date_to}">{lang admin.next_page}</a>
  {else}
  <span class="is-disabled">{lang admin.next_page}</span>
  {/if}
</div>
{/if}