<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<title>Service UI Fragment</title>
<link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
</head>
<body>
<main role="main" class="container mt-3 mb-3">
<div th:fragment="serviceUI" th:if="${registeredService}" id="serviceui" class="alert alert-info">
<div th:if="${serviceUIMetadata}">
<table>
<tr>
<td>
<img th:if="${serviceUIMetadata.logoUrl}"
th:title="${serviceUIMetadata.displayName}"
th:alt="${serviceUIMetadata.displayName}"
th:src="${serviceUIMetadata.logoUrl}"
th:width="${serviceUIMetadata.logoWidth}"
th:height="${serviceUIMetadata.logoHeight}"/>
<img th:unless="${serviceUIMetadata.logoUrl}"
th:title="${serviceUIMetadata.displayName}"
th:alt="${serviceUIMetadata.displayName}"
th:src="@{images/webapp.png}"
th:width="${serviceUIMetadata.logoWidth}"
th:height="${serviceUIMetadata.logoHeight}"/>
</td>
</tr>
<tr>
<td id="servicedesc">
<h2 th:text="${serviceUIMetadata.displayName}">serviceUIMetadata.displayName</h2>
<p th:text="${serviceUIMetadata.description}">serviceUIMetadata.description</p>
<p th:if="${serviceUIMetadata.informationURL}" th:utext="#{screen.mdui.infolink.text(${serviceUIMetadata.informationURL})}">screen.mdui.infolink.text</p>
<p th:if="${serviceUIMetadata.privacyStatementURL}" th:utext="#{screen.mdui.privacylink.text(${serviceUIMetadata.privacyStatementURL})}">serviceUIMetadata.privacyStatementURL</p>
</td>
</tr>
</table>
</div>
<div th:unless="${serviceUIMetadata}">
<table>
<tr>
<td>
<img th:src="${registeredService.logo}" th:if="${registeredService.logo}"/>
<img th:src="@{images/webapp.png}" th:unless="${registeredService.logo}"/>
</td>
<td id="servicedesc">
<h2 th:text="${registeredService.name}">Registered Service Name</h2>
<p th:text="${registeredService.description}">Registered Service Description</p>
</td>
</tr>
</table>
</div>
</div>
</main>
</body>
</html>
