{% extends "base.html" %}

{% block content %}
    
    <div class="container-fluid">
    <div class="row-fluid">
        
    <div class="span6">
    <form class="form-horizontal" action="{% url "login" %}" method="post">{% csrf_token %}
        <div class="control-group">
            <label class="control-label" for="inputEmail" style="width:60px;">Email</label>
            <div class="controls" style="margin-left: 80px;">
                <input type="text" id="inputEmail" name="email" placeholder="Email">
            </div>
        </div>
        
        <div class="control-group">
            <label class="control-label" for="inputPassword" style="width: 60px;">Password</label>
            <div class="controls" style="margin-left: 80px;">
                <input type="password" id="inputPassword" name="password" placeholder="Password">
            </div>
        </div>
        
        <div class="control-group">
            <div class="controls" style="margin-left: 80px;">
                <button type="submit" class="btn">Login</button>
            </div>
        </div>
    </form>
    
    {% if error_msg %}
        <div class="alert alert-error">
            {{ error_msg }}
        </div>
    {% endif %}
    
    </div>
    
    <div class="span5">
    <p>no account? <a href="{% url "register" %}">Register</a></p>
    <p>Or, Sign in with the following social accounts</p>
    {% for s in social_sites %}
        <div style="padding: 15px; border: 1px solid #eee;">
            <a href="{{ s.authorize_url }}">
            使用 {{ s.site_name_zh }} 登录
            </a>
        </div>
    {% endfor %}
    </div>
    
    </div>
    </div>
{% endblock %}