<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Podstalk — Sign In</title>
    <link rel="stylesheet" href="https://unpkg.com/neobrutalismcss@latest" />
    <link rel="stylesheet" href="/static/auth.css" />
</head>
<body>
    <nav class="nb-navbar" role="navigation" aria-label="Main navigation">
        <a href="/" class="nb-navbar-brand" aria-label="Go to homepage">Podstalk</a>
        <ul class="nb-navbar-nav" role="menubar">
            {{if not .HasUser}}
            <li class="nb-navbar-item" role="none">
                <a href="/signup" class="nb-navbar-link" role="menuitem">Sign Up</a>
            </li>
            {{end}}
        </ul>
    </nav>
    <div class="container">
        {{if .Error}}<div class="flash flash-error">{{.Error}}</div>{{end}}
        <h2>Sign In</h2>
        <p>Sign in to manage your podcast episodes.</p>

        <form method="post" action="/signin">
            <div class="nb-form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" class="nb-input blue" required autofocus />
            </div>
            <div class="nb-form-group">
                <label for="password">Password</label>
                <input type="password" id="password" name="password" class="nb-input blue" required />
            </div>
            <div class="form-actions">
                <button type="submit" class="nb-button blue">Sign In</button>
            </div>
        </form>
    </div>
</body>
</html>
