{% for block in item_blocks %}
<div class="cp-card sp-items" id="{{ block.kind }}">
  <div class="cp-card-head"><h2>{{ block.heading }}</h2><p>{{ block.intro }}</p></div>

  {% for entry in block.items %}
  <details class="sp-item"{% if entry.open %} open{% endif %}>
    <summary>
      <span class="sp-item-title"><strong>{{ entry.obj.summary_line }}</strong>{% if entry.obj.period %}<small>{{ entry.obj.period }}</small>{% endif %}</span>
      <i class="fas fa-chevron-down"></i>
    </summary>
    <form method="post" class="sp-item-form">
      {% csrf_token %}<input type="hidden" name="section" value="{{ section }}"><input type="hidden" name="kind" value="{{ block.kind }}"><input type="hidden" name="item" value="{{ entry.obj.pk }}">
      {% include 'seekers/profile_edit/item_fields.html' with form=entry.form %}
      <div class="cp-product-actions">
        <button type="submit" name="action" value="item_update" class="btn btn-primary btn-sm">Save</button>
        <button type="submit" name="action" value="item_delete" class="btn btn-outline btn-sm" onclick="return confirm('Remove this entry?');" formnovalidate>Remove</button>
      </div>
    </form>
  </details>
  {% empty %}
  <p class="cp-empty">Nothing added yet.</p>
  {% endfor %}

  <details class="sp-item sp-item-new"{% if block.new_open %} open{% endif %}>
    <summary><span class="sp-item-title"><strong><i class="fas fa-plus"></i> {{ block.add_label }}</strong></span><i class="fas fa-chevron-down"></i></summary>
    <form method="post" class="sp-item-form">
      {% csrf_token %}<input type="hidden" name="section" value="{{ section }}"><input type="hidden" name="kind" value="{{ block.kind }}">
      {% include 'seekers/profile_edit/item_fields.html' with form=block.new_form %}
      <div class="cp-product-actions"><button type="submit" name="action" value="item_add" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> {{ block.add_label }}</button></div>
    </form>
  </details>
</div>
{% endfor %}