{% extends "base.html" %}
{% block title %}Admin sign-in{% endblock %}
{% block content %}
<div class="auth-wrap">
  <div class="auth-top"><span class="logo">{{ icon('cap') }}</span><div><strong>College KT Portal</strong><small>Knowledge Transfer</small></div></div>
  <div class="auth-card">
    <h2>{{ icon('shield') }} Admin sign-in</h2>
    <p class="sub">Enter your administrator username and password.</p>
    <form method="post">
      <input type="hidden" name="csrf" value="{{ csrf_token }}">
      <div class="field">
        <label for="adminUser" class="req">Username</label>
        <div class="input-icon">{{ icon('user') }}<input name="username" id="adminUser" required autofocus autocomplete="username" placeholder="Username"></div>
      </div>
      <div class="field" style="margin-top:16px">
        <label for="adminPass" class="req">Password</label>
        <div class="input-icon">{{ icon('lock') }}<input name="password" id="adminPass" type="password" required autocomplete="current-password" placeholder="Your password"></div>
      </div>
      <button class="btn block" style="margin-top:20px">{{ icon('log-out') }} Sign in</button>
    </form>
  </div>
</div>
{% endblock %}