<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Login - HITA SUMUT</title>
    <link rel="stylesheet" href="/membership/public/assets/css/style.css">
</head>
<body>

<div class="auth-wrapper">

    <!-- LEFT SIDE -->
    <div class="auth-left">
        <h1>
            HITA SUMUT<br>
            <span>Digital Hospitality</span><br>
            Community
        </h1>

        <p>
            Bergabung dengan komunitas IT Hospitality terbesar di Indonesia.
            Akses event, networking, dan knowledge eksklusif.
        </p>

        <ul>
            <li>✔ Akses materi & insight industri</li>
            <li>✔ Event & workshop eksklusif</li>
            <li>✔ Networking profesional</li>
            <li>✔ Update peluang karir</li>
        </ul>

        <div class="secure-box">
            🔐 OAuth2 Secure Login
        </div>
    </div>

    <!-- RIGHT SIDE -->
    <div class="auth-right">

        <div class="login-card">
            <small>Member Area</small>
            <h2>Masuk ke Akun</h2>

            <form method="POST" action="/membership/login">
                <input type="email" name="email" placeholder="Email" required>
                <input type="password" name="password" placeholder="Password" required>
                <button type="submit">Login</button>
            </form>

            <div class="divider">atau</div>

            <a href="/membership/login-google" class="google-btn">
                <img src="https://www.svgrepo.com/show/475656/google-color.svg" width="18">
                Login dengan Google
            </a>

        </div>

    </div>

</div>

</body>
</html>