---
import PageLayout from '../layouts/PageLayout.astro'
import '@/styles/pages/login.css'
---

<PageLayout title="Login | PHC" pageTags="login">
    <h1>Login</h1>

    <!-- form with username and password, and a button for oauth login -->
    <form action="/login" method="post">
        <h3 class="center"><strike>Accedi con Poisson</strike> (Work in Progress)</h3>

        <div class="row">
            <span class="material-symbols-outlined">person</span>
            <input type="text" id="username" placeholder="Username" name="username" required disabled />
        </div>
        <div class="row">
            <span class="material-symbols-outlined">key</span>
            <input type="password" id="password" placeholder="Password" name="password" required disabled />
        </div>

        <button class="primary center" type="submit" disabled>Login</button>

        <hr />

        <h3 class="center">Accedi con Ateneo</h3>
        <a href="/auth/ateneo" class="primary center" role="button">
            <span class="material-symbols-outlined">account_balance</span>
            Login
        </a>
    </form>
</PageLayout>
