{% from "components.html" import pill %}
<div class="run__body run__body--logs policy__used-body">
    <section class="card run__card">
        <div class="run__card-header">
            <h3 class="run__card-title">NAMED BY · {{ secret.named | length }}</h3>
            <span class="table__secondary">delete is refused while anything here names it</span>
        </div>
        <table class="table policy__used secret__used--named">
            <thead>
                <tr>
                    <th>WHAT</th>
                    <th>KIND</th>
                    <th>AS</th>
                    <th>SCOPE</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for item in secret.named %}
                    <tr>
                        <td>
                            <div class="run__strong" title="{{ item.id }}">{{ item.name or item.short_id }}</div>
                            <div class="table__id">{{ item.role }}</div>
                        </td>
                        <td class="run__mono">{{ item.kind }}</td>
                        <td>{{ pill('CREDENTIAL', 'blue') }}</td>
                        <td>
                            <div>{{ item.scope }}</div>
                            <div class="table__secondary">{{ item.scope_note }}</div>
                        </td>
                        <td>
                            {% if item.href %}
                                <a class="action"
                                   href="{{ item.href }}"
                                   hx-get="{{ item.href }}"
                                   hx-target="#overlay">{{ "Open server" if item.tag == "reg" else "Open policy" }}</a>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td class="table__secondary" colspan="5">no server or policy names this secret</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </section>
    <section class="card run__card">
        <div class="run__card-header">
            <h3 class="run__card-title">RUNS · {{ secret.runs | length }}</h3>
            <span class="table__secondary">{{ secret.held | length }} hold it now · a row opens the run</span>
        </div>
        <table class="table policy__used secret__used--runs">
            <thead>
                <tr>
                    <th>RUN</th>
                    <th>STATUS</th>
                    <th>PROFILE</th>
                    <th>ACCESS</th>
                    <th>LAST</th>
                </tr>
            </thead>
            <tbody>
                {% for run in secret.runs %}
                    <tr class="runs-table__row"
                        tabindex="0"
                        hx-get="/runs/{{ run.id }}"
                        hx-target="#overlay"
                        hx-trigger="click, keyup[key=='Enter']">
                        <td>
                            <div class="run__strong">#{{ run.seq }}</div>
                            <div class="table__id" title="{{ run.id }}">{{ run.id }}</div>
                        </td>
                        <td>{{ pill(run.status, run.tone) }}</td>
                        <td>{{ run.profile }}</td>
                        <td>
                            <span>{{ run.access }}</span>
                            {% if run.note %}<span class="table__secondary runner-runs__image">{{ run.note }}</span>{% endif %}
                        </td>
                        <td>{{ run.last }}</td>
                    </tr>
                {% else %}
                    <tr>
                        <td class="table__secondary" colspan="5">the secret was never issued to a run</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </section>
    <p class="image__hint table__secondary">{{ issued_note }}</p>
</div>