<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" th:href="@{css/mobile-style.css}">
<link rel="stylesheet" th:href="@{css/locationApprovalFormStyle.css}">
<script src="/scripts/locationApprovalForm.js"></script>
</head>
<body>
<header th:replace="~{/fragments/banners.html :: header}"></header>
<hr style="height:20px; visibility:hidden;" />
<main>
<H1 id="formHeader">Locations To Be Approved:</H1>
<form action="/checkpointSubmitted" method="post" id="adminCheckpointApproval" name="adminCheckpointApproval" th:object="${locationCoord}" onsubmit="return acceptanceValidation()">
<label> Location:
<select th:object="${location}" th:field="*{locationName}">
<!-- <select th:field="*{locationName}">-->
<option value="" hidden="true">Select Location</option>
<option value="" selected disabled>Select Location</option>
<option th:each="uloc:${uLocs}" th:value="${uloc.getLocationName()}" th:text="${uloc.getLocationName()}+' ('+${uloc.getLocationTrailID()}+')'">
</option>
</select>
</label>
<br><br>
<div th:if="${param.error}" class="coordError">Invalid Coordinates entered.</div>
<label> Location Latitude:
<input type="text" th:field="*{locationCoordsLat}" placeholder="Latitude Here">
<br><br>
</label>
<!-- //todo check this-->
<label> Location Longitude:
<input type="text" th:field="*{locationCoordsLong}" placeholder="Longitude Here">
</label><br><br>
<!-- <input type="submit">-->
<button class="button" type="submit">Submit</button>
</form>
<hr style="height:20px; visibility:hidden;" />
<section id =unapprovedList >
<H2>To Be Approved:</H2>
<table>
<tr>
<th>Business Name</th>
<th>Town</th>
<th>Contact Address</th>
<th>Description</th>
</tr>
<div th:each="uloc:${uLocs}">
<tr>
<td th:text="${uloc.getLocationName()}+' ('+${uloc.getLocationTrailID()}+')'" ></td>
<td th:text="${uloc.getLocationPlace()}"></td>
<td th:text="${uloc.getLocationEmail()}"></td>
<td th:text="${uloc.getLocationDescription()}"></td>
</tr>
</div>
<tr>
</table>
</section>
<hr style="height:20px; visibility:hidden;" />
</main>
<footer th:insert="~{/fragments/banners.html :: footer}"></footer>
</body>
</html>