{#- Pending agent proposals of a project (Stands & access). Expects: project, proposals.
    Refetched on environment.* events. -#}
<div id="proposals" hx-get="/p/{{ project.slug }}/environments/proposals" hx-trigger="rb:refresh" hx-swap="outerHTML">
  {% if proposals %}
  <section class="panel env-proposals">
    <h2>Proposed by agents <span class="col-count">{{ proposals|length }}</span></h2>
    <p class="muted inbox-hint">Nothing changes until you accept. Raising live above read asks for a confirmation.</p>
    <ul class="inbox-list">
      {% for p in proposals %}
      <li class="inbox-row" id="proposal-{{ p.id }}">
        <span class="inbox-title"><strong>#{{ p.id }}</strong> {{ p.change|change_summary }}</span>
        <p class="inbox-note">{{ p.reason }}</p>
        <span class="inbox-meta muted">{{ p.proposed_by }} · <time datetime="{{ p.created_at }}" data-age>{{ p.created_at|age }}</time></span>
        <div class="form-actions">
          <form method="post" action="/p/{{ project.slug }}/proposals/{{ p.id }}/accept">
            <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
            <button type="submit" class="btn primary">Accept</button>
          </form>
          <form method="post" action="/p/{{ project.slug }}/proposals/{{ p.id }}/reject">
            <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
            <button type="submit" class="btn">Reject</button>
          </form>
        </div>
      </li>
      {% endfor %}
    </ul>
  </section>
  {% endif %}
</div>