<!DOCTYPE html>
<!--suppress XmlHighlighting -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <!--suppress SpellCheckingInspection -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <!--suppress SpellCheckingInspection -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <title>Grants - person</title>

</head>
<body>
<div th:insert="~{fragments/layout::banner}"></div>


<div class="container border border-info rounded-3 text-center p-4">
    <h3>Birth Certificate Details</h3>
    <form th:object="${birthCertificateCommand}" th:action="@{/birthCertificate}" method="post">
        <div th:if="${#fields.hasErrors('*')}" class="alert alert-danger">
            <p>Please Correct The Errors Below</p>
        </div>

        <table style="width:100%;">
            <tr>
                <td style="text-align: right;">
                    <label for="id"><span style="color: rgb(255,0,0);">*</span>Database Id :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <input class="form-control" id="id"
                           th:field="*{id}" type="text" readonly>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="certificateNumber">Certificate Number :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <input class="form-control" id="certificateNumber"
                           th:field="*{certificateNumber}" type="text">
                    <div th:if="${#fields.hasErrors('certificateNumber')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('certificateNumber')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="certificateSource">Certificate Source&nbsp;:&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <select id="certificateSource" name="certificateSource" th:field="*{certificateSource}">
                            <option th:value="${''}" th:text="${''}"></option>
                            <!--/*@thymesVar id="organisations" type="scot.carricksoftware.grants.domains.places.Organisation"*/-->
                            <option th:each="organisation : ${organisations}"
                                    th:value="${organisation.id}" th:text="${organisation.toString()}"></option>
                        </select>
                        <div th:if="${#fields.hasErrors('certificateSource')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('certificateSource')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="certificateDate">Certificate Date (dd/mm/yyyy) :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <input class="form-control" id="certificateDate"
                           th:field="*{certificateDate}" type="text">
                    <div th:if="${#fields.hasErrors('certificateDate')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('certificateDate')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr style="border-bottom: 5px solid #ccc;">
                <td style="text-align: right;">
                    <label for="certificateType">Certificate Type :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <select id="certificateType" style="width: 200px;" name="certificateType"
                                th:field="*{certificateType}">
                            <option th:value="${''}" th:text="${''}"></option>
                            <option th:each="value : ${T(scot.carricksoftware.grants.enums.certificates.CertificateType).values()}"
                                    th:value="${value}" th:text="${value.label}"></option>
                        </select>
                    </div>
                    <div th:if="${#fields.hasErrors('certificateType')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('certificateType')}" th:text="${err}"/>
                        </ul>
                    </div>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="registrationAuthority">Registration Authority :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <select id="registrationAuthority" style="width: 200px;" name="registrationAuthority"
                                th:field="*{registrationAuthority}">
                            <option th:value="${''}" th:text="${''}"></option>
                            <!--/*@thymesVar id="organisations" type="scot.carricksoftware.grants.domains.places.Organisation"*/-->
                            <option th:each="organisation : ${organisations}"
                                    th:value="${organisation.id}" th:text="${organisation.name}"></option>
                        </select>
                    </div>
                    <div th:if="${#fields.hasErrors('registrationAuthority')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('registrationAuthority')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="volume">Volume :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="volume" id="volume"
                               th:field="*{volume}" type="text">
                        <div th:if="${#fields.hasErrors('volume')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('volume')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr style="border-bottom: 5px solid #ccc;">
                <td style="text-align: right;">
                    <label for="number">Number :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="number" id="number"
                               th:field="*{number}" type="text">
                        <div th:if="${#fields.hasErrors('number')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('number')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="newBorn">NewBorn :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <select id="newBorn" name="newBorn" th:field="*{newBorn}">
                        <option th:value="${''}" th:text="${''}"></option>
                        <option th:each="person : ${people}"
                                th:value="${person.id}" th:text="${person.toString()}"></option>
                    </select>
                    <div th:if="${#fields.hasErrors('newBorn')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('newBorn')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="sex">Sex :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <select id="sex" style="width: 200px;" name="sex" th:field="*{sex}">
                        <option th:value="${''}" th:text="${''}"></option>
                        <option th:each="value : ${T(scot.carricksoftware.grants.enums.general.Sex).values()}"
                                th:value="${value}" th:text="${value.label}"></option>
                    </select>
                    <div th:if="${#fields.hasErrors('sex')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('sex')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="whenBorn">When Born (dd/mm/yyyy hh:mm) :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="whenBorn" id="whenBorn"
                               th:field="*{whenBorn}" type="text">
                        <div th:if="${#fields.hasErrors('whenBorn')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('whenBorn')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <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 (untracked) :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="untrackedWhereBorn" id="untrackedWhereBorn"
                               th:field="*{untrackedWhereBorn}" type="text">
                        <div th:if="${#fields.hasErrors('untrackedWhereBorn')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('untrackedWhereBorn')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right; background-color: #D6EEEE;">
                    <label for="father">Father :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <select id="father" name="father" th:field="*{father}">
                        <option th:value="${''}" th:text="${''}"></option>
                        <option th:each="person : ${people}"
                                th:value="${person.id}" th:text="${person.toString()}"></option>
                    </select>
                    <div th:if="${#fields.hasErrors('father')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('father')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;  background-color: #D6EEEE;">
                    <label for="untrackedFather">Father (untracked) :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="number" id="untrackedFather"
                               th:field="*{untrackedFather}" type="text">
                        <div th:if="${#fields.hasErrors('untrackedFather')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('untrackedFather')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="fatherRank">Father's Rank :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="fatherRank" id="fatherRank"
                               th:field="*{fatherRank}" type="text">
                        <div th:if="${#fields.hasErrors('fatherRank')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('fatherRank')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="fatherPlaceOfBirth">Father's Place of Birth :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="fatherPlaceOfBirth" id="fatherPlaceOfBirth"
                               th:field="*{fatherPlaceOfBirth}" type="text">
                    </div>
                </td>
            </tr>
            <tr>
                <!---------------------------->
                <td style="text-align: right; background-color: #FFFF00;">
                    <label for="fatherUsualResidence">Father Usual Residence :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <select id="fatherUsualResidence" name="fatherUsualResidence" th:field="*{fatherUsualResidence}">
                        <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('fatherUsualResidence')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('fatherUsualResidence')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;  background-color: #FFFF00;">
                    <label for="untrackedFatherUsualResidence">Father Usual Residence (untracked) :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="number" id="untrackedFatherUsualResidence"
                               th:field="*{untrackedFatherUsualResidence}" type="text">
                        <div th:if="${#fields.hasErrors('untrackedFatherUsualResidence')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('untrackedFatherUsualResidence')}"
                                    th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <!---------------------------->
            <tr>
                <td style="text-align: right;">
                    <label for="mother">Mother :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <select id="mother" name="mother" th:field="*{mother}">
                        <option th:value="${''}" th:text="${''}"></option>
                        <option th:each="person : ${people}"
                                th:value="${person.id}" th:text="${person.toString()}"></option>
                    </select>
                    <div th:if="${#fields.hasErrors('mother')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('mother')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right; background-color: #73ff00;">
                    <label for="motherUsualResidence">Mother Usual Residence :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <select id="motherUsualResidence" name="motherUsualResidence" th:field="*{motherUsualResidence}">
                        <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('motherUsualResidence')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('motherUsualResidence')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;  background-color: #73ff00;">
                    <label for="untrackedMotherUsualResidence">Mother Usual Residence (untracked) :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="number" id="untrackedMotherUsualResidence"
                               th:field="*{untrackedMotherUsualResidence}" type="text">
                        <div th:if="${#fields.hasErrors('untrackedMotherUsualResidence')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('untrackedMotherUsualResidence')}"
                                    th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="motherPlaceOfBirth">Mother's Place of Birth :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="motherPlaceOfBirth" id="motherPlaceOfBirth"
                               th:field="*{motherPlaceOfBirth}" type="text">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right; border-bottom: 5px solid #ccc;">
                    <label for="dateAndPlaceOfMarriage">Date and Place Of Marriage :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="dateAndPlaceOfMarriage" id="dateAndPlaceOfMarriage"
                               th:field="*{dateAndPlaceOfMarriage}" type="text">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right; background-color: #FFC300">
                    <label for="informant">Informant :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <select id="informant" name="informant" th:field="*{informant}">
                        <option th:value="${''}" th:text="${''}"></option>
                        <option th:each="person : ${people}"
                                th:value="${person.id}" th:text="${person.toString()}"></option>
                    </select>
                    <div th:if="${#fields.hasErrors('informant')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('informant')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;  background-color: #FFC300;">
                    <label for="untrackedInformant">Informant (untracked) :&nbsp;</label>
                </td>
                <td style="text-align: left; ">
                    <div>
                        <input class="untrackedInformant" id="untrackedInformant"
                               th:field="*{untrackedInformant}" type="text">
                        <div th:if="${#fields.hasErrors('untrackedInformant')}">
                            <ul class="text-danger">
                                <li th:each="err : ${#fields.errors('untrackedInformant')}" th:text="${err}"/>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="informantQualification">Informant Qualification :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="informantQualification" id="informantQualification"
                               th:field="*{informantQualification}" type="text">
                    </div>
                </td>
            </tr>
            <tr style="border-bottom: 5px solid #ccc;">
                <td style="text-align: right;">
                    <label for="informantResidence">Informant Residence :&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="informantResidence" id="informantResidence"
                               th:field="*{informantResidence}" type="text">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="whenRegistered">When Registered (dd/mm/yyyy)&nbsp;:&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="whenRegistered" id="whenRegistered"
                               th:field="*{whenRegistered}" type="text">
                    </div>
                    <div th:if="${#fields.hasErrors('whenRegistered')}">
                        <ul class="text-danger">
                            <li th:each="err : ${#fields.errors('whenRegistered')}" th:text="${err}"/>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align: right;">
                    <label for="whereRegistered">Where Registered&nbsp;:&nbsp;</label>
                </td>
                <td style="text-align: left;">
                    <div>
                        <input class="whereRegistered" id="whereRegistered"
                               th:field="*{whereRegistered}" type="text">
                    </div>
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
        </table>


        <button type="submit" class="btn btn-primary">Commit</button>
        <a class="btn btn-secondary" th:href="@{/birthCertificates}" th:text="${'List all'}">List all</a>
        <a class="btn btn-success" th:href="@{/}" th:text="${'Home'}">Home</a>
        <h6><span style="color: rgb(255,0,0);">*</span><span> Cannot be edited</span></h6>
    </form>
</div>
</body>
</html>