<inputclass="input-price select-number"type="number"min="1"max="48"id="coreValue"name="cpu"data-error="{% trans 'Please enter a value in range 1 - 48' %}"required>
<inputid="ramValue"class="input-price select-number"type="number"min="2"max="200"name="ram"data-error="{% trans 'Please enter a value in range 2-200.' %}"required>
<inputid="storageValue"class="input-price select-number"type="number"min="10"max="2000"step="10"name="storage"data-error="{% trans 'Please enter a value in range 10 - 2000.' %}"required>
<labelfor="name"class="control-label">{% trans "Name"%}</label>
<inputtype="text"name="name"class="form-control"placeholder="{% trans 'Your Name'%}"data-minlength="3"data-error="{% trans 'Please enter your name' %}"required>
</div>
<divclass="help-block with-errors">
{% for message in messages %}
{% if 'name' in message.tags %}
<ulclass="list-unstyled"><li>
{{ message|safe }}
</li></ul>
{% endif %}
{% endfor %}
</div>
</div>
<divclass="form-group">
<divclass="description input justify-center">
<labelfor="email"class="control-label">{% trans "Email"%}</label>
<inputname="email"type="email"pattern="^[^@\s]+@([^@\s]+\.)+[^@\s]+$"class="form-control"placeholder="{% trans 'Your Email' %}"data-error="{% trans 'Please enter a valid email address' %}"required>
</div>
<divclass="help-block with-errors">
{% for message in messages %}
{% if 'email' in message.tags %}
<ulclass="list-unstyled"><li>
{{ message|safe }}
</li></ul>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<inputtype="submit"class="btn btn-primary disabled"value="{% trans 'Order Now!' %}"></input>