{{template "main-top" .}}

<div class="lgn-head">
    {{ template "user-profile" . }}

    <p>{{t "InitPassword.Description" }}</p>
</div>

<form action="{{ initPasswordUrl }}" method="POST">

    {{ .CSRF }}

    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
    <input type="hidden" name="userID" value="{{ .UserID }}" />

    <div class="fields">
        <div class="field">
            <label class="lgn-label" for="code">{{t "InitPassword.Code"}}</label>
            <input class="lgn-input" type="text" id="code" name="code" value="{{.Code}}" autocomplete="off" autofocus
                required>
        </div>
        <div class="field">
            <label class="lgn-label" for="password">{{t "InitPassword.NewPassword"}}</label>
            <input data-minlength="{{ .MinLength }}" data-has-uppercase="{{ .HasUppercase }}"
                data-has-lowercase="{{ .HasLowercase }}" data-has-number="{{ .HasNumber }}"
                data-has-symbol="{{ .HasSymbol }}" class="lgn-input" type="password" id="password" name="password"
                autocomplete="new-password" autofocus required>
            {{ .PasswordPolicyDescription }}
        </div>
        <div class="field">
            <label class="lgn-label" for="passwordconfirm">{{t "InitPassword.NewPasswordConfirm"}}</label>
            <input class="lgn-input" type="password" id="passwordconfirm" name="passwordconfirm"
                autocomplete="new-password" autofocus required>
        </div>
    </div>

    {{ template "error-message" .}}

    <button type="submit" name="resend" value="true" class="lgn-button lgn-primary block" formnovalidate>{{t "Actions.Resend" }}</button>

    <div class="lgn-actions lgn-reverse-order">
        <button type="submit" id="init-button" name="resend" value="false"
            class="lgn-raised-button lgn-primary">{{t "Actions.Next"}}</button>
        <span class="fill-space"></span>
        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
            {{t "Actions.Cancel"}}
        </a>        
    </div>
</form>

<script src="{{ resourceUrl "scripts/form_submit.js" }}"></script>
<script src="{{ resourceUrl "scripts/password_policy_check.js" }}"></script>
<script src="{{ resourceUrl "scripts/init_password_check.js" }}"></script>


{{template "main-bottom" .}}