{% extends "admin/base.html" %}
{% block guest_content %}
<div class="login-wrap">
  <div class="card login-box">
    <div style="display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;">
      {% if logo_url %}
        <img src="{{ logo_url }}" alt="Логотип" style="width:88px;height:88px;border-radius:18px;object-fit:cover;box-shadow:0 0 0 1px var(--border);">
      {% else %}
        <span style="font-size:56px;line-height:1;">🦫</span>
      {% endif %}
      <div style="font-size:20px;font-weight:800;">{{ cafe_name }}</div>
    </div>
    {% with messages = get_flashed_messages(with_categories=true) %}
      {% for category, message in messages %}
        <div class="flash {{ category }}">{{ message }}</div>
      {% endfor %}
    {% endwith %}
    <form method="post">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <label>Логін</label>
      <input type="text" name="username" autofocus>
      <label>Пароль</label>
      <input type="password" name="password">
      <button class="btn" type="submit" style="width:100%;">Увійти</button>
    </form>
  </div>
</div>
{% endblock %}