@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.LoginViewModel
<!-- Login page -->
<div class="container">
    <div class="row" style="align-content:center">
        <div class="col-xs-offset-4 col-sm-4" >
            <div class="form-login"> 
                <h4>Welcome to HeuristicLab Hive</h4>
                <form asp-controller="Home" asp-action="Login" method="POST">
                    <i class="fa fa-user"></i>
                    <label asp-for="loginName">

                    </label>
                    <input 
                           type="text" 
                           asp-for="loginName" 
                           class="form-control input-sm chat-input" />
                    <i class="fa fa-key"></i>
                    <label 
                           asp-for="password">

                    </label>
                    <input 
                           type="password" 
                           asp-for="password" 
                           class="form-control input-sm chat-input" />
                    <br/>
                    <div class="wrapper">
                        <span class="group-btn">
                            <button 
                                    type="submit" 
                                    class="btn btn-primary btn-md"
                                    style="width: 100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                                 Login <i class="fa fa-sign-in"></i>
                            </button>
                        </span>
                        <span style="color:red">
                        <br/>@Model.errorMessage
                        </span>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>