@model upes_admission.Models.BackOfficeLoginViewModels

@{
    Layout = null;
}


<!DOCTYPE html>

<html class="bg-black">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Back Office | Log in</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- bootstrap 3.0.2 -->
    <link href="~/src/AdminSkin/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- font Awesome -->
    <link href="~/src/AdminSkin/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="~/src/AdminSkin/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body class="bg-black">
    <div class="form-box" id="login-box">
        <div class="header"><img src="~/Src/AdminSkin/img/logo.jpg" /></div>
        @using (Html.BeginForm("Index", "BackOffice", FormMethod.Post))
        {
            <div class="body bg-gray">
                <div class="form-group">
                    @Html.TextBoxFor(m => m.UserName, new { @class = "form-control", @placeholder = "User Name" })
                </div>
                <div class="form-group">
                    @Html.TextBoxFor(m => m.Password, new { @class = "form-control", @placeholder = "Password", @type="password" })
                </div>
            </div>
            <div class="footer">
                <button type="submit" class="btn bg-navy btn-block">Sign me in</button>
                <div class="text-red">@ViewBag.message</div>
            </div>
        }
    </div>
    <!-- jQuery 2.0.2 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="~/src/AdminSkin/js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>
