﻿<div class="grid-row">
    <div class="column-half">
        <h1 class="heading-large">Sign in</h1>
        <form method="post">
            @Html.AntiForgeryToken()
            <div class="form-group">
                <label class="form-label" for="email-address">Email address</label>
                <input class="form-control form-control-3-4" id="email-address" name="EmailAddress" type="text">
            </div>
            <div class="form-group">
                <label class="form-label" for="password">Password</label>
                <input class="form-control form-control-3-4" id="password" name="Password" type="password">
                <p>
                    <a href="#">I can't access my account</a>
                </p>
            </div>
            <div class="form-group">
                <button type="submit" class="button">Sign in</button>
            </div>
        </form>
    </div>
    <div class="column-half">
        <h1 class="heading-large">New to this service?</h1>
        <p>If you haven’t used this service before you must <a href="@Url.Action("Register", "Account")">create an account</a></p>
    </div>
</div>
﻿@model bool
@{
    var invalidAttributes = Model ? "aria-invalid=\"true\" aria-labeledby=\"invalidMessage\"" : "";
}

<div class="grid-row">
    <div class="column-half">
        <h1 class="heading-large">Sign in</h1>
        @if (Model)
        {
            <div class="error" style="margin-bottom: 10px;" id="invalidMessage">
                <p class="error-message">Invalid Email address / Password</p>
            </div>
        }
        <form method="post">
            @Html.AntiForgeryToken()
            <div class="form-group">
                <label class="form-label" for="email-address">Email address</label>
                <input class="form-control form-control-3-4" id="email-address" name="EmailAddress" type="text" 
                       autofocus="autofocus" aria-required="true" @invalidAttributes>
            </div>
            <div class="form-group">
                <label class="form-label" for="password">Password</label>
                <input class="form-control form-control-3-4" id="password" name="Password" type="password"
                       aria-required="true" @invalidAttributes>
                <p>
                    <a href="#">I can't access my account</a>
                </p>
            </div>
            <div class="form-group">
                <button type="submit" class="button">Sign in</button>
            </div>
        </form>
    </div>
    <div class="column-half">
        <h1 class="heading-large">New to this service?</h1>
        <p>If you haven’t used this service before you must <a href="@Url.Action("Register", "Account")">create an account</a></p>
    </div>
</div>
Add invalid message + aria tags to login
Add invalid message + aria tags to login
