<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>InventoryDB Login Portal</title>
  <link rel="icon" href="/static/images/favicon.ico">
  <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
  <div class="container">
    <!-- Header -->
    <header class="header">
      <img src="/static/images/logo.png" alt="InventoryDB Logo" class="logo">
    </header>
    <!-- Main Content -->
    <main class="login-card">
      <h2 class="title">Вход в InventoryDB</h2>
      <form id="loginForm" class="form">
        <div class="form-group">
          <label for="username">Имя пользователя</label>
          <input type="text" id="username" name="username" placeholder="Логин" class="input">
        </div>
        <div class="form-group">
          <label for="password">Пароль</label>
          <input type="password" id="password" name="password" placeholder="Пароль" class="input">
        </div>
        <div class="form-group">
          <label for="authSource">Источник аутентификации</label>
          <select id="authSource" name="authSource" class="input">
            <option value="internal">office.lan</option>
            <option value="external">Встроенная InventoryDB</option>
          </select>
        </div>
        <div class="form-group">
          <label>
            <input type="checkbox" id="rememberMe" name="rememberMe">
            Запомнить меня
          </label>
        </div>
        <button type="submit" class="button">Войти</button>
      </form>
    </main>
    <main class="login-card">
      <h2 class="title">Проверить оборудование по номеру Reddy</h2>
      <form id="reddyForm" class="form">
        <div class="form-group">
          <label for="reddy_number">Номер Reddy</label>
          <input type="text" id="reddy_number" name="reddy_number" placeholder="Введите Reddy ID" class="input">
        </div>
        <button type="submit" class="button">Отправить</button>
      </form>
    </main>
    <div class="help-text">
      Нужна помощь? <a href="/faq" class="faq-link">InventoryDB FAQ</a>
    </div>
    <!-- Footer -->
    <footer class="footer">
      &copy; 2024 InventoryDB v4.1. Все права защищены.
    </footer>
  </div>
  <script src="/static/js/script.js"></script>
</body>
</html>