<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7">
    <![endif]-->
    <!--[if IE 7]>
    <html class="no-js lt-ie9 lt-ie8">
        <![endif]-->
        <!--[if IE 8]>
        <html class="no-js lt-ie9">
            <![endif]-->
            <!--[if gt IE 8]>
            <!-->
            <html class="no-js">
                <!--<![endif]-->
<head>
                <meta http-equiv="content-type" content="text/html; charset=utf-8">
                <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                <meta name="viewport" content="width=device-width, initial-scale=1">
                <meta name="renderer" content="webkit">

                <title>注册</title>

                <!-- Bootstrap -->
                <link href="/static/css/bootstrap.css" rel="stylesheet">
                <link href="/static/css/common.css" rel="stylesheet">
                <link rel="stylesheet" type="text/css" href="/static/css/footer.css">
                <script src="/static/js/jquery.min.js"></script>
                <script src="/static/js/jquery.myext.js"></script>
                <script src="/static/js/bootstrap.min.js"></script>
                <script src="/static/js/bootstrap-datetimepicker.min.js"></script>
                <script src="/static/js/bootstrap-datetimepicker.zh-CN.js"></script>
                <link rel="stylesheet" href="/static/css/icomoon-social.css">

                <link rel="stylesheet" href="/static/css/leaflet.css" />
                <!--[if lte IE 8]>
                <link rel="stylesheet" href="/static/css/leaflet.ie.css" />
                <![endif]-->
                <link rel="stylesheet" href="/static/css/main.css">

                <script src="/static/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
                {% block head %}{% endblock %}
</head>

<body>
                <!-- 导航栏 -->
                <div class="mainmenu-wrapper">
                    <div class="container">
                        <div class="menuextras">

                            <div class="extras">
                                <ul>
                                    <li {% if 'login' in request.path %} class="active" {% endif %}>
                                        <span class="glyphicon glyphicon-circle-arrow-right"></span>
                                        <a href="{% url 'loginurl' %}"> <b>登陆</b>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <nav id="mainmenu" class="mainmenu">
                            {% if user.is_authenticated %}
                            <ul>
                                <li class="logo-wrapper">
                                    <a href="/">
                                        <img src="/static/img/logo.png"></a>
                                </li>
                                <li {% if request.path = '/' %} class="active" {% endif %}>
                                    <a href="/">主页</a>
                                </li>
                                <li {% if 'about' in request.path %} class="active" {% endif %}>
                                    <a href="/about">关于</a>
                                </li>
                            </ul>
                            {% else %}
                            <ul>
                                <li class="logo-wrapper">
                                    <a href="/">
                                        <img src="/static/img/logo.png"></a>
                                </li>
                                <li {% if request.path = '/' %} class="active" {% endif %}>
                                    <a href="/">主页</a>
                                </li>
                                <li {% if 'about' in request.path %} class="active" {% endif %}>
                                    <a href="/about">关于</a>
                                </li>
                            </ul>
                            {% endif %}
                        </nav>
                        <!--/.nav-collapse --> </div>
                </div>

                <!-- 内容区域 -->
                <div class="container" style="width:90%">
                    <br />
                    <div class="row">
                        <div class="col-md-2">
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <span class="glyphicon glyphicon-user btn-xs"></span>
                                        个人信息中心
                                    </h4>
                                </div>
                                <table class="table">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <span class="glyphicon glyphicon-circle-arrow-right"></span>
                                                <a href="{% url 'loginurl' %}">登陆</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-md-10">
                            <div class="section section-breadcrumbs">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h1>注册</h1>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr/>
                            <form class="form-horizontal" role="form" action={% url "signupurl" %} method="POST" >
                                {% csrf_token %}

                                {% for item in form %}
                                <div class="form-group">
                                    <label class="control-label col-md-1">{{item.label}}</label>
                                    <div class="col-md-2">{{item}}</div>
                                    <div class="col-md-offset-1 col-md-10">{{item.errors}}</div>
                                </div>
                                {% endfor %}
                                <div class="form-group">
                                    <div class="col-md-offset-1 col-md-10">
                                        <button type="submit" class="btn btn-danger btn-sm">注册</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                {% include "var/footer.html" %}
                <script src="/static/js/jquery.fitvids.js"></script>
                <script src="/static/js/jquery.sequence-min.js"></script>
                <script src="/static/js/jquery.bxslider.js"></script>
                <script src="/static/js/main-menu.js"></script>
                <script src="/static/js/template.js"></script>
                <script src="/static/js/navmsg.js"></script>
</body>
            </html>