{# Iterates over the user's per-profile Overview layout, rendering one
   row at a time via per-key partials. `layout` comes from /portfolio/body.
   Hidden rows are omitted when edit_mode is off (no HTMX request for them).
   In edit mode (purely client-side via Alpine), hidden rows render as a
   placeholder users can click to restore. #}
{% if oob_subline_html %}{{ oob_subline_html|safe }}{% endif %}

{% set _row_templates = {
  "inbox":      "_portfolio_row_inbox.html",
  "kpis":       "_portfolio_row_kpis.html",
  "curves":     "_portfolio_row_curves.html",
  "monthly_pl": "_portfolio_row_monthly_pl.html",
  "allocation": "_portfolio_row_allocation.html",
  "top_movers": "_portfolio_row_top_movers.html",
} %}
<div id="overview-rows" data-edit-mode="off">
  {% set _visible_count = layout.rows | reject('in', layout.hidden) | list | length %}
  {% if _visible_count == 0 %}
    <div class="row-hidden-placeholder">
      All Overview rows are hidden. Click <strong>Edit layout</strong> to restore.
    </div>
  {% endif %}
  {% for key in layout.rows %}
    {% set _hidden = key in layout.hidden %}
    {% if edit_mode or not _hidden %}
      <div class="overview-row" data-row-key="{{ key }}"
           x-data='{ hidden: {{ _hidden|tojson }} }'>
        <button class="row-grip" data-handle aria-label="Drag to reorder" type="button">
          <img src="/static/icons/grip-vertical.svg?v={{ asset_v }}" class="w-4 h-4 icon-mono" alt="">
        </button>
        <button class="row-eye" aria-label="Toggle visibility" type="button"
                @click="hidden = !hidden; fetch('/portfolio/layout/visibility', {
                  method: 'POST',
                  headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                  body: new URLSearchParams({row: '{{ key }}', hidden: String(hidden)})
                })">
          <img src="/static/icons/eye.svg?v={{ asset_v }}" class="w-4 h-4 icon-mono" alt="Show" x-show="!hidden">
          <img src="/static/icons/eye-off.svg?v={{ asset_v }}" class="w-4 h-4 icon-mono" alt="Hide" x-show="hidden">
        </button>
        {% if _hidden %}
          <div class="row-hidden-placeholder">Hidden · click eye to restore</div>
        {% else %}
          {% include _row_templates[key] %}
        {% endif %}
      </div>
    {% endif %}
  {% endfor %}
</div>