{% extends "templates/spawn.html" %}

{% block main %}
{{ super() }}
{% endblock %}

{% block heading %}
<div class="row col-sm-offset-2 col-sm-8">
<p>Number of GPUs: {{ extra_resources.n_gpus }}</p>
<p>Number of CPUs: {{ extra_resources.n_cpus }}</p>
<p>User info: {{ user }} </p>
<p>User_options: {{ user_options }} </p>
<p> Options_from_form: {{ options_from_form }} </p>
<p> cpu_limit: {{ cpu_limit }} </p>
<p> {{ profile }} {{ profiles }} </p>
<p> URL {{url}} </p>
<div>
<input class="form-control input-lg" type="range" name="gpus" value="{{ extra_resources.n_gpus }}" min="0" max="4" oninput="this.nextElementSibling.value = this.value"/>
<output>{{ extra_resources.n_gpus }}</output>
<label for="gpus">GPUs</label>
</div>
<br/>
<label for="cores">CPUS</label>
<input class="form-control input-lg" type="range" name="cores" value="{{ extra_resources.n_cpus }}" min="0" max="96" oninput="this.nextElementSibling.value = this.value"/>
<output>{{ extra_resources.n_cpus }}</output>  
<br/>
<label for="ram">RAM, GB</label>
<input class="form-control input-lg" type="range" name="ram" value="8" min="1" max="512" oninput="this.nextElementSibling.value = this.value"/>
<output>8</output>  
<br/>
<p>Testing spawner</p>
</div>
{% endblock %}