{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang seo404.title}</div>
    <div class="nv-page-desc">{lang seo404.desc}</div>
  </div>
</div>

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

<form method="post" action="{$entry_prefix}/admin/plugin/seo404/save">
  <input type="hidden" name="_token" value="{$csrf}">
  <input type="hidden" name="_form_token" value="{$form_token}">

  <div class="nv-card">
    <div class="nv-card-body">
      <div class="nv-page-title" style="font-size:15px;margin-bottom:14px">{lang seo404.rules}</div>

      <div class="nv-form-row">
        <label class="nv-label">{lang seo404.enable}</label>
        <label class="nv-switch">
          <input type="hidden" name="enabled" value="0">
          <input type="checkbox" name="enabled" value="1" {if $cfg.enabled}checked{/if}>
          <span></span>
        </label>
        <p class="nv-field-hint">{lang seo404.enable_hint}</p>
      </div>

      <div class="nv-form-row">
        <label class="nv-label" for="s4-mode">{lang seo404.mode}</label>
        <select class="nv-input" id="s4-mode" name="mode">
          <option value="random_node" {if $cfg.mode == 'random_node'}selected{/if}>{lang seo404.mode_random_node}</option>
          <option value="random_content" {if $cfg.mode == 'random_content'}selected{/if}>{lang seo404.mode_random_content}</option>
          <option value="home" {if $cfg.mode == 'home'}selected{/if}>{lang seo404.mode_home}</option>
        </select>
        <p class="nv-field-hint">{lang seo404.mode_hint}</p>
      </div>

      <div class="nv-form-row">
        <label class="nv-label" for="s4-status">{lang seo404.status_code}</label>
        <select class="nv-input" id="s4-status" name="status">
          <option value="302" {if $cfg.status == 302}selected{/if}>{lang seo404.status_302}</option>
          <option value="301" {if $cfg.status == 301}selected{/if}>{lang seo404.status_301}</option>
        </select>
        <p class="nv-field-hint">{lang seo404.status_hint}</p>
      </div>

      <div class="nv-form-row">
        <label class="nv-label" for="s4-exclude">{lang seo404.exclude}</label>
        <textarea class="nv-textarea" id="s4-exclude" name="exclude" rows="4">{loop $cfg.exclude as $ex}{$ex}
{/loop}</textarea>
        <p class="nv-field-hint">{lang seo404.exclude_hint}</p>
      </div>

      <div class="nv-toolbar" style="margin-top:6px">
        <button class="nv-btn nv-btn-primary" type="submit">{lang seo404.save_settings}</button>
      </div>
    </div>
  </div>
</form>

<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    <div class="nv-page-title" style="font-size:15px;margin-bottom:8px">{lang seo404.notes}</div>
    <ul class="nv-muted" style="margin:0;padding-left:18px;line-height:1.9">
      <li>{lang seo404.note1}</li>
      <li>{lang seo404.note2}</li>
      <li>{lang seo404.note3}</li>
      <li>{lang seo404.note4}</li>
      <li>{lang seo404.note5}</li>
    </ul>
  </div>
</div>