{% load static i18n %}

<form id="order_form" method="POST" action="{% url 'matrix:index' %}" data-toggle="validator" role="form">
    {% csrf_token %}
    <div class="title">
        <h3>{% trans "Matrix Chat hosting" %} </h3>
    </div>
    <div class="price">
        <span id="total"> {{ matrix_vm_pricing.name }}</span>
        <span>CHF/{% trans "month" %}</span>
        <div class="price-text">
            <p>
                {% if matrix_vm_pricing.set_up_fees %}{{ matrix_vm_pricing.set_up_fees }} CHF Setup<br>{% endif %}
                {% if matrix_vm_pricing.vat_inclusive %}{% trans "VAT included" %} <br>{% endif %}
                {% if matrix_vm_pricing.discount_amount %}
                    {% trans "You save" %} {{ matrix_vm_pricing.discount_amount }} CHF
                {% endif %}
            </p>
        </div>
    </div>
    <div class="descriptions">
        <div class="description form-group">
            <p>{% trans "Hosted in Switzerland" %}</p>
        </div>
        <div class="form-group">
            <div class="description input">
                <i class="fa fa-minus-circle left" data-minus="cores" aria-hidden="true"></i>
                <input class="input-price select-number" type="number" min="1" max="48" id="cores" step="1" name="cores"
                {% if form.cores.value != None %}value="{{ form.cores.value }}"{% endif %} data-error="{% trans 'Please enter a value in range 1 - 48.' %}" required>
                <span> Core</span>
                <i class="fa fa-plus-circle right" data-plus="cores" aria-hidden="true"></i>
            </div>
            <div class="help-block with-errors">
                {% for message in messages %}
                    {% if 'cores' in message.tags %}
                        <ul class="list-unstyled">
                            <li>{{ message|safe }}</li>
                        </ul>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
        <div class="form-group">
            <div class="description input">
                <i class="fa fa-minus-circle left" data-minus="memory" aria-hidden="true"></i>
                <input id="memory" class="input-price select-number" type="number" min="2" max="200" name="memory" 
                {% if form.memory.value != None %}value="{{ form.memory.value }}"{% endif %} data-error="{% blocktrans with min_ram=min_ram %}Please enter a value in range {{min_ram}} - 200.{% endblocktrans %}" required step="1">
                <span> GB RAM</span>
                <i class="fa fa-plus-circle right" data-plus="memory" aria-hidden="true"></i>
            </div>
            <div class="help-block with-errors">
                {% for message in messages %}
                    {% if 'memory' in message.tags %}
                     <ul class="list-unstyled"><li>
                        {{ message|safe }}
                    </li></ul>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
        <div class="form-group">
            <div class="description input">
                <i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i>
                <input id="storage" class="input-price select-number" type="number" min="100" max="10000" step="100"
                       name="storage" {% if form.storage.value != None %}value="{{ form.storage.value }}"{% endif %} data-error="{% trans 'Please enter a value in range 100 - 10000.' %}" required>
                <span>{% trans "GB Storage (SSD)" %}</span>
                <i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i>
            </div>
            <div class="help-block with-errors">
                {% for message in messages %}
                    {% if 'storage' in message.tags %}
                     <ul class="list-unstyled"><li>
                        {{ message|safe }}
                    </li></ul>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
        <div class="description domain select-configuration input form-group justify-center">
            <input type="text" id="matrix_domain" name="matrix_domain" placeholder="Matrix Domain" {% if form.matrix_domain.value != None %}value="{{ form.matrix_domain.value }}"{% endif %}></input>
            <p class="text-danger">{{ form.matrix_domain.errors }}</p>
        </div>
        <div class="description domain select-configuration input form-group justify-center">
            <input type="text" id="homeserver_domain" name="homeserver_domain" placeholder="Homeserver Domain" {% if form.homeserver_domain.value != None %}value="{{ form.homeserver_domain.value }}"{% endif %} ></input>
            <p class="text-danger">{{ form.homeserver_domain.errors }}</p>
        </div>
        <div class="description domain select-configuration input form-group justify-center">
            <input type="text" id="webclient_domain" name="webclient_domain" placeholder="Webclient Domain" {% if form.webclient_domain.value != None %}value="{{ form.webclient_domain.value }}"{% endif %}></input>
            <p class="text-danger">{{ form.webclient_domain.errors }}</p>
        </div>
        <div class="description input form-group">
            <div class="fieldWrapper">
                <span>Is open registration possible:</span>
                {{ form.is_open_registration }}
            </div>
        </div>

    </div>
    <input type="hidden" name="pricing_name" id="pricing_name" value="{% if matrix_vm_pricing.name %}{{matrix_vm_pricing.name}}{% else %}unknown{% endif%}"></input>
    <input type="submit" class="btn btn-primary" value="{% trans 'Continue' %}"></input>
</form>