{% 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' %}
          {{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 über einen Monat. Nach jedem Monat wird eine neue Rechnung generiert, um die aktuelle Nutzeranzahl zu erfassen. Sie können innerhalb des 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>Rechnungsbetrag: <span id="billfinal">{{fm|floatformat:2|intcomma}}</span>&nbsp;€</b>
          <hr>
        {{form.contract|as_crispy_field}}
        {{form.agb|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">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);
})


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 %}