settings

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" href="../static/css/changeEmail.css" th:href="@{/css/changeEmail.css}" />
    <link rel="stylesheet" href="../static/bootstrap.css" th:href="@{/bootstrap.css}"/>
    <title th:text="#{settings.title}">Settings</title>
</head>
<body>
<div class="container">
    <!-- NAVBAR -->
    <nav data-th-replace="/include/navbar::navbar"></nav>

    <div class="row">
        <div class="col-md-6 panel1">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        <div th:if="${success}" class="alert alert-dismissable alert-success">
                            <span th:text="#{settings.successChangeEmail}">An e-mail has been successfully sent on your new e-mail. Please allow a few minutes for it to get to your inbox!</span>
                        </div>
                        <form role="form" id="changeEmailForm">
                            <div class="form-group">
                                <h2><span th:text="#{settings.changeEmail}">Change e-mail</span></h2>
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="password" th:text="#{settings.password}">Password</label>
                                <input name="password" id="password" type="text" maxlength="50" class="form-control" th:placeholder="#{settings.password}"/>
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="email" th:text="#{settings.newEmail}">New e-mail</label>
                                <input name="email" id="email" type="email" maxlength="50" class="form-control" th:placeholder="#{settings.newEmail}"/>
                            </div>
                            <div class="form-group">
                                <button id="changeEmailSubmit" type="submit" class="btn btn-info btn-block"><span th:text="#{settings.btnChangeEmail}">Change e-mail</span></button>
                            </div>
                            <hr />
                            <p>
                                <span th:text="#{forgotPassword.goBackToTheHomepage}">Go back to the homepage</span>
                                <a th:href="@{/}"><span th:text="#{forgotPassword.go}">GO</span></a>
                            </p>
                        </form>
                    </div>
                </div>
            </div>
        <!--<div class="col-md-6 panel2">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        <div th:if="${success}" class="alert alert-dismissable alert-success">
                            <span th:text="#{settings.successChangePassword}">Your password has been changed.</span>
                        </div>
                        <form th:action="@{/forgotPassword}" th:object="${forgotPasswordDTO}" method="POST" role="form" id="changePasswordForm">
                            <input type="hidden" name="_method" value="PUT"/>
                            <div class="form-group">
                                <h2><span th:text="#{settings.changePassword}">Change password</span></h2>
                            </div>
                            <div class="form-group" th:classappend="${#fields.hasErrors('username')} ? 'has-warning' : ''">
                                <label class="control-label" for="username" th:text="#{settings.password}">Password</label>
                                <input th:name="username" th:field="*{username}" id="username" type="text" maxlength="50" class="form-control" th:placeholder="#{settings.password}"/>
                                <label th:each="err : ${#fields.errors('username')}" th:text="${err}" id="username-error" class="error" for="username"></label>
                            </div>
                            <div class="form-group" th:classappend="${#fields.hasErrors('email')} ? 'has-warning' : ''">
                                <label class="control-label" for="email" th:text="#{settings.newPassword}">New password</label>
                                <input th:name="email" th:field="*{email}" id="email" type="email" maxlength="50" class="form-control" th:placeholder="#{settings.newPassword}"/>
                                <label th:each="err : ${#fields.errors('email')}" th:text="${err}" id="email-error" class="error" for="email"></label>
                            </div>
                            <div class="form-group" th:classappend="${#fields.hasErrors('email')} ? 'has-warning' : ''">
                                <label class="control-label" for="email" th:text="#{settings.newPasswordAgain}">New password</label>
                                <input th:name="email" th:field="*{email}" id="email" type="email" maxlength="50" class="form-control" th:placeholder="#{settings.newPasswordAgain}"/>
                                <label th:each="err : ${#fields.errors('email')}" th:text="${err}" id="email-error" class="error" for="email"></label>
                            </div>
                            <div class="form-group">
                                <button id="requestPasswordSubmit" type="submit" class="btn btn-info btn-block"><span th:text="#{settings.btnChangePassword}">Change password</span></button>
                            </div>
                            <hr />
                            <p>
                                <span th:text="#{forgotPassword.goBackToTheHomepage}">Go back to the homepage</span>
                                <a th:href="@{/}"><span th:text="#{forgotPassword.go}">GO</span></a>
                            </p>
                        </form>
                    </div>
                </div>
            </div> -->
    </div>
</div>


    <!-- FOOTER -->
    <footer data-th-replace="/include/footer::footer"></footer>


    <script type="text/javascript" src="../static/jquery-3.2.1.min.js" th:src="@{/jquery-3.2.1.min.js}"></script>
    <script type="text/javascript" src="../static/bootstrap.min.js" th:src="@{/bootstrap.min.js}"></script>
    <script type="text/javascript" src="../static/jquery.validate.min.js" th:src="@{/jquery.validate.min.js}"></script>
    <script type="text/javascript" src="../static/js/settings.js" th:src="@{/js/settings.js}"></script>
</body>
</html>