{% extends 'layout.twig' %}

{% block scripts %}
<script src="./js/index.js" charset="utf-8"></script>
{% endblock %}

{% block content %}
<header class="row">
  <div class="columns twelve u-text-center">
    <h1>Archon LDAP Manager</h1>
  </div>
</header>

<section id="connectionInfo" class="row">
  <div class="columns twelve u-text-center">
    <p>Connected to: <span id="ldapHost"></span></p>
  </div>
</section>

<section id="ldapObjectTable" class="row">
  <table>
    <thead>
      <tr>
        <th>User ID</th>
        <th>Display Name</th>
        <th>Email Address</th>
      </tr>
    </thead>
    <tbody id="ldapUserList"></tbody>
  </table>
</section>
{% endblock %}