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.
67 lines
3.4 KiB
67 lines
3.4 KiB
{% extends request.is_ajax|yesno:'bajax.html,base.html' %}
|
|
{% load i18n %}
|
|
{% block main %}
|
|
|
|
<ol class="breadcrumb">
|
|
<li><span class="glyphicon glyphicon-home"></span></li>
|
|
<li><a href="{% url 'abonapp:group_list' %}">{% trans 'User groups' %}</a></li>
|
|
<li><a href="{% url 'abonapp:people_list' abon_group.pk %}">{{ abon_group.title }}</a></li>
|
|
<li><a href="{% url 'abonapp:abon_home' abon_group.pk abon.pk %}">{{ abon.fio }}</a></li>
|
|
<li class="active">{% trans 'Pick a service' %}</li>
|
|
</ol>
|
|
|
|
{% include 'message_block.html' %}
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">{% trans 'Pick a service for' %}
|
|
<a href="{% url 'abonapp:abon_home' abon_group.pk abon.pk %}"><u>{% trans 'Sub' %}</u></a>
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<form role="form" action="{% url 'abonapp:pick_tariff' abon_group.pk abon.pk %}"
|
|
method="post">{% csrf_token %}
|
|
<div class="form-group">
|
|
<label for="id_tariff">{% trans 'Pick a service' %}</label>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><span class="glyphicon glyphicon-bullhorn"></span></span>
|
|
<select class="form-control" name="tariff" id="id_tariffs">
|
|
{% for trf in tariffs %}
|
|
<option value="{{ trf.pk }}" data-deadline="{{ trf.calc_deadline|date:"Y-m-d" }}">
|
|
{{ trf.title }}. {{ trf.amount }}{% trans 'currency' %}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
{% if not abon.active_tariff %}
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
|
|
<input type="text" class="form-control" name="deadline" id="id_deadline" value="{{ tariffs.0.calc_deadline|date:"Y-m-d" }}">
|
|
<script type="text/javascript" src="/static/js/datetime_with_moment.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$('#id_deadline').datetimepicker({
|
|
format: 'YYYY-MM-DD'
|
|
});
|
|
$('#id_tariffs').on('change', function(){
|
|
var a = $(this).find('option:selected');
|
|
$('#id_deadline').val(a.attr('data-deadline'));
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="btn-group">
|
|
<button type="submit" class="btn btn-sm btn-primary">
|
|
<span class="glyphicon glyphicon-save"></span> {% trans 'Save' %}
|
|
</button>
|
|
<button type="reset" class="btn btn-sm btn-default">
|
|
<span class="glyphicon glyphicon-remove-circle"></span> {% trans 'Reset' %}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|