{{define "content"}}
<section class="auth-card">
    <h1>Set new password</h1>
    <p class="auth-card__message">Enter your new password below.</p>
    
    {{if .Flash}}
    <div class="alert alert-success">{{.Flash}}</div>
    {{end}}
    
    {{if .Errors}}
    <div class="alert alert-error">
        {{range .Errors}}
        <p>{{.}}</p>
        {{end}}
    </div>
    {{end}}
    
    <form method="post" action="/reset-password" novalidate>
        <input type="hidden" name="csrf_token" value="{{.CSRFToken}}" />
        <input type="hidden" name="token" value="{{.Token}}" />
        
        <label for="password">New password</label>
        <input 
            type="password" 
            id="password" 
            name="password" 
            minlength="8"
            required 
            autofocus 
            placeholder="Enter your new password"
        />
        
        <label for="confirm_password">Confirm new password</label>
        <input 
            type="password" 
            id="confirm_password" 
            name="confirm_password" 
            minlength="8"
            required 
            placeholder="Confirm your new password"
        />
        
        <button type="submit">Reset password</button>
        <p class="hint"><a href="/login">Back to sign in</a></p>
    </form>
</section>
{{end}}