<!DOCTYPE html>
<html>
<head>
    <title>Регистрация</title>
    <link type="text/css"  href="/web/templates/Freyamu/login/css/application.min.css" rel="stylesheet">
    <link type="text/css"  href="/web/templates/Freyamu/login/css/main.css" rel="stylesheet">
    <link rel="shortcut icon" href="/templates/index/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta charset="utf-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
    <script src="/web/templates/Freyamu/js/notiJ.js"></script>
    <script src="/web/templates/Freyamu/js/register.js"></script>
</head>
<body>
<center>
    <div>
        <a href="/" target="_blank" class="btn btn-primary"><i class="fa fa-home"></i> На сайт</a>
        <a href="http://forum.freyamu.ru/" target="_blank" class="btn btn-primary"><i class="fa fa-comments"></i> Форум</a>
        <a href="/user/register" class="btn btn-primary"><i class="fa fa-user"></i> Регистрация</a>
        <a href="/user/login" class="btn btn-primary"><i class="fa fa-sign-in"></i> Авторизация</a>
        <a href="/user/restore" class="btn btn-primary"><i class="fa fa-question-circle"></i> Забыли пароль?</a>
        <button type="button" lang="rus" class="btn btn-default">Rus</button>
        <button type="button" lang="eng" class="btn btn-default">Eng</button>
    </div>
</center>
<div class="img_preload"></div>
<center>
    <a href="" style="margin:8px 0 0 0;"><div class="logo_auth_n"><div class="logo_auth"></div></div></a>
</center>

<style>
    .hide_lod {
        opacity: 0.5;
        -moz-opacity: 0.8;
        filter: alpha(opacity=80) black;
        -khtml-opacity: 0.8;
        background-color: rgba(68, 57, 57, 0.58);
    }

</style>

<div class="single-widget-container">
    <!-- <div class="col-md-7 col-md-offset-1"> -->
    <section class="widget registration-widget">
        <div class="tab-content">
            <header>
                <center>
                    <h4><i class="fa fa-user"></i> {$Lang.RegisterTitle}</h4>
                </center>
            </header>
        </div>
        <div class="body">
            <div id="wizard" class="form-wizard">

                <form id="validate-form" action="/user/register" method="post">
                    <div class="tab-content">
                            <div class="form-horizontal form-condensed">
                                <fieldset>

                                    <center>
                                        <div class="col-md-100" style="width: 90%;">
                                            <label for="login" style="display: block;margin-top: 3px;">
                                                <div class="input-group input-group-regu">
											<span class="input-group-addon">
													<i class="fa fa-user" style="width: 61px;"></i>

											</span>
                                                    <input type="text" id="login" name="login" placeholder="{$Lang.RegisterLogin}" class="form-control">
                                                </div>
                                            </label>
                                        </div>
                                        <br>
                                        <div class="col-md-100" style="width: 90%;">
                                            <label for="login" style="display: block;margin-top: 3px;">
                                                <div class="input-group input-group-regu">
											<span class="input-group-addon">
													<i class="fa fa-user" style="width: 61px;"></i>

											</span>
                                                    <input type="text" id="name" name="name" placeholder="{$Lang.RegisterName}" class="form-control">
                                                </div>
                                            </label>
                                        </div>
                                        <br>
                                        <div class="col-md-100" style="width: 90%;">
                                            <label for="email" style="display: block;">
                                                <div class="input-group input-group-regu">
											<span class="input-group-addon">
												<i class="fa fa-envelope-o" style="width: 61px;"></i>
											</span>
                                                    <input type="text" id="email" name="email" placeholder="{$Lang.RegisterEmail}" class="form-control" style="padding: 1px 0 0 8px;font-size: 13px;">
                                            </label>
                                        </div>
                            </div>
                            <br>
                            <div class="col-md-100" style="width: 90%;">
                                <label for="password" style="display: block;">
                                    <div class="input-group input-group-regu">
											<span class="input-group-addon">
												<i class="fa fa-lock" style="width: 61px;"></i>
											</span>
                                        <input type="password" id="password" name="pass" placeholder="{$Lang.RegisterPassword}" class="form-control">
                                    </div>
                                </label>
                            </div>
                            <br>
                            <div class="col-md-100" style="width: 90%;">
                                <label for="password2" style="display: block;">
                                    <div class="input-group input-group-regu">
											<span class="input-group-addon">
												<i class="fa fa-check" style="width: 61px;"></i>
											</span>
                                        <input type="password" id="password2" name="repass" placeholder="{$Lang.RegisterRePassword}" class="form-control">
                                    </div>
                                </label>
                            </div>
                            <br>
                            <div class="col-md-100" style="width: 90%;">
                                <label for="capcha" style="display: block;">
                                    <div class="input-group input-group-regu">
											<span class="imput-group-content input-group-addon">
												<img id="capchaimg" src="/captcha" onclick="this.src='/captcha'" style="width: 61px;">
											</span>
                                        <input name="captcha" id="capcha" type="text" class="form-control imput-group-content" placeholder="{$Lang.RegisterCaptcha}" style="padding: 1px 0 0 8px;font-size: 13px;">
                                    </div>
                                </label>
                            </div>
                            <br>
                            <div class="col-md-100" style="width: 90%;margin: -10px 0 -10px 0;">
                                <div class="input-group input-group-regu">
                                    <label class="checkbox" for="change-password" style="text-align: center;padding: 5px 0 0px 0;margin: 0 0 7px -10px;display: inline-block;">
                                        <input type="checkbox" id="rules" class="iCheck" name="rules" style="top: -1px;">
                                        <span class="labels" style="top: 2px;position: relative;"></span>
                                    </label>{$Lang.RegisterRules2}
                                </div>
                            </div>
                            <div class="description">
                                <ul class="pager wizard">
                                    <li class="next">
                                        <button id="next" name="register_btn" class="btn right btn-success" style="width: 90%;"><span style=""><i class="fa fa-check" style="position: relative;top: 1px;margin-right: 2px;"></i> {$Lang.RegisterButton}</span></button>
                                    </li>
                                    <li class="finish" style="display: none">
                                        <style>
                                            .pager li > a, .pager li > span {
                                                display: inline-block;
                                                padding: 5px 14px;
                                                background-color: #618fb0;
                                                border-color: #5383a5;
                                            }
                                            .pager li > a:hover, .pager li > a:focus {
                                                text-decoration: none;
                                                background-color: #4d7a9b;
                                                border-color: #3e627c;
                                            }
                                        </style>
                                        <a href="/user" class="btn btn-primary pull-center" style="width:100%;border-radius: 3px;height: 28px;padding: 2px 0 0 0;">
                                            <i class="fa fa-check"></i> Авторизироваться
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            </center>
                            </fieldset>

                    </div>

            </div>
            <br>
            </form>
        </div>
</div>
</section>
<!--</div>-->
</div>

{foreach $Messages as $message}
    <script>
        $.fn.notij( "{$message}" ,{ 'type':'error' });
    </script>
{/foreach}
</body>
</html>
