{% load markdown_filters %}
<div class="card mm-embed" data-testid="rule-embed">
  <div class="card-header">
    <h5 class="mb-0">
      <i class="fa-solid fa-scale-balanced me-1"></i>
      <span data-testid="embed-entity-name">{{ rule.title }}</span>
    </h5>
    <small class="text-muted">
      <code>{{ rule.slug }}</code> &middot; always_apply: {{ rule.always_apply|yesno:"yes,no" }}
    </small>
  </div>
  <div class="card-body">
    {% if rule.content %}
    <div class="markdown-content mb-3" data-testid="embed-content">
      {{ rule.content|markdown }}
    </div>
    {% else %}
    <p class="text-muted mb-3">No content yet.</p>
    {% endif %}

    {% if activities %}
    <hr class="my-2">
    <h6 class="text-muted small text-uppercase mb-1">Applied in Activities
      <span class="badge bg-secondary ms-1">{{ activities|length }}</span>
    </h6>
    <ul class="list-unstyled small mb-0">
      {% for act in activities %}
      <li>
        <i class="fa-solid fa-list-check text-primary me-1"></i>
        <a href="#" data-navigate-canvas="activity:{{ act.pk }}" class="text-decoration-none">{{ act.name }}</a>
      </li>
      {% endfor %}
    </ul>
    {% endif %}
  </div>
</div>