{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.import_members}</div>
    <div class="nv-page-desc">{lang member.import_desc_1}{lang member.import_desc_2}</div>
  </div>
  <div><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}

<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <p style="margin:0 0 10px;font-size:13px;line-height:1.9">
      <strong>{lang member.column_order}</strong>
      <code>username,email,nickname,province,city,points,password</code><br>
      {lang member.only_prefix}<code>username</code> {lang member.required_suffix}<code>password</code> {lang member.import_password_hint_a}<b>{lang member.import_password_hint_b}</b>。<br>
      {lang member.import_skip_hint_1}{lang member.import_skip_hint_2}
    </p>
    <pre style="background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:10px;font-size:12px;overflow:auto">username,email,nickname,province,city,points,password
zhangsan,zhangsan@example.com,{lang member.ph_zhangsan},{lang member.ph_guangdong},{lang member.ph_guangzhou},0,
lisi,lisi@example.com,{lang member.ph_lisi},{lang member.ph_zhejiang},{lang member.ph_hangzhou},100,</pre>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    <form method="post" action="{$entry_prefix}/admin/plugin/member/import" enctype="multipart/form-data">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">
      <div class="member-field">
        <label for="csvFile">{lang member.csv_file}</label>
        <input id="csvFile" type="file" name="csv" accept=".csv,text/csv" required>
      </div>
      <div style="margin-top:12px">
        <button class="nv-btn nv-btn-primary" type="submit">{lang member.start_import}</button>
        <span class="nv-tips">{lang member.import_defaults_1}{lang member.import_defaults_2}</span>
      </div>
    </form>
  </div>
</div>

{if !empty($result)}
<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">
      {lang member.import_result_a}{$result.created_count}{lang member.import_result_b}{$result.errors_count}{lang member.import_result_c}
    </div>

    {if !empty($result.created)}
    <p style="font-size:13px;color:#b45309;margin:0 0 8px">
      {lang member.import_password_save_1}{lang member.import_password_save_2}
    </p>
    <table class="member-table">
      <thead><tr><th>{lang member.row_no}</th><th>{lang member.account}</th><th>{lang member.initial_password}</th></tr></thead>
      <tbody>
      {loop $result.created as $c}
      <tr>
        <td>{$c.line}</td>
        <td>{$c.username}</td>
        <td><code>{$c.password}</code></td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}

    {if !empty($result.errors)}
    <div style="margin-top:14px">
      <div style="font-size:13px;font-weight:500;margin-bottom:6px">{lang member.skipped_rows}</div>
      <ul style="margin:0;padding-left:20px;font-size:13px;color:#b91c1c;line-height:1.9">
        {loop $result.errors as $err}
        <li>{$err}</li>
        {/loop}
      </ul>
    </div>
    {/if}
  </div>
</div>
{/if}