Places added to birth certificate forms

src/main/resources/templates/certificates/birthCertificate/form.html

@@ -198,7 +198,7 @@
             </td>
             <td style="text-align: left;">
                 <div>
-                    <input class="number" id="whenBorn"
+                    <input class="whenBorn" id="whenBorn"
                            th:field="*{whenBorn}" type="text">
                     <div th:if="${#fields.hasErrors('whenBorn')}">
                         <ul class="text-danger">
@@ -208,8 +208,25 @@
                 </div>
             </td>
             <tr>
-            <td style="text-align: right;">
-                <label for="untrackedWhereBorn">Where Born&nbsp;</label>
+                <td style="text-align: right; background-color: #C39BD3;">
+                    <label for="whereBorn">Where Born&nbsp;</label>
+                </td>
+                <td style="text-align: left;">
+                    <select id="whereBorn" name="whereBorn" th:field="*{whereBorn}">
+                        <option th:value="${''}" th:text="${''}"></option>
+                        <option th:each="place : ${places}"
+                                th:value="${place.id}" th:text="${place.toString()}"></option>
+                    </select>
+                    <div th:if="${#fields.hasErrors('whereBorn')}">
+                        <ul class="text-danger">
+                            <li th:each="err : ${#fields.errors('whereBorn')}" th:text="${err}"/>
+                        </ul>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+            <td style="text-align: right; background-color: #C39BD3;">
+                <label for="untrackedWhereBorn">Where Born&nbsp;(untracked)</label>
             </td>
             <td style="text-align: left;">
                 <div>