{% extends 'layout.html' %}
{% block content %}
{% include 'menu.html' %}
<div class="container">
       <div class="card">
                <div class="card-header">
		Ressources of {{ vm_name }}
                </div>
        	<div class="card-body">
			<div class="row">
    				<div class="col-sm">
				<img src="data:image/png;base64,{{ screen_64 }}" class="img-thumbnail">
    				</div>
    				<div class="col-sm">
      					Vcpu : {{ actual_vCPU }}</br><br>
					Memory: {{ actual_ram }} MB</br>
    				</div>
    				<div class="col-sm">
				<form action="/editressources" method="post">
                                        <input type="hidden" name="vm_name" value="{{ vm_name }}"></input>
					<input type="text" name="new_cpu" class="form-control form-control-sm" placeholder="{{ actual_vCPU }}" value="{{ actual_vCPU }}"></input> (Max : {{ max_vCPU }})<br>
      					<input type="text" name="new_mem" class="form-control form-control-sm" placeholder="{{ actual_ram }}" value="{{ actual_ram }}" ></input> MB (Max : {{ max_Mermory }} MB)<br><br>
					<button type="submit" class="btn btn-outline-warning btn-hype">Set New Values</button>
				</form>
    				</div>
			</div>

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

{% endblock %}