{% extends "client_base_v2.html" %}

{% block extrastyle %}
<style type='text/css'>
    .login-btn {
        background-color:#ff8003;
        color:#FFF;
        padding:3px 9px;
        border-radius:5px;
        margin-top:10px;
    }
    
    .login-btn:hover {cursor:pointer;}
    
</style>
{% endblock %}

{% block content %}
<h2 style='color:#000;'>Customer Login</h2>

{% if message %}
<h3 style='color:red; text-align:center;'>{{ message }}</h3>
{% endif %}

{% for msg in messages %}
<h3 style='color:green; text-align:center;'>{{ msg }}</h3>
{% endfor %}

<form id='login_form' method='post' action='.'>
    {% csrf_token %}
    {% if next_url %}
    <input type='hidden' name='next' value="{{ next_url }}" />
    {% endif %}
    <label for='username'>Username:</label>
    <input type='text' id='username' name='username' placeholder='username' />
    <br/>
    <label for='password'>Password:</label>
    <input type='password' id='password' name='password' placeholder='password' />
    <br/>
    
    <input type='submit' class='login-btn' value="Login" />
    {#<input type="image" src="/images/ubw_btn_login.gif" name="button1" id="button1" style="border: 1px #FFFFFF solid;">#}
</form>
{% endblock %}