{include file="_partials/head.tpl"}

<div class="page-head">
  <div>
    <h1>{lang key="shop.settings.title"}</h1>
    <p class="muted">{lang key="shop.settings.subtitle"}</p>
  </div>
  <div class="actions">
    <span class="muted">{lang key="shop.settings.example"}: <b>{preview}</b></span>
  </div>
</div>

<div class="prod-tabs" style="margin-bottom:18px">
  [foreach var="tabs" as="t"]
    <a href="/admin/shop/settings?tab={t.key}" class="prod-tab [if {tab}={t.key}]is-active[/if]">
      {icon name="{t.icon}" size="14"} {t.label}
    </a>
  [/foreach]
</div>

<form method="post" action="/admin/shop/settings/save" class="card">
  {csrf}
  <input type="hidden" name="tab" value="{tab}">

  [foreach var="fields" as="f"]
    <div class="form-group">
      [if {f.type}="checkbox"]
        <label class="checkbox">
          <input type="checkbox" name="shop[{f.short}]" value="1" [if {f.checked}]checked[/if]>
          {f.label}
        </label>
      [else]
        <label>{f.label}</label>
        [if {f.type}="textarea"]
          <textarea name="shop[{f.short}]" rows="4">{f.value}</textarea>
        [/if]
        [if {f.type}="select"]
          <select name="shop[{f.short}]">
            [foreach var="f.options" as="opt"]
              <option value="{opt.value}" [if {f.value}={opt.value}]selected[/if]>{opt.label}</option>
            [/foreach]
          </select>
        [/if]
        [if {f.type}="text"]
          <input type="text" name="shop[{f.short}]" value="{f.value}">
        [/if]
        [if {f.type}="email"]
          <input type="email" name="shop[{f.short}]" value="{f.value}">
        [/if]
        [if {f.type}="number"]
          <input type="number" step="any" name="shop[{f.short}]" value="{f.value}">
        [/if]
      [/if]
      [if {f.help}]<small class="help">{f.help}</small>[/if]
    </div>
  [/foreach]

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">{lang key="admin.save"}</button>
    <a href="/admin/shop/products" class="btn btn-secondary">{lang key="admin.cancel"}</a>
  </div>
</form>

<div class="card" style="margin-top:18px">
  <h3>Как меняется отображение цены</h3>
  <p class="muted">При смене символа, позиции или числа знаков после запятой — значение применяется ко всем шаблонам, использующим тег <code>{lang key="admin.tag_price_example"}</code>, к карточкам товара и виджету магазина в дашборде.</p>
  <p>Сейчас сумма <b>12&nbsp;345.67</b> отобразится так: <span style="font-size:18px;font-weight:600;color:var(--accent)">{preview}</span></p>
</div>

{include file="_partials/foot.tpl"}
