1<#import "template.ftl" as layout>
2<@layout.mainLayout active='password' bodyClass='password'; section>
3
4    <div class="row">
5        <div class="col-md-10">
6            <h2>${msg("changePasswordHtmlTitle")}</h2>
7        </div>
8        <div class="col-md-2 subtitle">
9            <span class="subtitle">${msg("allFieldsRequired")}</span>
10        </div>
11    </div>
12
13    <form action="${url.passwordUrl}" class="form-horizontal" method="post">
14        <input type="text" id="username" name="username" value="${(account.username!'')}" autocomplete="username" readonly="readonly" style="display:none;">
15
16        <#if password.passwordSet>
17            <div class="form-group">
18                <div class="col-sm-2 col-md-2">
19                    <label for="password" class="control-label">${msg("password")}</label>
20                </div>
21
22                <div class="col-sm-10 col-md-10">
23                    <input type="password" class="form-control" id="password" name="password" autofocus autocomplete="current-password">
24                </div>
25            </div>
26        </#if>
27
28        <input type="hidden" id="stateChecker" name="stateChecker" value="${stateChecker}">
29
30        <div class="form-group">
31            <div class="col-sm-2 col-md-2">
32                <label for="password-new" class="control-label">${msg("passwordNew")}</label>
33            </div>
34
35            <div class="col-sm-10 col-md-10">
36                <input type="password" class="form-control" id="password-new" name="password-new" autocomplete="new-password">
37            </div>
38        </div>
39
40        <div class="form-group">
41            <div class="col-sm-2 col-md-2">
42                <label for="password-confirm" class="control-label" class="two-lines">${msg("passwordConfirm")}</label>
43            </div>
44
45            <div class="col-sm-10 col-md-10">
46                <input type="password" class="form-control" id="password-confirm" name="password-confirm" autocomplete="new-password">
47            </div>
48        </div>
49
50        <div class="form-group">
51            <div id="kc-form-buttons" class="col-md-offset-2 col-md-10 submit">
52                <div class="">
53                    <button type="submit" class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonLargeClass!}" name="submitAction" value="Save">${msg("doSave")}</button>
54                </div>
55            </div>
56        </div>
57    </form>
58
59</@layout.mainLayout>
60