{% from "components.html" import pill %}
<div class="run__body run__body--runner">
    <div class="run__column">
        <section class="card run__card">
            <div class="run__card-header">
                <h3 class="run__card-title">SECRET</h3>
            </div>
            <dl class="run__facts">
                {% for fact in secret.facts %}
                    <dt>{{ fact.label }}</dt>
                    <dd>
                        {{ fact.value }}
                    </dd>
                {% endfor %}
            </dl>
            <p class="image__hint table__secondary">{{ write_only_note }}</p>
        </section>
        <section class="card run__card">
            <div class="run__card-header">
                <h3 class="run__card-title">NAMED BY · {{ secret.named | length }}</h3>
            </div>
            <ul class="profile__policies">
                {% for item in secret.named %}
                    <li class="profile__policy">
                        <div class="profile__policy-head">
                            <span class="profile__tag">{{ item.tag }}</span>
                            {% if item.href %}
                                <a class="profile__policy-id run__fact-link{{ " run__mono" if not item.name }}"
                                   href="{{ item.href }}"
                                   hx-get="{{ item.href }}"
                                   hx-target="#overlay">{{ item.name or item.id }}</a>
                            {% else %}
                                <span class="profile__policy-id run__mono">{{ item.id }}</span>
                            {% endif %}
                        </div>
                        <span class="profile__policy-summary">{{ item.line }}</span>
                    </li>
                {% else %}
                    <li class="profile__policy table__secondary">no server or policy names this secret</li>
                {% endfor %}
            </ul>
            <p class="image__hint table__secondary">{{ named_note }}</p>
        </section>
    </div>
    <div class="run__column">
        <section class="card run__card">
            <div class="run__card-header">
                <h3 class="run__card-title">
                    HELD BY · {{ secret.held | length }} {{ "RUN" if secret.held | length == 1 else "RUNS" }}
                </h3>
            </div>
            <ul class="panel__list">
                {% for run in secret.held %}
                    <li class="panel__run runner__run"
                        tabindex="0"
                        hx-get="/runs/{{ run.id }}"
                        hx-target="#overlay"
                        hx-trigger="click, keyup[key=='Enter']">
                        <span class="run__strong">#{{ run.seq }}</span>
                        <span class="table__secondary">{{ run.profile }}</span>
                        {{ pill(run.status, run.tone) }}
                    </li>
                {% else %}
                    <li class="panel__run table__secondary">no open run holds this secret</li>
                {% endfor %}
            </ul>
            <p class="image__hint table__secondary">{{ held_note }}</p>
        </section>
    </div>
</div>