{% extends "base.html" %}
{% block title %}Вход — C5{% endblock %}
{% block header %}Вход{% endblock %}
{% block content %}
<form id="loginForm" class="card" autocomplete="on">
  <label class="field">
    <span>Логин</span>
    <input name="login" type="text" autocapitalize="none"
           autocomplete="username" required>
  </label>
  <label class="field">
    <span>Пароль</span>
    <input name="password" type="password" autocomplete="current-password" required>
  </label>
  <button class="btn btn-primary" type="submit">Войти</button>
  <div id="err" class="error" hidden></div>
</form>
{% endblock %}
{% block scripts %}
<script>
  if (Auth.token) location.href = '/m/menu';

  document.getElementById('loginForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    const fd = new FormData(e.target);
    const err = document.getElementById('err');
    err.hidden = true;
    try {
      const r = await fetch('/api/v1/auth/login', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          login: fd.get('login'),
          password: fd.get('password'),
        }),
      });
      if (!r.ok) {
        const j = await r.json().catch(() => ({}));
        throw new Error(j.detail || 'Ошибка входа');
      }
      const data = await r.json();
      Auth.token = data.access_token;
      Auth.user = data;
      location.href = '/m/menu';
    } catch (ex) {
      err.textContent = ex.message;
      err.hidden = false;
    }
  });
</script>
{% endblock %}