{% extends "base.html" %}
{% block content %}
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 80vh;">
  <div class="text-center">
    {% if session.get('dark_mode', True) %}
    <img src="https://mikrotik.com/logo/assets/logo-colors-white-E8duxH7y.svg" alt="Mikrotik Logo" class="img-fluid" style="max-width: 200px;">
    {% else %}
    <img src="https://mikrotik.com/logo/assets/logo-colors-dark-ToiqSI6u.svg" alt="Mikrotik Logo" class="img-fluid" style="max-width: 200px;">
    {% endif %}
    <h1 class="mt-3">Witamy w aplikacji Backup RouterOS</h1>
    <p class="lead">Zarządzaj backupami swoich urządzeń RouterOS w prosty sposób.</p>
    <div class="mt-4">
      <a href="{{ url_for('login') }}" class="btn btn-primary btn-lg me-3">Login</a>
      <a href="{{ url_for('register') }}" class="btn btn-success btn-lg">Rejestracja</a>
    </div>
  </div>
</div>
{% endblock %}