Untitled

@model IndividueleOpdracht.ViewModels.SignupViewModel
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Aanmelden</title>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/Content/css/signin.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        @using (Html.BeginForm("Signup", "Account", FormMethod.Post, new { @class = "form-signin" }))
        {
            if (!ViewData.ModelState.IsValid)
            {
                <div class="alert alert-danger" role="alert">
                    <p>@Html.ValidationMessageFor(model => model.Name)</p>
                    <p>@Html.ValidationMessageFor(model => model.Username)</p>
                    <p>@Html.ValidationMessageFor(model => model.Email)</p>
                    <p>@Html.ValidationMessageFor(model => model.Password)</p>
                    @Html.ValidationMessage("SignupError")
                </div>
            }

            <h2 class="form-signin-heading">Aanmelden</h2>
            <div class="form-group">
                @Html.LabelFor(model => model.Name, new { @class = "sr-only" })
                @Html.TextBoxFor(model => model.Name, new { @class = "form-control", @placeholder = "Naam" })
            </div>
            <div class="form-group">
                @Html.LabelFor(model => model.Username, new { @class = "sr-only" })
                @Html.TextBoxFor(model => model.Username, new { @class = "form-control", @placeholder = "Gebruikersnaam" })
            </div>
            <div class="form-group">
                @Html.LabelFor(model => model.Email, new { @class = "sr-only" })
                @Html.PasswordFor(model => model.Email, new { @type = "email", @class = "form-control", @placeholder = "Email adres" })
            </div>
            <div class="form-group">
                @Html.LabelFor(model => model.Password, new { @class = "sr-only" })
                @Html.PasswordFor(model => model.Password, new { @class = "form-control", @placeholder = "Wachtwoord" })
            </div>
            <button class="btn btn-lg btn-primary btn-block" type="submit">Aanmelden</button>
        }
    </div>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</body>
</html>