<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="layout :: headerFragment">
</head>
<body>
<div id="container">
<div th:if="${message}" th:text="${message}" th:class="${'alert ' + alertClass}"/></div>
<h1>
Hello, <span th:text="${username}"></span>.
</h1>
<h2>Generate new shell:</h2>
<p>Warning! Shells created from the administration panel are not covered by the cleanup logic!</p>
<form th:object="${osChoice}" th:id="request_pseudoform" action="#" th:action="@{'/frontend/container/add'}" th:method="post" th:os="${osChoice}" th:onsubmit="return confirm('You are about to generate a shell with the OS ' + this.getAttribute('osoption') + ' - please be patient after you confirm, as the generation may take a short while.');">
<select class="form-control" th:object="${osChoice}" name="osChoice">
<option value="">Select operating system ...</option>
<option
th:each="osoption : ${availableOs}"
th:value="${osoption}"
th:attr="value=${osoption}"
th:text="${osoption}"></option>
</select>
<button class="btn btn-primary" th:id="request_submission" th:type="submit">Generate</button>
</form>
<div th:if="${attribute01 != null}" th:text="${attribute01}"></div>
<h2>Available images:</h2>
<table>
<tr th:each="image: ${docker_images}" th:if="${image.repoTags[0] != '<none>:<none>'}">
<td>
<table>
<tr th:each="tag: ${image.repoTags}">
<td th:text="${tag}"/>
<td>
<form id="deletion_pseudoform" action="#" th:action="@{'/frontend/image/delete/{id}'(id=${tag})}" th:method="delete" th:tag="${tag}" th:onsubmit="return confirm('Do you really want to delete the imag with tag ' + this.getAttribute('tag') + '?');">
<button class="btn btn-danger" id="deletion_submission" type="submit">x</button>
</form>
</td>
</tr>
</table>
</td>
<td th:text="${image.created}" />
</tr>
</table>
<h2>Existing containers:</h2>
<table>
<!-- tr th:each="container: ${docker_containers}">
<td th:text="${container.names[0]}" />
<td th:text="${container.image}" />
<td th:text="${container.id}" />
<td th:text="${container.status}" /-->
<tr th:each="container: ${custom_containers}">
<td th:text="${container.name}" />
<td th:text="${container.image}" />
<td th:text="${container.id}" />
<td th:text="${container.status}" />
<td th:text="${container.ExpirationDate}" />
<!-- td><form id="deletion_pseudoform" action="#" th:action="@{'/frontend/container/delete/{id}'(id=${container.id})}" th:method="delete" >
<input type="hidden" name="_method" value="delete" />
<button id="deletion_submission" type="submit">Delete</button>
</form></td-->
<td>
<form id="deletion_pseudoform" action="#" th:action="@{'/frontend/container/delete/{id}'(id=${container.id})}" th:method="delete" th:containerid="${container.id}" th:containerShaSum="${container.imageId}" th:onsubmit="return confirm('Do you really want to delete the container with ID ' + this.getAttribute('containerid') + ' which is attached to the image with checksum ' + this.getAttribute('containerShaSum') + ' ?');">
<!--a
href=""
class="btn btn-danger "
th:data-confirm-delete="|Are you sure you want to delete the container with ID ${container.id}?|"
onclick="if (!confirm(this.getAttribute('data-confirm-delete'))) return false"
>
Delete
</a-->
<button class="btn btn-danger" id="deletion_submission" type="submit">Delete</button>
</form>
</td>
<!-- th:data-confirm-delete="|Are you sure you want to delete this employee ${tempEmployee.firstName}?|"
onclick="if (!confirm(this.getAttribute('data-confirm-delete'))) return false" -->
</tr>
</table>
<!-- <p></p><p></p>
<p><span th:text="${custom_containers[0].status}"></span></p>
<p><span th:text="${docker_containers[0].status}"></span></p>
<p></p-->
<p></p>
<a href="/logout">Logout</a>
</div>
<!-- container -->
</body>
<footer><div id="pagefoot" th:include="layout :: footerFragment">Footer</div></footer>
</html>