{% extends "base.html" %}

{% block title %}Create{% endblock %}

{% block page_content %}

        <script>
        window.onload =$(function(){                        
          $("#noUiSlider").empty().noUiSlider( 'init', {
        start: 0,
        step: 1,
        format: wNumb({
                decimals: 0
        }),

        range: {
                min: 1,
                max: 16
        }

        });

});

        </script> 


<div class="page-header">
    <h1>Deploy</h1>
</div>

<div class="container-fluid">
  <br />
  <div class="row">

    <div class="col-md-12">
      <div class="panel panel-default">
        <div class="panel-heading">Create Deployment</div>
        <div class="panel-body">

    <form method="POST" action="{{ url_for('vmanager.createvm') }}">
    <p>
        {{ form.servername.label }}<br />{{ form.servername(size=42) }}<br />
        {% for error in form.servername.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>
    <p>
        {{ form.region.label }}<br /> {{ form.region }}<br />
        {% for error in form.region.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>
    <p>
        {{ form.invite_key.label }}<br /> {{ form.invite_key }}<br />
        {% for error in form.invite_key.errors %}
            {{ error }}<br />
        {% endfor %}
    </p>
    <p>
        {{ form.csrf_token() }}
        {{ form.submit }}
    </p>

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

  </div>
</div>

{% endblock %}