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

<h1>
    [% loc('Sign in') %]
    <small>
        [% tprintf(loc('or <a href="%s">create an account</a>'), '/auth/create') %]
    </small>
</h1>

[% TRY %][% INCLUDE 'auth/_general_top.html' %][% CATCH file %][% END %]

[% IF oauth_need_email %]
    <p class="form-error">[% loc('We need your email address, please give it below.') %]</p>
[% END %]
[% IF oauth_failure %]
    <p class="form-error">[% loc('Sorry, we could not log you in. Please fill in the form below.') %]</p>
[% END %]

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

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

[% IF c.cobrand.sms_authentication %]
    [% SET username_label = loc('Your email or mobile') %]
    [% SET username_type = 'text' %]
[% ELSE %]
    [% SET username_label = loc('Your email') %]
    [% SET username_type = 'email' %]
[% END %]

    <label class="n" for="username">[% username_label %]</label>
  [% IF loc_username_error %]
    <div class="form-error">[% loc_username_error %]</div>
  [% END %]
    <input type="[% username_type %]" class="form-control required" id="username" name="username" value="[% username | html %]" autocomplete="username" autofocus>

    <div id="form_sign_in">
      [% IF oauth_need_email %]
        [% INCLUDE form_sign_in_no %]
        <input type="hidden" name="oauth_need_email" value="1">
      [% ELSE %]
        [% INCLUDE form_sign_in_yes %]
        [% INCLUDE form_sign_in_no %]
        [% INCLUDE form_sign_in_camden_staff %]
      [% END %]
    </div>
</form>

[% INCLUDE 'footer.html' %]

[% BLOCK form_sign_in_yes %]
    <p class="hidden-nojs js-sign-in-password-hide">
        <input class="btn btn--primary btn--block js-sign-in-password-btn" type="submit" name="sign_in_by_password" value="[% loc('Sign in with a password') %]">
    </p>
    <div class="hidden-js js-sign-in-password">
        <label for="password_sign_in">[% loc('Your password') %]</label>

        <div class="form-txt-submit-box">
            <input type="password" name="password_sign_in" class="form-control" id="password_sign_in" value="" autocomplete="current-password">
            <input class="btn btn--primary" type="submit" name="sign_in_by_password" value="[% loc('Sign in') %]">
        </div>

        <p>
            <a href="/auth/forgot">[% loc('Forgotten your password?') %]</a>
        </p>
    </div>
[% END %]

[% BLOCK form_sign_in_no %]
    <p><input class="fake-link" type="submit" name="sign_in_by_code" value="
      [%~ IF c.cobrand.sms_authentication %]
        [%~ loc('Email me a link or text me a code to sign in') %]
      [%~ ELSE %]
        [%~ loc('Email me a link to sign in') %]
      [%~ END ~%]
      "></p>
[% END %]

[% BLOCK form_sign_in_camden_staff %]
  [% IF c.cobrand.feature('oidc_login') %]
      <button name="social_sign_in" id="oidc_sign_in" value="oidc" class="fake-link sso-staff-sign-in">
          Camden Staff Sign-in
      </button>
  [% END %]
[% END %]