digitaleagentur/dasettings/templates/dasettings/dasettings_billplan.html

99 lines
2.9 KiB
HTML

{% extends "users/base.html" %}
{% load crispy_forms_tags %}
{% load mathfilters %}
{% load humanize %}
{% load counter_tag %}
{% block content %}
<div class="content-section col-12">
<h3>Abonnement starten</h3>
<hr>
<form method="POST" enctype="multipart/form-data">
{% csrf_token %}
<div class="row">
<div class="col-4">
<h5>Agenturdaten überprüfen</h5>
<hr>
{% for formfield in form %}
{% if formfield.name != 'agb' and formfield.name != 'contract' and formfield.name != 'recoverdir' %}
{{formfield|as_crispy_field}}
{% endif %}
{% endfor %}
</div>
<div class="col-4">
<h5>Abonnement festlegen</h5>
<hr>
<p>Das Abonnement der Digitalen Agentur umfasst die Nutzung inkl. der aktuellen Nutzeranzahl und verlängert sich automatisch. Nach jedem Monat wird eine neue Rechnung erstellt. Sie können innerhalb eines Monats ihr Abonnement kündigen.
<hr>
<p>Mit Klick auf dem Button <i>Jetzt kostenpflichtig bestellen</i> wird eine Rechnung für Ihre Agentur generiert und per E-Mail an die hinterlegte Rechnungs-E-Mailadresse oder an die Agentur-E-Mailadresse versendet. Der Rechnungsbetrag muss innerhalb von 14 Tagen beglichen werden.
<hr>
<b>Beginn des Leistungszeitraums: </b>{{end|date:"d.m.Y"}}<br />
{% loadFinalMoney user as fm %}
<b>Aktueller Rechnungsbetrag: <span id="billfinal">{{fm|floatformat:2|intcomma}}</span>&nbsp;</b>
<hr>
{{form.contract}}&nbsp;&nbsp;<a style="" href="https://digitale-agentur.com/agb" target="_blank">AV-Vertrag*</a><br/>
{{form.agb}}&nbsp;&nbsp;<a style="" href="https://digitale-agentur.com/agb" target="_blank">AGB's*</a><br />
{{form.recoverdir|as_crispy_field}}
</div>
</div>
<hr>
<div class="col-8">
<a class="btn" href="{% url 'dasettings' %}">Abbrechen</a>
<button type="submit" class="btn btn-primary" style="float: right" id="finalsubmitbutton">Jetzt kostenpflichtig bestellen</button>&nbsp;
</div>
</form>
</div>
<script type="text/javascript">
var monthlybill_str = "{{fm}}";
var monthlybill = 0;
$(document).ready(function(){
monthlybill = monthlybill_str.replace(",", ".");
updatePlan(1);
})
$( "#id_recoverdir" ).click(function() {
console.log($("#id_recoverdir"));
if($("#id_recoverdir").prop('checked') == true){
$("#finalsubmitbutton").html("Jetzt kostenpflichtig für zzgl. 15 € einmalige Zahlung bestellen")
}
else{
$("#finalsubmitbutton").html("Jetzt kostenpflichtig bestellen")
}
});
function updatePlan(newPlan){
new_bill = (monthlybill * newPlan).toFixed(2);
monthlybill_str_new = "" + new_bill;
monthlybill_str_new = monthlybill_str_new.replace(".", ",");
$("#billfinal").html(monthlybill_str_new);
$("#id_paymentplan").val(newPlan);
}
</script>
{% endblock content %}