<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Вход - Tizer Divizion</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">




<link rel="stylesheet" href="/assets/css/bootstrap.min.css">

<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/flags/flags.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/loginpage.css"> 

<!--[if lt IE 9]>
            <script src="/assets/js/html5shiv.min.js"></script>
            <script src="/assets/js/respond.min.js"></script>
        <![endif]-->
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/main.js"></script>
<script src="/assets/js/highlight.js"></script>
<script src="/assets/js/tooltips.js"></script>


<style>
	
		/** Notification **/
		.notify.default
		{
			display:block;
			position:fixed;
			top:60px;
			right:20px;
			z-index: 50;
		}
		
		.notify.default .notice{
		  position: relative;
		  padding: 15px 15px;
		  margin-bottom: 18px;
		  color: #404040;
		  background-color: #eedc94;
		  background-repeat: repeat-x;
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
		  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
		  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
		  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
		  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
		  background-image: linear-gradient(top, #fceec1, #eedc94);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		  border-color: #eedc94 #eedc94 #e4c652;
		  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		  border-width: 1px;
		  border-style: solid;
		  -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
		  border-radius: 4px;
		  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		}
		
		.notify.default .notice
		{
			margin-bottom: 10px;
		}
		
		.notify.default .notice .close
		{
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			float: right;
			color: #000000;
			font-size: 20px;
			font-weight: bold;
			line-height: 13.5px;
			text-shadow: 0 1px 0 #ffffff;
			filter: alpha(opacity=20);
			-khtml-opacity: 0.2;
			-moz-opacity: 0.2;
			opacity: 0.2;
			text-decoration: none;
		}
		
		.notify.default .notice .close:hover
		{
		  color: #000000;
		  text-decoration: none;
		  filter: alpha(opacity=40);
		  -khtml-opacity: 0.4;
		  -moz-opacity: 0.4;
		  opacity: 0.4;
		}

		.notify.default .notice strong
		{
			font-weight: bold;
			color:inherit;
		}
		
		.notify.default .notice.success{
			background-color: #57a957;
			background-repeat: repeat-x;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
			background-image: -moz-linear-gradient(top, #62c462, #57a957);
			background-image: -ms-linear-gradient(top, #62c462, #57a957);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
			background-image: -webkit-linear-gradient(top, #62c462, #57a957);
			background-image: -o-linear-gradient(top, #62c462, #57a957);
			background-image: linear-gradient(top, #62c462, #57a957);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-color: #57a957 #57a957 #3d773d;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color:#FFF;
		}
		
		.notify.default .notice.error
		{
			background-color: #c43c35;
			background-repeat: repeat-x;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
			background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
			background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
			background-image: linear-gradient(top, #ee5f5b, #c43c35);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-color: #c43c35 #c43c35 #882a25;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color: #FFF!important;
		}
		
		.notify.default .notice.info
		{
			background-color: #339bb9;
			background-repeat: repeat-x;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
			background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
			background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
			background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
			background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
			background-image: linear-gradient(top, #5bc0de, #339bb9);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-color: #339bb9 #339bb9 #22697d;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color:#FFF;
		}
	
	</style><script type="text/javascript">
	
			(function($) {
				/**
				 * (c) http://stackoverflow.com/questions/2655308/jquery-version-compatibility-detection/3113707#3113707
				 * Used for version test cases.
				 * 
				 * @param {string} left A string containing the version that will become
				 *        the left hand operand.
				 * @param {string} oper The comparison operator to test against. By
				 *        default, the "==" operator will be used.
				 * @param {string} right A string containing the version that will
				 *        become the right hand operand. By default, the current jQuery
				 *        version will be used.
				 *        
				 * @return {boolean} Returns the evaluation of the expression, either
				 *         true or false.
				 *
				 *
				 *	$.isVersion("1.4.2"); // returns true, if $().jquery == "1.4.2"
				 *	$.isVersion("1.3.2", ">"); // returns true if $().jquery > "1.3.2"
				 *	$.isVersion("1.3", ">", "1.2.6"); // returns true
				 *	$.isVersion("1.3.2", "<", "1.3.1"); // returns false
				 *	$.isVersion("1.4.0", ">=", "1.3.2"); // returns true
				 *	$.isVersion("1.4.1", "<=", "1.4.1"); // returns true
				 *         
				 */
				$.isVersion = function(left, oper, right) {
					if (left) {
						var pre = /pre/i,
							replace = /[^\d]+/g,
							oper = oper || "==",
							right = right || $().jquery,
							l = left.replace(replace, ""),
							r = right.replace(replace, ""),
							l_len = l.length, r_len = r.length,
							l_pre = pre.test(left), r_pre = pre.test(right);
			
						l = (r_len > l_len ? parseInt(l) * ((r_len - l_len) * 10) : parseInt(l));
						r = (l_len > r_len ? parseInt(r) * ((l_len - r_len) * 10) : parseInt(r));
			
						switch(oper) {
							case "==": {
								return (true === (l == r && (l_pre == r_pre)));
							}
							case ">=": {
								return (true === (l >= r && (!l_pre || l_pre == r_pre)));
							}
							case "<=": {
								return (true === (l <= r && (!r_pre || r_pre == l_pre)));
							}
							case ">": {
								return (true === (l > r || (l == r && r_pre)));
							}
							case "<": {
								return (true === (l < r || (l == r && l_pre)));
							}
						}
					}
			
					return false;
				}
			})(jQuery);
		
			function notify(json, globalTtl, globalRegion)
			{
				var now = new Date();
				now = now.getTime();
				for (key in json)
				{
					
					if ( key != "data" && key != "comeback" )
					{
						if (typeof globalRegion != "undefined" && globalRegion != null)
							var region = globalRegion;
						else if (json[key].region == null || json[key].region == "default")
							var region = "default";
						else
							var region = json[key].region;
						
						if (typeof globalTtl != "undefined" && globalTtl != null)
							var ttl = globalTtl*1000;
						else
							var ttl = json[key].ttl*1000;
							
							
						$(".notify."+region).prepend("<div data-ttl=\""+ttl+"\" class=\"notice "+json[key].type+"\"><p>"+json[key].message+"</p></div>");
					}
					
					if ( key == "comeback" && json["comeback"] != null && json["comeback"] != "" )
						window.location = json["comeback"];
				}
					
				$(".notice",".notify").click(function(){ $(this).fadeOut(300); });

			}
			
			function notifyIsSuccess(json)
			{
				if (json != undefined && json[0] != undefined && !json[0].isError)
					return true;
				else
					return false;
			}
			
			function notifyError(message, ttl, region)
			{
				var json = [{
					"isError" : 1,
					"type" : "error",
					"message" : message,
					"region"	: region,
					"ttl"		: ttl
				}];
				notify(json);
			}
			
			function notifySuccess(message, ttl, region)
			{
				var json = [{
					"isError" 	: 0,
					"type" 		: "success",
					"message" 	: message,
					"region"	: region,
					"ttl"		: ttl
				}];
				notify(json);
			}
			
			var notifyRegion;
			function notifySetRegion(region)
			{
				notifyRegion = region;
			}
			
			function close_old_notifies()
			{
			
				var now = new Date();
				now = now.getTime();
				if ($(".notify > div:visible").size())
				{
					$(".notify > div:visible").each(function()
					{
						if (!$(this).attr("data-time"))
						{
							$(this).attr("data-time",now);
						}
							
						var notice_time = $(this).attr("data-time");
						var notice_ttl = $(this).attr("data-ttl");
		
						if (notice_ttl != 0 && (now-notice_time) > notice_ttl )
							$(this).fadeOut(800);

					});
				}
			}
			
			
			
			
			$(document).ready(function()
			{
				if ($.isVersion("1.7", ">")) {
					$(".notice",".notify").live("click",function(){ $(this).fadeOut(300); });
				}
				else {
					$(".notify").on("click",".notice",function(){ $(this).fadeOut(300); });
				}
				
				setInterval("close_old_notifies()",500);
				
				/*$(".notice",".notify").hover(function()
				{
					$(this).css("opacity","1");
				},
				function()
				{
					$(this).css("opacity","0.5");
				});*/
			});
	
	</script> <script type="text/javascript">
        $(window).on('load', function () {
        $('.selectpicker').selectpicker({
        });
        });
        </script>
</head>
<body>
<div class="notify default"></div> <header class="navbar navbar-inverse navbar-static-top">
<div class="container">
</div>
</header>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<h1 class="text-center login-title">Вход на сайт</h1>
<div class="account-wall">
<img class="profile-img" src="/assets/img/photo.png" alt="">
<form class="form-signin" action="/user/login" method="post">
<input name="user" class="form-control" placeholder="логин" required autofocus>
<input name="pass" type="password" class="form-control" placeholder="пароль" required>
<button class="btn btn-lg btn-primary btn-block" type="submit">
Войти
</button>
<span class="clearfix"></span>
</form>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<p class="footer-content">
</p>
</div>
</div> 
</body>
</html>