WiSearch/ui/templates/register.html

<!DOCTYPE html>
<html lang="el">
<head>
    <meta charset="UTF-8">
    <title>Εγγραφή - WiSearch</title>
    <style>
        body { background: #202124; color: #bdc1c6; font-family: Arial; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
        .box { background: #292a2d; padding: 40px; border-radius: 8px; border: 1px solid #3c4043; width: 300px; text-align: center; }
        h2 { color: #81c995; margin-bottom: 25px; }
        input { background: #303134; border: 1px solid #3c4043; color: white; padding: 12px; margin-bottom: 15px; width: 100%; border-radius: 4px; box-sizing: border-box; }
        button { background: #81c995; color: #202124; border: none; padding: 12px; width: 100%; border-radius: 4px; cursor: pointer; font-weight: bold; }
    </style>
</head>
<body>
    <div class="box">
        <h2>Δημιουργία Λογαριασμού</h2>
        {% with messages = get_flashed_messages() %}
          {% if messages %}{% for msg in messages %}<div style="color:#f28b82; margin-bottom:15px;">{{ msg }}</div>{% endfor %}{% endif %}
        {% endwith %}
        <form method="POST">
            <input type="text" name="username" placeholder="Επιθυμητό Username" required>
            <input type="password" name="password" placeholder="Password" required>
            <button type="submit">Εγγραφή</button>
        </form>
        <p style="margin-top: 20px; font-size: 13px;">Έχετε ήδη λογαριασμό; <a href="/login" style="color: #8ab4f8;">Σύνδεση</a></p>
        <p><a href="/" style="color: #9aa0a6; font-size: 11px; text-decoration: none;">← Επιστροφή στην αναζήτηση</a></p>
    </div>
</body>
</html>