{% extends "base.html" %}
{% block body_class %}login-body{% endblock %}
{% block main_class %}{% endblock %}
{% block content %}
<section class="login-shell">
  <div class="login-panel stamp">
    <div class="login-brand">
      <span class="mark lg">DEPL</span>
      <h1>{{ t('app_name') }}</h1>
      <p>{{ t('tagline') }}</p>
    </div>
    <form method="post" class="login-form">
      <label>{{ t('username') }}
        <input name="username" autocomplete="username" required autofocus>
      </label>
      <label>{{ t('password') }}
        <input name="password" type="password" autocomplete="current-password" required>
      </label>
      <button class="btn solid" type="submit">{{ t('login') }}</button>
    </form>
    <p class="hint">{{ t('demo_hint') }} · Company demo: demo / demo123</p>
    <div class="lang login-lang">
      <a href="{{ url_for('set_lang', code='en') }}" class="{{ 'on' if lang == 'en' }}">EN</a>
      <a href="{{ url_for('set_lang', code='si') }}" class="{{ 'on' if lang == 'si' }}">සිං</a>
    </div>
  </div>
  <aside class="login-copy">
    <h2>Motor ampere check</h2>
    <ol>
      <li>DEPL admin adds a company profile and a login for that company</li>
      <li>Each company adds its own machines and fills daily ampere logs</li>
      <li>Admin can open one company, or see every company in the same system</li>
    </ol>
  </aside>
</section>
{% endblock %}