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

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

<form action="[% c.uri_for() %]" method="post" name="general_auth" class="validate">
<input type="hidden" name="r" value="[% c.req.params.r | html %]">
    
    [% IF email_error;

        # other keys include fqdn, mxcheck if you'd like to write a custom error message

        errors = {
            missing => loc('Please enter your email'),
            other   => loc('Please check your email address is correct')
        };
        
        loc_email_error = errors.$email_error || errors.other;
    END %]
    
    [% IF loc_email_error  %]
        <div class="form-error">[% loc_email_error %]</div>
    [% ELSIF sign_in_error %]
        <div class="form-error">[% loc('There was a problem with your email/password combination. If you cannot remember your password, or do not have one, please fill in the &lsquo;sign in by email&rsquo; section of the form.') %]</div>
    [% END %]

    <div class="form-field">
        <label class="n" for="email">[% loc('Your email address:') %]</label>
        <input type="email" class="required email" size="30" id="email" name="email" value="[% email | html %]">
    </div>

<div id="form_sign_in">
    <h3>[% loc("Do you have a FixMyStreet password?") %]</h3>

    <div id="form_sign_in_yes">

        <p>
        <label class="n" for="password_sign_in">[% loc('<strong>Yes</strong> I have a password') %]</label>
        <input type="password" name="password_sign_in" id="password_sign_in" value="">
        </p>

        <p>
        <input type="checkbox" id="remember_me" name="remember_me" value='1'[% ' checked' IF remember_me %]>
        <label class="n" for="remember_me">
        [% loc('Keep me signed in on this computer') %]
        </label>
        </p>
        
        <p>
        <input type="submit" name="sign_in" value="[% loc('Sign in') %]">
        </p>

    </div>
    <div id="form_sign_in_no">

        <p>[% loc('<strong>No</strong>, I do not, let me sign in by email:') %]</p>

        <div class="fieldset">
            <div class="form-field">
                <label for="name">[% loc('Your name:') %]</label>
                <input type="text" name="name" value="">
            </div>

            <div class="form-field">
                <label for="password_register">[% loc('Enter a new password:') %]</label>
                <input type="password" name="password_register" id="password_register" value="">
            </div>
        </div>

        <p><small>Providing a name and password is optional, but doing so
        will allow you to more easily report problems, leave updates and
        manage your reports.</small></p>

        <p>
        <input type="submit" name="email_sign_in" value="[% loc('Sign in by email') %]">
        </p>

    </div>

</div>
    
</form>


[% INCLUDE 'footer.html' %]