{{define "title"}}Login{{end}}

{{define "content"}}
<div class="login-container">
    <h1>Metacircular Container Registry</h1>
    {{if .Error}}
    <div class="error">{{.Error}}</div>
    {{end}}
    {{if .SSO}}
    <p>Sign in to manage container images, policies, and audit logs.</p>
    <a href="/sso/redirect" class="btn">Sign in with MCIAS</a>
    {{else}}
    <form method="POST" action="/login">
        <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
        <div class="form-group">
            <label for="username">Username</label>
            <input type="text" id="username" name="username" required autofocus>
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input type="password" id="password" name="password" required>
        </div>
        <button type="submit">Sign In</button>
    </form>
    {{end}}
</div>
{{end}}
