{% extends "base.html" %}

{% block head %}
{{ super() }}
<script type="text/javascript">
function getPeriod()
{
    var period = 0;
    var periodselect = document.getElementById('period');
    period = periodselect.value;
    return period;
}

function calculateTotal()
{
    //var period = getPeriod();
    //var tpm = {{ tpm }};
    //var discount = {{ discount }};
    //var ppm = {{ ppm }};

    var pricetotal = 0;
    //pricetotal = period * ppm;
    var priceselect = document.getElementById('totalPrice');
    priceselect.innerHTML = "Total: 20";
}
</script>
{% endblock %}

{% block title %}Activate deployment{% endblock %}

{% block page_content %}

<div class="row">

<div class="col-md-12">
<div class="panel panel-info">
<div class="panel-heading">Order new deployment</div>
<div class="panel-body">

<form method="POST" action="{{ url_for('panel.order') }}">
{{ form.cpu.label }} {{ form.cpu(min=2, max=16, step=2) }}<br />
{{ form.memory.label }} {{ form.memory(min=512, max=16384, step=512) }}<br />
{{ form.storage.label }} {{ form.storage(min=10, max=100, step=10) }}<br />

<div id="totalPrice">Total: "</div>

<p>
    {{ form.csrf_token() }}
    {{ form.submit }}
</p>

</div>
</div>
</div>

</div>

{% endblock %}