{#
  Shared template macros for tracking-setup.

  Convention (mirroring scenes-v2 /srv/home/scenes-v2/app/templates/):
  - Partials are prefixed with `_` and live in /app/templates/.
  - Import what you need at the top of a template:
      {% from "_macros.html" import status_badge, kind_badge, action_card %}

  When a UI fragment is used in 2+ places, extract it here. Don't copy-paste HTML
  across templates.
#}

{# Status pill (draft, sent, in_review, approved, etc.). Class hooks live in static/style.css. #}
{% macro status_badge(status) -%}
<span class="status status-{{ status }}">{{ status|replace('_', ' ') }}</span>
{%- endmacro %}


{# Action-kind chip (event, conversion_marking, ads_import, custom_dimension, etc.). #}
{% macro kind_badge(kind) -%}
<span class="badge kind-{{ kind }}">{{ kind|replace('_', ' ') }}</span>
{%- endmacro %}


{#
  One Action card. Three render modes:
    mode='internal' — shows edit/delete forms, full spec JSON.
    mode='review'   — shows approve/reject form + comment thread (client-facing).
    mode='pdf'      — print-friendly, no forms, spec rendered as <dl>.

  `a` is a dict (or sqlite3.Row converted to dict) with: id, kind, title, status,
  notes_md, proposed_spec_json, spec, spec_pretty (pre-rendered), comments?
#}
{% macro action_card(a, mode='internal') %}
  <li class="action-card{% if mode == 'review' %} review-card{% endif %}" id="a{{ a.id }}">
    <div class="action-head">
      {{ kind_badge(a.kind) }}
      <strong>{{ a.title }}</strong>
      {{ status_badge(a.status) }}
    </div>

    {% if a.notes_md %}
      <div class="action-notes"><pre class="notes-md">{{ a.notes_md }}</pre></div>
    {% endif %}

    {% if mode == 'pdf' %}
      {% if a.spec %}
        <dl class="spec">
          {% for k, v in a.spec.items() %}
            <dt>{{ k }}</dt>
            <dd>{{ v if v is string or v is number or v is boolean else v|tojson }}</dd>
          {% endfor %}
        </dl>
      {% endif %}
    {% elif mode == 'internal' %}
      <details>
        <summary>Spec ({{ a.spec.event_name or a.spec.name or 'see details' }})</summary>
        <pre class="spec">{{ a.spec_pretty }}</pre>
      </details>
      <details class="edit-form">
        <summary>Edit / delete</summary>
        <form method="post" action="/actions/{{ a.id }}/edit">
          <label>Title <input type="text" name="title" value="{{ a.title }}" required></label>
          <label>Notes (markdown)<textarea name="notes_md" rows="4">{{ a.notes_md or '' }}</textarea></label>
          <label>Spec JSON<textarea name="proposed_spec_json" rows="10" class="mono">{{ a.spec_pretty }}</textarea></label>
          <button type="submit">Save</button>
        </form>
        <form method="post" action="/actions/{{ a.id }}/delete" class="inline" onsubmit="return confirm('Delete this action?');">
          <button type="submit" class="danger">Delete</button>
        </form>
      </details>
    {% else %}
      {# review mode #}
      {% if a.spec %}
        <details class="spec-details">
          <summary>Technical detail</summary>
          <ul class="spec-list">
            {% for k, v in a.spec.items() %}
              <li><strong>{{ k }}:</strong> {{ v if v is string or v is number or v is boolean else v|tojson }}</li>
            {% endfor %}
          </ul>
        </details>
      {% endif %}

      {% if a.comments %}
        <div class="comment-thread">
          {% for c in a.comments %}
            <div class="comment">
              <strong>{{ c.name or c.email }}</strong>
              <span class="muted small">{{ c.created_at }}</span>
              <div>{{ c.body }}</div>
            </div>
          {% endfor %}
        </div>
      {% endif %}

      <form method="post" action="/actions/{{ a.id }}/review" class="review-form">
        <textarea name="comment" rows="2" placeholder="Optional comment…"></textarea>
        <div class="review-buttons">
          <button type="submit" name="decision" value="approved" class="primary">Approve</button>
          <button type="submit" name="decision" value="rejected" class="danger">Reject</button>
          {% if a.status != 'proposed' %}
            <button type="submit" name="decision" value="proposed" class="muted-button">Reset</button>
          {% endif %}
        </div>
      </form>
    {% endif %}
  </li>
{% endmacro %}


{#
  Client/Org row link with status. Used in dashboard tables.
#}
{% macro client_row(c, show_org=true) -%}
<tr>
  <td><a href="/clients/{{ c.id }}">{{ c.name }}</a></td>
  {% if show_org %}<td>{{ c.org_name }}</td>{% endif %}
  <td><a href="{{ c.primary_url }}" rel="noopener" target="_blank">{{ c.primary_url }}</a></td>
  <td>{{ c.status }}</td>
</tr>
{%- endmacro %}