{{ define "content" }}
<div class="card">
    <div class="card-header">
        <h1 class="card-title">Login to inBOXER</h1>
        <p class="card-subtitle">Enter your email address to receive a one-time password</p>
    </div>
    
    <form method="POST" action="/login">
        <div class="form-group">
            <label for="email" class="form-label">Email Address</label>
            <input type="email" id="email" name="email" class="form-input" 
                   placeholder="you@example.com" required autofocus>
            {{ if .Error }}
            <p class="form-error">{{ .Error }}</p>
            {{ end }}
        </div>
        
        <button type="submit" class="btn btn-primary btn-block">
            Send Login Code
        </button>
    </form>
    
    <div class="text-center mt-4">
        <p class="text-light">You'll receive a 6-digit code via email to complete login.</p>
    </div>
</div>
{{ end }}

{{ template "base" . }}