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

<div class="page-head">
  <div>
    <h1>Цели аналитики</h1>
    <p class="muted" style="font-size:13px;margin:4px 0 0">Что считать конверсией: клик по селектору, визит страницы, отправка формы или своё событие. Цель появляется в трекере без правок кода. «Ценность» — сколько € приносит одно такое действие (для подсчёта окупаемости на дашборде).</p>
  </div>
  <div>
    <a href="/admin/analytics" class="btn btn-secondary">{icon name="chart" size="16"} Дашборд</a>
    <a href="/admin/analytics/goals/create" class="btn btn-primary">{icon name="plus" size="16"} Новая цель</a>
  </div>
</div>

[if {is_empty}="1"]
<div class="empty-state">
  {icon name="tag" size="42"}
  <p>Целей пока нет. Создайте первую — например, клик по кнопке «Заказать».</p>
</div>
[else]
<div class="prod-table-wrap">
<table class="table prod-table">
  <thead>
    <tr><th>Название</th><th>Тип</th><th>Условие</th><th>Ценность</th><th>Статус</th><th></th></tr>
  </thead>
  <tbody>
    [foreach var="goals" as="g"]
      <tr>
        <td><b>{g.name}</b><br><small class="muted">{g.slug}</small></td>
        <td><small>{g.type_label}</small></td>
        <td><small class="muted">{g.match_value}</small></td>
        <td>{g.value_fmt}</td>
        <td>[if {g.is_active}="1"]<span class="badge badge-done">активна</span>[else]<span class="badge">выкл</span>[/if]</td>
        <td>
          <div class="actions">
            <a href="/admin/analytics/goals/{g.id}/edit" title="Изменить">{icon name="edit" size="16"}</a>
            <form method="post" action="/admin/analytics/goals/{g.id}/delete" style="display:inline" onsubmit="return confirm('Удалить цель? Накопленные события сохранятся.')">
              {csrf}
              <button type="submit" class="link-danger" title="Удалить">{icon name="trash" size="16"}</button>
            </form>
          </div>
        </td>
      </tr>
    [/foreach]
  </tbody>
</table>
</div>
[/if]

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