{% layout 'layouts/html.liquid' %}

{% block head %}
<title>{{ site.title }} admin</title>
{% endblock %}

{% block content %}

<h1>{{ site.title }} Admin</h1>
<div class="card p-1rem my-4">
  <p class="font-90 mb-0">You are viewing the admin panel for {{ site.title }}, found at {{ site.baseURL }}. Remember, this is a multisite server and database! Unscoped changes will propogate to all the sites. :)</p>
</div>

<div class="mb-4"><a href="/admin">Admin</a> / {{ model }}</div>

<h2>{{ model }}</h2>

<div class="w-100 overflow-scroll">
  <table class="table table-dark table-hover table-striped">
    <thead>
      <tr>
        {% for column in columns %}
        <th scope="col">{{ column }}</th>
        {% endfor %}
      </tr>
    </thead>

    <tbody>
      {% for item in items %}
      <tr class="table-light">
        {% for column in columns %}
          <td>{{ item[column] }}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>


{% endblock %}