<form id="account-settings" role="form" action="{{site.uri.public}}/account/settings" method="post">
    <div class="box-header">
        <h3 class="box-title"><i class="fas fa-cog fa-fw"></i> {{translate("ACCOUNT.SETTINGS")}}</h3>
    </div>
    <div class="box-body">
        {% include "forms/csrf.html.twig" %}
        <!-- Prevent browsers from trying to autofill the password field.  See http://stackoverflow.com/a/23234498/2970321 -->
        <input type="text" style="display:none">
        <input type="password" style="display:none">

        {% block settings_account %}
            <div class="form-group">
                <label for="input-email" class="ccontrol-label">{{translate("EMAIL")}}</label>
                <input type="text" id="input-email" class="form-control" name="email" value="{{current_user.email}}" autocomplete="off" placeholder="{{translate("EMAIL.YOUR")}}" {{page.visibility}}>
            </div>
            {% if page.visibility != "disabled" %}
                <div class="form-group">
                    <label for="input-password" class="control-label">{{translate("PASSWORD.NEW")}}</label>
                    <input type="password" id="input-password" class="form-control" name="password" placeholder="{{translate("PASSWORD.BETWEEN", {min: site.password.length.min, max: site.password.length.max})}} ({{translate("OPTIONAL")}})">
                </div>
                <div class="form-group">
                    <label for="input-passwordc" class="control-label">{{translate("PASSWORD.CONFIRM_NEW")}}</label>
                    <input type="password" id="input-passwordc" class="form-control" name="passwordc" placeholder="{{translate("PASSWORD.CONFIRM_NEW_HELP")}}">
                </div>
                <hr>
                <div class="form-group">
                    <label for="input-passwordcheck" class="control-label">{{translate("PASSWORD.CURRENT")}}</label>
                    <input type="password" id="input-passwordcheck" class="form-control" name="passwordcheck" placeholder="{{translate("PASSWORD.CURRENT_EXPLAIN")}}">
                </div>
            {% endif %}
        {% endblock %}
    </div>
    <div class="box-footer text-center">
        <button type="reset" class="btn btn-default">{{translate('RESET')}}</button>
        <button type="submit" class="btn btn-primary js-submit">{{translate('SAVE')}}</button>
    </div>
</form>
