{% include 'base.html' %}
{% block main %}
<div class="miniform">

<div class="card">
  <div class="card-header">
    ISO
  </div>
  <div class="card-body">
<table class="table table-responsive table-hover table-condensed align-middle mb-0 bg-white">
<tr><th>ISO list</th><th>Delete</th></tr>
{%for iso in listvm_iso %}
     <tr><td>{{ iso[0] }} ( {{ iso[1] }} )
</td><td><form action="/deliso" method="post"><button type="submit" value="{{ iso[0] }}" name="fichier"  onclick="loading();" class="deliso"><span class="fas fa-trash"></span></button></form>
</td></tr>
{%endfor%}
</table>
</div></div>
</div>

<div class="miniform">
<div class="card">
  <div class="card-header">
    Upload ISO
  </div>
  <div class="card-body">
  {{ dropzone.create(action='upload') }}
</div>
</div></div><br>
<div><hr></div>

<!-- Avoid a Misalignment -->
<div style="clear: both;"></div>
<!-- -->
<div class="quard">
<div class="card">
  <div class="card-header">
    Mount ISO on Virtual Server
  </div>
  <div class="card-body">
<form action="/mountiso" method="post">
<table class="table table-responsive table-hover table-condensed align-middle mb-0 bg-white">
<tr><td>ISO</td><td>Virtual Server</td><td></td></tr>
<tr><td>
<select id="isolist" class="form-control" name="iso" required>
{%for iso in list_iso_mount %}
        <option value={{ iso[0] }}>{{ iso[0] }}</option>
{%endfor%}
</select>
</td><td>
<select id="vmlist" class="form-control" name="vm" required>
{%for vm in listvm %}
        <option value={{ vm }}>{{ vm }}</option>
{%endfor%}
</select>
</td><td>
<button name="mountiso" type="submit"><span class="fas fa-compact-disc"></span></button>
</td></tr></table>
</form>
</div>
</div>

<!-- Avoid a Misalignment -->
<div style="clear: both;"></div>
<!-- -->
<div class="miniform">
<div class="card">
  <div class="card-header">
    Create Virtual Server
  </div>
  <div class="card-body">
<form action="/creationvm" method="post">
<label for="nom">Name</label>
<input type="text" name="nom" class="form-control" placeholder="Server" required><br>
<label for="ram">Memory (in MiB)</label>
<input type="text" name="ram" class="form-control" placeholder="1024" required><br>
<label for="cpu">vCPU</label>
<input type="text" name="cpu" class="form-control" placeholder="1" required><br>
<label for="disk">Disk (in GB)</label>
<input type="text" class="form-control" name="disk" placeholder="10" required><br>
<label for="os">OS</label>
<select id="profilelist" class="form-control" name="os" placeholder="Profile" required>
{%for profile in list_profiles %}
	<option value={{ profile }}>{{ profile }}</option>
{%endfor%}
</select><br>
<label for="iso">ISO</label>
<select id="isolist" class="form-control" name="iso" required>
{%for iso in list_iso %}
        <option value={{ iso[0] }}>{{ iso[0] }}</option>
{%endfor%}
</select><br>
<label for="net">Network</label>
<select id="netlist" class="form-control"  name="net" required>
{%for net in list_net %}
                        <option value={{ net }}>{{ net }}</option>
{%endfor%}
</select><br>
<button name="creation" type="submit"><span class="fas fa-cube"></span></button>
</form>
</div>
</div></div>

<div class="miniform">
<div class="card">
  <div class="card-header">
    Create Container
  </div>
  <div class="card-body">
	<form action="/creation" method="post">
		<label for="cnom">Name</label>
		<input type="text" id="cnom" name="nom" class="form-control" placeholder="Container" required><br>
		<label for="cip">Optional static IP</label>
		<input type="text" id="cip" name="ip" class="form-control" placeholder="192.168.XX.XX/YY"><br>
		<label for="oslist">OS</label>
		<select id="oslist" name="os" class="form-control">
		{%for dist in listdistrib %}
			<option value={{ dist[1] }}>{{ dist[0] }}</option>
		{%endfor%}
		</select><br>
		<button name="creation" type="submit"><span class="fas fa-cube" onclick="loading();"></span></button>
	</form>
</div>
</div></div>

<div class="miniform">
<div class="card">
  <div class="card-header">
    Rename Container     
  </div>
  <div class="card-body">

	<form action="/renamect" method="post">
	<p>Be carefull, the container will be stop in order to rename it !</p>


		<label for="ctlist">Container</label>
		<select id="ctlist" name="nom" class="form-control">
		{%for lxc in listlxc%}
			<option value={{ lxc }}>{{ lxc }}</option>
		{%endfor%}
		</select><br>

		<label for="fnom">New name</label>
		<input class="form-control" id="fnom" type="text" name="newname" placeholder="New Name" required><br>
		<button name="renamect" type="submit" onclick="loading();"><span class="fas fa-sort"></span></button>
	</form>
</div>

{% endblock %}

{% include 'foot.html' %}