{#
  The rules list, the add form and the matrix, shared by the admin page and a
  person's own settings. The caller sets `rules_action` (where the add form and
  the deletes post), and passes `rules`, `model_ids`, `matrix`, `matrix_models`,
  `any_model`, `allow` and `deny`.

  The delete buttons reach one empty form each by `form=`, declared outside the
  add form, so no form is ever nested inside another -- a nested <form>
  truncates its parent, the 1.3.0 bug.
#}
{% from "_macros.html" import icon %}

{% if rules %}
<ul class="model-list">
  {% for rule in rules %}
  <li class="model-list__item">
    <div style="min-width: 0">
      <strong class="mono">{{ t("any model") if rule.from_model == any_model else rule.from_model }}</strong>
      →
      <strong class="mono">{{ t("any model") if rule.to_model == any_model else rule.to_model }}</strong>
    </div>
    <div class="btn-row">
      {% if rule.effect == allow %}
      <span class="badge badge--leaf">{{ t("may talk") }}</span>
      {% else %}
      <span class="badge badge--danger">{{ t("may not talk") }}</span>
      {% endif %}
      <form id="delete-rule-{{ rule.id }}" method="post" action="{{ rules_action }}/{{ rule.id }}/delete"></form>
      <button class="btn btn--icon btn--sm btn--danger" type="submit" form="delete-rule-{{ rule.id }}"
              aria-label="{{ t('Delete this rule') }}" title="{{ t('Delete this rule') }}">
        {{ icon("trash", "icon--sm") }}
      </button>
    </div>
  </li>
  {% endfor %}
</ul>
{% else %}
<p class="field__hint">{{ t("No rules yet.") }}</p>
{% endif %}

<form method="post" action="{{ rules_action }}" class="talk-rule-form">
  <div class="field">
    <label class="field__label" for="rule-from">{{ t("This model") }}</label>
    <select class="select" id="rule-from" name="from_model">
      <option value="{{ any_model }}">{{ t("any model") }}</option>
      {% for model_id in model_ids %}<option value="{{ model_id }}">{{ model_id }}</option>{% endfor %}
    </select>
    <p class="field__hint">{{ t("The chat's own model.") }}</p>
  </div>
  <div class="field">
    <label class="field__label" for="rule-effect">{{ t("May") }}</label>
    <select class="select" id="rule-effect" name="effect">
      <option value="{{ deny }}">{{ t("may not talk to") }}</option>
      <option value="{{ allow }}">{{ t("may talk to") }}</option>
    </select>
    <p class="field__hint"></p>
  </div>
  <div class="field">
    <label class="field__label" for="rule-to">{{ t("That model") }}</label>
    <select class="select" id="rule-to" name="to_model">
      <option value="{{ any_model }}">{{ t("any model") }}</option>
      {% for model_id in model_ids %}<option value="{{ model_id }}">{{ model_id }}</option>{% endfor %}
    </select>
    <p class="field__hint">{{ t("A crowd member, a friend it asks, a model on its roster.") }}</p>
  </div>
  <div class="btn-row">
    <label class="checkbox">
      <input type="checkbox" name="both" value="true">
      <span>{{ t("Both directions") }}</span>
    </label>
    <button class="btn btn--primary" type="submit">{{ icon("plus", "icon--sm") }} {{ t("Add rule") }}</button>
  </div>
</form>

{% if matrix_models|length > 1 %}
<h3 class="card__title" style="margin-top: var(--sp-6)">{{ t("Who may talk to whom") }}</h3>
<p class="field__hint">{{ t("Rows are the chat's own model, columns the model it would bring in. Drawn by the same rules that are enforced, so what this shows is what happens.") }}</p>
<div class="talk-matrix-scroll">
  <table class="talk-matrix">
    <thead>
      <tr>
        <th scope="col"></th>
        {% for model in matrix_models %}<th scope="col" class="mono">{{ model.model_id }}</th>{% endfor %}
      </tr>
    </thead>
    <tbody>
      {% for row in matrix %}
      <tr>
        <th scope="row" class="mono">{{ row.main.model_id }}</th>
        {% for cell in row.cells %}
        {% if cell is none %}
        <td class="talk-matrix__self" aria-label="{{ t('itself') }}">·</td>
        {% elif cell.offered %}
        <td class="talk-matrix__yes" title="{{ t('Offered') }}">✓</td>
        {% else %}
        <td class="talk-matrix__no" title="{{ describe_verdict(cell) }}">✗</td>
        {% endif %}
        {% endfor %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}