<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>CANCOM Simple Signage Admin</title>
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}">
<link href="https://unpkg.com/@tabler/core@1.0.0-beta20/dist/css/tabler.min.css" rel="stylesheet">

<style>
  body {
    background-color: #F4F6F8;
    color: #212121;
  }
  .btn-primary {
    background-color: #DA002D;
    border-color: #DA002D;
  }
  .btn-primary:hover {
    background-color: #B00024;
    border-color: #B00024;
  }
</style>
</head>

<!-- ─── Login-Seite (zentriert) ─── -->
<body class="d-flex align-items-center justify-content-center" style="height:100vh;">
<div class="card card-md">
  <div class="card-body">
    <h2 class="text-center mb-4">Signage Admin</h2>

    {% if error %}
    <div class="alert alert-danger text-center" role="alert">
      {{ error }}
    </div>
    {% endif %}

    <form method="post">
      <div class="mb-3">
        <label class="form-label">E-Mail / Benutzername</label>
        <input class="form-control" name="username" placeholder="admin" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Passwort</label>
        <input type="password" class="form-control" name="password" required>
      </div>
      <button class="btn btn-primary w-100">Login</button>
    </form>
  </div>
</div>
</body>
</html>
