<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<article th:fragment="activity (activities)" class="panel is-primary automated-activities">
  <p class="panel-heading">Automated Activities Panel</p>
  <a th:each="activity: ${activities}" class="panel-block automated-activity">
    <progress th:if="${activity.automatedStatus == T(ua.be.wee.model.nodes.AutomatedStatus).COMPLETED}" class="progress is-medium is-success activity" value= "100" max="100"></progress>
    <progress th:unless="${activity.automatedStatus == T(ua.be.wee.model.nodes.AutomatedStatus).COMPLETED}" class="progress is-medium is-info activity" max="100"></progress>
    <p>
      <span th:text="${activity.name}"></span>
      <span th:if="${activity.automatedStatus == T(ua.be.wee.model.nodes.AutomatedStatus).COMPLETED}"> : Completed</span>
      <span th:unless="${activity.automatedStatus == T(ua.be.wee.model.nodes.AutomatedStatus).COMPLETED}"> : In Progress</span>
    </p>
  </a>

  <form class="panel-block" th:action="@{/reload}" method="post">
    <button class="button is-primary" type="submit"><img class="refresh" width="32" height="32" th:src="@{/img/refresh.svg}" alt="Circular arrow"></button>
  </form>
</article>
<body>

</body>
</html>
