<!DOCTYPE html>
{% load i18n %}
<html>
<head>
    <title>{% trans '天鉴物流-登录' %}</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,charset=utf-8">   
    <link href="/static/bootstrap/css/spacelab/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/sticky-footer-navbar.css" rel="stylesheet">
    <script src="/static/js/jquery-2.1.0.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/bootstrap/js/bootbox.min.js"></script>

    <style>
        .text-muted{
            text-align:center;
        }

         .form-horizontal .form-control{
            background: #f0f0f0;
            border: none;
            border-radius: 15px;
            box-shadow: none;
            padding: 0 20px 0 45px;
            height: 35px;
            transition: all 0.3s ease 0s;
        }    
        .form-horizontal .form-group{
            padding: 0 40px;   
            position: relative;
        }   
        .form-horizontal .form-control:focus{
            color:black;
            background: #e0e0e0;
            box-shadow: none;
            outline: 0 none;
        }
        .form-horizontal .form-group i{
            position: absolute;
            top: 8px;
            left: 60px;
            font-size: 17px;
            color: #c8c8c8;
            transition : all 0.5s ease 0s;
        }    
        .form-horizontal .alert{
            margin:10px 25px;
        }

        .modal-footer{
            padding-right:46px;
        }




    </style>

    <script  type="text/javascript">
        $(document).ready(function(){
            $('.btn-confirm').click(function(){              
                $('.login').submit();
            });
            $('.btn-cancel').click(function(){
                window.location.href=$('#nxt').val();
            });
            $('#pwd').keydown(function(event){
                if (event.keyCode == 13){                    
                                    
                        $('.login').submit();
                    
                }
            });
        });
    </script>
</head>
<body>


<div class='container'>    
    
    <div class="modal-dialog modal-sm" >
      <div class="modal-content">
        <div class="modal-header">      
            <span style='padding: 0 30px;'> 
                <img src='/static/images/logo40.png'></img>
                <span style='font-size:120%;font-weight:bold;'>{% trans '天鉴物流-用户登录' %}</span>
            </span>
        </div>
        <div class="modal-body" >
            <form class='form-horizontal login' role='form' method='post'> {% csrf_token %}  
            <input type='hidden' id='nxt' name='next' value='{{next}}'></input>
            {% if e %}
                <div class='alert alert-danger'>
                    <span class="glyphicon glyphicon-warning-sign">
                    {{e}}
                </div>
            {% endif %}
            <div class='form-group'>    
                <input class='form-control'  name='usr'
                    id='usr' placeholder={% trans '用户帐号:' %}>
                <i class="glyphicon glyphicon-user"></i>                
            </div>
            <div class='form-group'>   
                <input class='form-control' type='password' name='pwd'
                   id='pwd'
                placeholder={% trans '用户密码:' %}>
                <i class="glyphicon glyphicon-lock"></i>                   
            </div>            
            </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default btn-cancel">{% trans '取消' %}</button>
          <button type="button" class="btn btn-primary btn-confirm">{% trans '确定' %}</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
    </div>

</body>
