{% extends "base.html" %}
{% block title %}{{ plural }}{% endblock %}
{% block content %}
<div class="page-head">
  <h1>{{ plural }}</h1>
  <div class="d-flex gap-2">
    <form class="d-flex gap-2" method="get">
      <input class="form-control" name="q" value="{{ q }}" placeholder="Search by name" aria-label="Search by name">
      <button class="btn btn-outline-secondary">Search</button>
    </form>
    <a class="btn btn-primary text-nowrap" href="{{ url_for('entity_form', entity=entity) }}">Add {{ singular.lower() }}</a>
  </div>
</div>
<div class="panel flush">
  <table class="table">
    <thead><tr>{% for name, label in fields %}<th>{{ label }}</th>{% endfor %}<th></th></tr></thead>
    <tbody>
    {% for r in rows %}
      <tr>{% for name, label in fields %}<td>{{ r[name] or '' }}</td>{% endfor %}
        <td class="num">
          <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('entity_form', entity=entity, row_id=r.id) }}">Edit</a>
          {% if session.role == 'admin' %}
          <form class="d-inline" method="post" action="{{ url_for('entity_delete', entity=entity, row_id=r.id) }}"
                onsubmit="return confirm('Delete {{ r.name }}?')">
            <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-outline-danger">Delete</button>
          </form>
          {% endif %}
        </td></tr>
    {% else %}
      <tr><td colspan="{{ fields|length + 1 }}" class="text-secondary">
        {% if q %}Nothing matches "{{ q }}".{% else %}No {{ plural.lower() }} yet. Add the first one.{% endif %}</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}