<section data-id="section-form-request-password-reset">
    <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( 'FORGOT_PASSWORD_HEADER' ) %>
        </h2>
        <p class="text-center">
            <%=raw _lc( 'FORGOT_PASSWORD_HEADER_DESCRIPTION' ) %>
        </p>
        <div class="form-group">
            <label for="input-forgot-password-email"
                   data-id=""
                   class="sr-only">
                <%= _lc( 'FORGOT_PASSWORD_EMAIL' ) %>
            </label>
            <input type="email"
                   id="input-forgot-password-email"
                   data-id="input-forgot-password-email"
                   class="form-control reverse pb_height-50"
                   placeholder="<%= _lc( 'FORGOT_PASSWORD_EMAIL' ) %>"
                   required autofocus />
        </div>
        <div class="form-group">
            <button class="btn btn-lg btn-primary btn-block"
                    data-id="btn-request-password-reset"
                    type="button">
                <%= _lc( 'FORGOT_PASSWORD_BUTTON' ) %>
            </button>
        </div>
        <p class="text-center">
            <a href="#/auth/login"><%= _lc( 'FORGOT_PASSWORD_LINK_BACK_TO_LOGIN' ) %></a>
        </p>
    </form>
</section>
<section data-id="section-success-request-password-reset"
         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_IS_ON_THE_WAY' ) %>
        </h2>
        <p class="text-center">
            <%= _lc( 'PASSWORD_RESET_SUCCESS_INFO' ) %>
        </p>
        <p class="text-center">
            <a href="#/auth/login"><%= _lc( 'FORGOT_PASSWORD_LINK_BACK_TO_LOGIN' ) %></a>
        </p>
    </form>
</section>