{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang multisite.title}</div>
    <div class="nv-page-desc">
      {lang multisite.desc}
      {lang multisite.desc2}
    </div>
  </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">
    <div class="nv-form-grid">
      <div>
        <div class="nv-label" style="margin-bottom:4px">{lang multisite.current_host}</div>
        <div style="font-size:15px;font-weight:600">{if $current_host}{$current_host}{else}{lang multisite.unknown}{/if}</div>
      </div>
      <div>
        <div class="nv-label" style="margin-bottom:4px">{lang multisite.hit_site}</div>
        <div style="font-size:15px">
          {if !empty($matched)}
          <span class="nv-tag nv-tag-ok">{$matched.name}</span>
          <span style="color:#8a93a3;margin-left:6px">{$matched.domain}</span>
          {else}
          <span class="nv-tag">{lang multisite.main_site}</span>
          <span style="color:#8a93a3;margin-left:6px">{lang multisite.no_site_match}</span>
          {/if}
        </div>
      </div>
    </div>
    <p class="nv-field-hint" style="margin-top:12px">
      {lang multisite.usage}
      {lang multisite.usage2}
    </p>
  </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:14px">{if $edit}{lang multisite.edit_site}: {$edit.name}{else}{lang multisite.add_site}{/if}</div>
    <form method="post" action="{$entry_prefix}/admin/plugin/multi-site/save">
      <input type="hidden" name="_token" value="{$csrf}">
      {if $edit}<input type="hidden" name="id" value="{$edit.id}">{/if}

      <div class="nv-form-grid">
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.domain} <span class="nv-required">*</span></label>
          <input class="nv-input" type="text" name="domain" maxlength="190" required
            value="{if $edit}{$edit.domain}{/if}" placeholder="{lang multisite.domain_ph}">
          <p class="nv-field-hint">{lang multisite.domain_hint}</p>
        </div>
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.site_name} <span class="nv-required">*</span></label>
          <input class="nv-input" type="text" name="name" maxlength="100" required
            value="{if $edit}{$edit.name}{/if}" placeholder="{lang multisite.site_name_ph}">
        </div>
      </div>

      <div class="nv-form-grid nv-mt16">
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.seo_title}</label>
          <input class="nv-input" type="text" name="seo_title" maxlength="255"
            value="{if $edit}{$edit.seo_title}{/if}" placeholder="{lang multisite.seo_title_ph}">
        </div>
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.seo_keywords}</label>
          <input class="nv-input" type="text" name="seo_keywords" maxlength="255"
            value="{if $edit}{$edit.seo_keywords}{/if}" placeholder="{lang multisite.seo_keywords_ph}">
        </div>
      </div>

      <div class="nv-form-row nv-mt16">
        <label class="nv-label">{lang multisite.seo_desc}</label>
        <textarea class="nv-textarea" name="seo_desc" rows="3" placeholder="{lang multisite.seo_desc_ph}">{if $edit}{$edit.seo_desc}{/if}</textarea>
      </div>

      <div class="nv-form-grid nv-mt16">
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.theme_pc}</label>
          <input class="nv-input" type="text" name="theme_pc" maxlength="60" list="ms-themes"
            value="{if $edit}{$edit.theme_pc}{/if}" placeholder="{lang multisite.theme_pc_ph}">
          <p class="nv-field-hint">{lang multisite.theme_pc_hint}</p>
        </div>
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.theme_wap}</label>
          <input class="nv-input" type="text" name="theme_wap" maxlength="60" list="ms-themes"
            value="{if $edit}{$edit.theme_wap}{/if}" placeholder="{lang multisite.theme_wap_ph}">
          <p class="nv-field-hint">{lang multisite.theme_wap_hint}</p>
        </div>
      </div>
      <datalist id="ms-themes">
        {loop $themes as $t}
        <option value="{$t}"></option>
        {/loop}
      </datalist>

      <div class="nv-form-grid nv-mt16">
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.pseudo}</label>
          <input class="nv-input" type="text" name="pseudo" maxlength="24"
            value="{if $edit}{$edit.pseudo}{/if}" placeholder="{lang multisite.pseudo_ph}">
          <p class="nv-field-hint">
            {lang multisite.pseudo_help}
          </p>
        </div>
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.url_style}</label>
          <select class="nv-input" name="url_style">
            <option value="system" {if empty($edit) || $edit.url_style == 'system'}selected{/if}>{lang multisite.url_system}</option>
            <option value="short" {if !empty($edit) && $edit.url_style == 'short'}selected{/if}>{lang multisite.url_short}</option>
            <option value="news" {if !empty($edit) && $edit.url_style == 'news'}selected{/if}>{lang multisite.url_news}</option>
          </select>
          <p class="nv-field-hint">{lang multisite.url_hint}</p>
        </div>
      </div>

      <div class="nv-form-grid nv-mt16">
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.icp}</label>
          <input class="nv-input" type="text" name="icp" maxlength="100"
            value="{if $edit}{$edit.icp}{/if}" placeholder="{lang multisite.icp_ph}">
        </div>
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.copyright}</label>
          <input class="nv-input" type="text" name="copyright" maxlength="255"
            value="{if $edit}{$edit.copyright}{/if}" placeholder="{lang multisite.copyright_ph}">
        </div>
      </div>

      <div class="nv-form-row nv-mt16">
        <label class="nv-label">{lang multisite.statistics}</label>
        <textarea class="nv-textarea" name="statistics" rows="4"
          placeholder="{lang multisite.statistics_ph}">{if $edit}{$edit.statistics}{/if}</textarea>
      </div>

      <div class="nv-form-grid nv-mt16">
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.sort}</label>
          <input class="nv-input" type="number" name="sort" value="{if $edit}{$edit.sort}{else}0{/if}">
          <p class="nv-field-hint">{lang multisite.sort_hint}</p>
        </div>
        <div class="nv-form-row nv-mb0">
          <label class="nv-label">{lang multisite.close_site}</label>
          <select class="nv-input" name="status">
            <option value="0" {if !empty($edit) && $edit.status == 0}selected{/if}>{lang multisite.close_yes}</option>
            <option value="1" {if empty($edit) || $edit.status == 1}selected{/if}>{lang multisite.close_no}</option>
          </select>
          <p class="nv-field-hint">{lang multisite.close_hint}</p>
        </div>
      </div>

      <div class="nv-toolbar" style="margin-top:16px">
        <button class="nv-btn nv-btn-primary" type="submit">{lang admin.submit}</button>
        {if $edit}<a class="nv-btn" href="{$entry_prefix}/admin/plugin/multi-site">{lang admin.cancel}</a>{/if}
      </div>
    </form>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    {if !empty($rows)}
    <table class="nv-table">
      <thead>
        <tr>
          <th>{lang multisite.col_domain}</th>
          <th>{lang multisite.site_name}</th>
          <th>{lang multisite.col_theme}</th>
          <th>{lang multisite.col_url_style}</th>
          <th>{lang multisite.col_pseudo}</th>
          <th class="nv-num">{lang multisite.sort}</th>
          <th>{lang admin.status}</th>
          <th>{lang admin.operation}</th>
        </tr>
      </thead>
      <tbody>
      {loop $rows as $r}
      <tr>
        <td><span style="font-family:ui-monospace,Menlo,Consolas,monospace">{$r.domain}</span></td>
        <td>{$r.name}</td>
        <td>
          {if !empty($r.theme_pc)}{$r.theme_pc}{else}<span style="color:#8a93a3">{lang multisite.system_default}</span>{/if}
          {if !empty($r.theme_wap)}<span class="nv-tag" style="margin-left:4px">WAP {$r.theme_wap}</span>{/if}
        </td>
        <td>
          {if $r.url_style == 'short'}/a/123.html
          {elseif $r.url_style == 'news'}/news/123.html
          {else}<span style="color:#8a93a3">{lang multisite.follow_system}</span>{/if}
        </td>
        <td>{if !empty($r.pseudo)}<code>{$r.pseudo}</code>{else}<span style="color:#8a93a3">-</span>{/if}</td>
        <td class="nv-num">{$r.sort}</td>
        <td>{if $r.status == 1}<span class="nv-tag nv-tag-ok">{lang multisite.open}</span>{else}<span class="nv-tag">{lang admin.close}</span>{/if}</td>
        <td style="white-space:nowrap">
          <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/plugin/multi-site?edit={$r.id}">{lang admin.edit}</a>
          <form method="post" action="{$entry_prefix}/admin/plugin/multi-site/toggle" style="display:inline">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="id" value="{$r.id}">
            <button class="nv-btn nv-btn-xs" type="submit">{if $r.status == 1}{lang admin.close}{else}{lang multisite.open}{/if}</button>
          </form>
          <form method="post" action="{$entry_prefix}/admin/plugin/multi-site/delete" style="display:inline" onsubmit="return confirm('{lang multisite.confirm_delete}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="id" value="{$r.id}">
            <button class="nv-btn nv-btn-xs nv-btn-danger" type="submit">{lang admin.delete}</button>
          </form>
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {else}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang multisite.empty_title}</div>
      <div>{lang multisite.empty_hint}</div>
    </div>
    {/if}
  </div>
</div>