{% extends 'layout.twig' %}

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

{% block content %}
<header id="header" class="row">
  <div class="columns twelve">
    <h1>Login</h1>
  </div>
</header>

<div class="row">
  <form id="loginForm" class="columns twelve">
    <div class="row">
      <label class="columns twelve">
        LDAP Host:
        <input class="u-full-width" type="text" name="ldap_host" placeholder="Enter LDAP host...">
      </label>
    </div>

    <div class="row">
      <label class="columns six">
        Bind DN:
        <input class="u-full-width" type="text" name="bind_dn" placeholder="Enter bind DN...">
      </label>

      <label class="columns six">
        Bind Password:
        <input class="u-full-width" type="password" name="bind_pw" placeholder="Enter bind password...">
      </label>
    </div>

    <div class="row">
      <div class="columns twelve u-text-center">
        <input type="submit" name="bind_submit" value="Login">
      </div>
    </div>
  </form>
</div>
{% endblock %}