{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang admin.plugin_config} · {$plugin.title|default={lang admin.plugins}}</div>
    <div class="nv-page-desc">{lang admin.plugin_ident} <span class="nv-tag">{$plugin.name}</span>{if $plugin.version} · v{$plugin.version}{/if}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin">{lang admin.back_plugin_list}</a>
  </div>
</div>

<form class="nv-card" method="post" action="{$entry_prefix}/admin/plugin/config/{$plugin.name}">
  <input type="hidden" name="_token" value="{$csrf}">
  <input type="hidden" name="_form_token" value="{$form_token}">

  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.config_items}</span>
    <span class="nv-muted">{lang admin.save_effect_now}</span>
  </div>

  <div class="nv-card-body">
    {if $config_fields}
    {foreach $config_fields as $f}
    <div class="nv-form-item">
      <label class="nv-label" for="cfg_{$f.name}">{$f.label}</label>
      <div class="nv-control">
        {if $f.type == 'textarea'}
        <textarea class="nv-textarea" id="cfg_{$f.name}" name="config[{$f.name}]" rows="4">{$f.value}</textarea>
        {elseif $f.type == 'switch'}
        <label class="nv-switch">
          <input type="hidden" name="config[{$f.name}]" value="0">
          <input type="checkbox" name="config[{$f.name}]" value="1" {if $f.value == 1}checked{/if}>
          <span></span>
        </label>
        {elseif $f.type == 'number'}
        <input class="nv-input" type="number" id="cfg_{$f.name}" name="config[{$f.name}]" value="{$f.value}">
        {elseif $f.type == 'select'}
        <select class="nv-input" id="cfg_{$f.name}" name="config[{$f.name}]">
          {foreach $f.option_list as $ok => $ol}
          <option value="{$ok}" {if $f.value == $ok}selected{/if}>{$ol}</option>
          {/foreach}
        </select>
        {else}
        <input class="nv-input" type="text" id="cfg_{$f.name}" name="config[{$f.name}]" value="{$f.value}"{if $f.placeholder} placeholder="{$f.placeholder}"{/if}>
        {/if}
        {if $f.tips}<p class="nv-tips">{$f.tips}</p>{/if}
      </div>
    </div>
    {/foreach}
    {else}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang admin.plugin_no_config}</div>
      <div>{lang admin.plugin_config_hint}</div>
    </div>
    {/if}
  </div>

  <div class="nv-toolbar">
    <button class="nv-btn nv-btn-primary" type="submit">{lang admin.save_config}</button>
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin">{lang admin.cancel}</a>
  </div>
</form>