[% INCLUDE 'header.html', title = loc('Sign in or create an account') %]

[% loc_username_error = INCLUDE 'auth/_username_error.html' default='email' %]

<form action="/auth" method="post" name="general_auth_login" class="validate">

    <h1>[% loc('Sign in') %]</h1>

    <input type="hidden" name="r" value="[% c.req.params.r | html %]">

    <div id="form_sign_in_yes" class="form-box">

        <label class="n" for="username">[% loc('Email') %]</label>
      [% IF loc_username_error  %]
        <div class="form-error">[% loc_username_error %]</div>
      [% END %]
        <input type="email" class="required email" id="username" name="username" value="[% username | html %]" autofocus>

        <label for="password_sign_in">[% loc('Password (optional)') %]</label>
        <div class="form-txt-submit-box">
            <input type="password" class="required" name="password_sign_in" id="password_sign_in" value="">
            <input class="btn btn--primary" type="submit" name="sign_in_by_password" value="[% loc('Sign in') %]">
        </div>

    </div>

</form>

<form action="/auth" method="post" name="general_auth_register" class="validate">
    <input type="hidden" name="r" value="[% c.req.params.r | html %]">

    <h1>Neu Registrieren</h1>
    <div id="form_sign_in_no" class="form-box">

        <label class="n" for="username2">[% loc('Email') %]</label>
      [% IF loc_username_error  %]
        <div class="form-error">[% loc_username_error %]</div>
      [% END %]
        <input type="email" class="required email" id="username2" name="username" value="[% username | html %]">

        <label for="name">[% loc('Name') %]</label>
        <input type="text" class="required" name="name" value="">

        <label for="password_register">[% loc('Password (optional)') %]</label>
      [% IF field_errors.password_register %]
        <p class='form-error'>[% field_errors.password_register %]</p>
      [% END %]
        <div class="form-txt-submit-box">
            <input type="password" class="required js-password-validate" name="password_register" id="password_register" value="" aria-describedby="password_notes">
            <input class="btn btn--primary" type="submit" name="sign_in_by_code" value="Registrieren">
        </div>

        <div class="general-notes" id="password_notes">
            <p>[% tprintf(loc('Your password should include %d or more characters.'), c.cobrand.password_minimum_length) %]</p>
        </div>

    </div>

</form>

[% INCLUDE 'footer.html' %]