<form data-id="form-login"
      class="bg-white rounded pb_form_v1 form-auth-login needs-validation"
      novalidate>
    <h2 class="mb-4 mt-0 text-center">
        <%= _lc( 'WELCOME_NEW_USER_HEADER' ) %>
    </h2>
    <p class="text-center">
        <%=raw _lc( 'WELCOME_NEW_USER_DESCRIPTION' ) %>
    </p>
    <p class="text-center">
        <%= _lc( 'NEW_USER_INSTRUCTIONS') %>
    </p>
    <div class="form-group">
        <label for="input-new-user-join-team-id"
               data-id=""
               class="sr-only">
            <%= _lc( 'NEW_USER_JOIN_TEAM_ID' ) %>
        </label>
        <input type="text"
               id="input-new-user-join-team-id"
               data-id="input-new-user-join-team-id"
               class="form-control reverse pb_height-60 pb_font-34 text-center"
               maxlength="4"
               autocorrect="off"
               spellcheck="false"
               style="text-transform: uppercase;"
               required autofocus />
    </div>
    <div class="form-group"
         data-id="container-group-result">
    </div>
    <hr />
    <p class="text-center">
        <%= _lc( 'ALREADY_AN_ACCOUNT' ) %>
        <a href="#/auth/login"><%= _lc( 'GO_TO_LOGIN' ) %></a>
    </p>
    <hr />
    <p class="text-center">
        <%= _lc( 'DO_YOU_LIKE_TO_CREATE_A_GROUP' ) %>
        <a href="#/auth/register"><%= _lc( 'GO_TO_REGISTRATION' ) %></a>
    </p>
</form>