<section data-id="section-login">
    <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( 'LOGIN_HEADER' ) %>
        </h2>
        <p class="text-center">
            <%=raw _lc( 'LOGIN_HEADER_DESCRIPTION' ) %>
        </p>
        <div class="form-group">
            <label for="input-login-email"
                   data-id=""
                   class="sr-only">
                <%= _lc( 'LOGIN_EMAIL' ) %>
            </label>
            <input type="email"
                   id="input-login-email"
                   data-id="input-login-email"
                   class="form-control reverse pb_height-50"
                   placeholder="<%= _lc( 'LOGIN_EMAIL' ) %>"
                   required autofocus />
        </div>
        <div class="form-group">
            <label for="input-login-password"
                   class="sr-only">
                <%= _lc( 'LOGIN_PASSWORD' ) %>
            </label>
            <input type="password"
                   id="input-login-password"
                   data-id="input-login-password"
                   class="form-control reverse pb_height-50"
                   placeholder="<%= _lc( 'LOGIN_PASSWORD' ) %>"
                   minlength="4"
                   maxlength="32"
                   required />
            <small><a href="#/auth/forgot-password"><%= _lc( 'LOGIN_FORGOT_PASSWORD' ) %></a></small>
        </div>
        <div class="form-group">
            <button class="btn btn-lg btn-primary btn-block"
                    data-id="btn-login"
                    type="button">
                <%= _lc( 'LOGIN_BUTTON' ) %>
            </button>
        </div>
        <p class="text-center">
            <a href="#/auth/register"><%= _lc( 'LOGIN_LINK_TO_REGISTRATION' ) %></a>
        </p>
        <p class="text-center">
            <a href="#/auth/start"><%= _lc( 'JOIN_TEAM_WITH_ID' ) %></a>
        </p>
    </form>
</section>
<section data-id="section-not-validated"
         style="display: none">
    <form data-id="form-login-not-validated"
          class="bg-white rounded pb_form_v1 form-auth-login needs-validation"
          novalidate>
        <h2 class="mb-4 mt-0 text-center">
            <%= _lc( 'ACCOUNT_NOT_VALIDATED' ) %>
        </h2>
        <p class="text-center">
            <%= _lc( 'ACCOUNT_NOT_VALIDATED_DESCRIPTION' ) %>
        </p>
        <div class="form-group">
            <button class="btn btn-lg btn-primary btn-block"
                    data-id="btn-back-to-login"
                    type="button">
                <%= _lc( 'BACK_TO_LOGIN' ) %>
            </button>
        </div>
    </form>
</section>