<section data-id="section-form-reset">
    <form data-id="form-reset-password"
          class="bg-white rounded pb_form_v1 form-auth-forgot-password needs-validation"
          novalidate>
        <h2 class="mb-4 mt-0 text-center">
            <%= _lc( 'RESET_PASSWORD_HEADER' ) %>
        </h2>
        <% if ( false === actionToken.isValid() ) {  %>
            <p class="text-danger text-center">
                <%= _lc( 'TOKEN_INVALID_OR_EXPIRED' ) %>
            </p>
            <p class="text-center">
                <a href="#/auth/login"><%= _lc( 'FORGOT_PASSWORD_LINK_BACK_TO_LOGIN' ) %></a>
            </p>
        <% } else { %>
            <p class="text-center">
                <%= _lc( 'RESET_PASSWORD_HEADER_DESCRIPTION' ) %>
            </p>
            <div class="form-group">
                <label for="input-new-password"
                       class="sr-only">
                    <%= _lc( 'ENTER_NEW_PASSWORD' ) %>
                </label>
                <input type="password"
                       id="input-new-password"
                       data-id="input-new-password"
                       class="form-control reverse pb_height-50"
                       minlength="4"
                       maxlength="32"
                       required autofocus />
            </div>
            <div class="form-group">
                <button class="btn btn-lg btn-primary btn-block"
                        data-id="btn-save-new-password"
                        type="button">
                    <%= _lc( 'BTN_SAVE_NEW_PASSWORD' ) %>
                </button>
            </div>
        <% }    %>
    </form>
</section>
<section data-id="section-success-reset-password"
         style="display: none">
    <form data-id="form-request-password-reset"
          class="bg-white rounded pb_form_v1 form-auth-forgot-password needs-validation"
          novalidate>
        <h2 class="mb-4 mt-0 text-center">
            <%= _lc( 'PASSWORD_RESET_DONE' ) %>
        </h2>
        <p class="text-center">
            <%= _lc( 'PASSWORD_RESET_DONE_INFO' ) %>
        </p>
        <p class="text-center">
            <a href="#/auth/login"><%= _lc( 'FORGOT_PASSWORD_LINK_BACK_TO_LOGIN' ) %></a>
        </p>
    </form>
</section>