{{ define "page-styles"}}
    <style>
        .form-content {
            display: grid;
            grid-gap: .5em;
            grid-template-columns: 1fr;
        }

        .form-content input {
            margin-bottom: 1em;
        }
    </style>
{{ end }}

{{ define "page-content" }}
    <form method="post" class="dialog">
        <div class="form-content">
            <label for="password">Current Password</label>
            <input type="password" name="password" id="password" placeholder="Password" size="32"/>

            <label for="password-new">New Password</label>
            <input type="password" name="password-new" id="password-new" placeholder="New Password" size="32"/>

            <label for="password-repeat">Repeat Password</label>
            <input type="password" name="password-repeat" id="password-repeat" placeholder="Repeat New Password" size="32"/>

        </div>
        <div class="form-controls">
            <input type="submit" value="Change Password"/>
        </div>
    </form>
{{ end }}