You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
4.6 KiB
79 lines
4.6 KiB
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>{{ NAME }}. Оплата счета.</title>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon">
|
|
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/static/css/bootstrap-datepicker.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/bootstrap-datepicker.standalone.min.css" type="text/css" />
|
|
{% block head %}
|
|
{% endblock %}
|
|
</head>
|
|
<body style="background-color: #ffcd00;">
|
|
|
|
<div class="col-xs-12" style=" margin: 0 auto;
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;">
|
|
<a href="/"><img src="/static/img/logo.png" style=" max-width: 200px;"></a>
|
|
<img src="/static/img/preloader.gif" style="display: none;width: 24px; height: 24px; margin-left: 10px;margin-top: -8px;" name="partner_request_progress">
|
|
|
|
</div>
|
|
<div class="col-xs-12 col-sm-5 col-lg-4" style="float: none;clear: both; margin: 50px auto 0;">
|
|
<form style=" margin: 50px auto 15px auto;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
border-radius: 3px;
|
|
border: 1px solid #ccc;
|
|
border-top: 5px solid #337ab7;
|
|
padding: 26px 24px 22px;
|
|
border-bottom: 5px solid #ccc;" onsubmit="return false;" name="partner_request_form">
|
|
<p style=" font-weight: bold;font-size: 15px; margin-bottom: 20px;">Оплата счета<span style=" float: right;
|
|
font-size: 25px;
|
|
color: #fff;
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 15px;
|
|
background: #a6d262;
|
|
padding: 5px 10px;
|
|
border-radius: 3px;">{{ sum }} руб</span></p>
|
|
<p style="padding: 5px; background: #ffc; text-align: center; border-radius: 3px;display: none;" name="partner_request_error"></p>
|
|
<p style=" margin-bottom: 0;
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
background: #ffc;
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
color: #666;text-align: center;">{{ name }}</p>
|
|
<input name="key" value="{{ key }}" readonly style="display: none;">
|
|
<p style="margin-bottom: 20px;"><input type="text" placeholder="Фамилия" name="fname" class="form-control" style="height: 45px;font-size: 25px;" {% if user.is_authenticated and user.fname %}value="{{ user.fname }}"{% endif %}></p>
|
|
<p style="margin-bottom: 20px;"><input type="text" placeholder="Имя" name="name" class="form-control" style="height: 45px;font-size: 25px;" {% if user.is_authenticated and user.name %}value="{{ user.name }}"{% endif %}></p>
|
|
<p style="margin-bottom: 20px;"><input type="text" placeholder="Отчество" name="oname" class="form-control" style="height: 45px;font-size: 25px;" {% if user.is_authenticated and user.oname %}value="{{ user.oname }}"{% endif %}></p>
|
|
<p style="margin-bottom: 20px;float: left;"><i class="glyphicon glyphicon-plus" style=" font-size: 24px;
|
|
color: #666;
|
|
margin: 8px 5px;"></i><input type="text" placeholder="Телефон" name="phone" class="form-control" style=" height: 45px;
|
|
font-size: 25px;
|
|
float: right;
|
|
width: 90%;" {% if user.is_authenticated and user.phone %}value="{{ user.phone }}"{% endif %}></p>
|
|
<p style="margin-bottom: 20px;"><input type="text" placeholder="Электронный адрес" name="email" class="form-control" style="height: 45px;font-size: 25px;" {% if user.is_authenticated and user.email %}value="{{ user.email }}"{% endif %}></p>
|
|
<p style="text-align: right;"><button onclick="create_partner_request()" name="button" class="btn btn-success" style="width: 100%;font-size: 25px;">Оплатить</button></p>
|
|
</form>
|
|
<p style="margin: 0 15px;font-weight: bold;color: #fff;"><i class="glyphicon glyphicon-copyright-mark" style="font-size: 12px;"></i> 2016 <span style="float: right;"><span style="font-size: 15px;
|
|
margin-right: 2px; margin-left: 10px;">«</span>{{ NAME }}<span style=" font-size: 15px;
|
|
margin-left: 2px;">»</span></span></p>
|
|
</div>
|
|
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
{% block footer %}
|
|
{% endblock %}
|
|
<script src="/static/js/jquery.min.js"></script>
|
|
<script src="/static/js/bill_request.js" type="text/javascript"></script>
|
|
<script src="/static/js/regex_check.js" type="text/javascript"></script>
|
|
</body>
|
|
</html> |