{{define "access_lists"}}{{template "header" .}}
<div class="d-flex justify-content-between align-items-center mb-3">
  <div class="input-icon">
    <i class="bi bi-search"></i>
    <input type="text" class="form-control" style="width:20rem" placeholder="Search access lists…" data-search-target="aclTable">
  </div>
  <a href="/access-lists/new" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Add Access List</a>
</div>
<div class="card">
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0" id="aclTable">
      <thead class="table-light"><tr><th>Name</th><th>Default</th><th>Rules</th><th>Basic Auth Users</th><th></th></tr></thead>
      <tbody>
      {{range .Data}}
        <tr>
          <td><a href="/access-lists/{{.ID}}/edit">{{.Name}}</a>{{if .Comments}}<div class="small text-secondary">{{.Comments}}</div>{{end}}</td>
          <td>{{if .DefaultAllow}}<span class="badge text-bg-success">allow</span>{{else}}<span class="badge text-bg-danger">deny</span>{{end}}</td>
          <td>{{len .Rules}} rule(s)</td>
          <td>{{len .BasicAuthUsers}} user(s)</td>
          <td class="text-end">
            <a href="/access-lists/{{.ID}}/edit" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
            <form method="post" action="/access-lists/{{.ID}}/delete" id="del-acl-{{.ID}}" class="d-inline">
              {{template "csrf_field" $.CSRFToken}}
            </form>
            <button type="button" class="btn btn-sm btn-outline-danger" data-confirm-delete-form="del-acl-{{.ID}}" data-confirm-message="Delete access list &quot;{{.Name}}&quot;?"><i class="bi bi-trash"></i></button>
          </td>
        </tr>
      {{else}}
        <tr><td colspan="5" class="text-center text-secondary py-4">No access lists yet.</td></tr>
      {{end}}
      </tbody>
    </table>
  </div>
</div>
{{template "confirm_delete_modal" .}}
{{template "footer" .}}{{end}}