Petregistry/src/main/resources/templates/acknowledged.html

<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <head th:include="head :: head"></head>

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<style>
    .themed-grid-col {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);
}

.themed-container {
  padding: .75rem;
  margin-bottom: 1.5rem;
  background-color: rgba(0, 123, 255, .15);
  border: 1px solid rgba(0, 123, 255, .2);
}


body{
margin-left:2px;

margin-top:12px;

}

</style>
    <title>acknowledged</title>
</head>
<body>
<div th:substituteby="navbar :: navbar"></div>

<div class="container">
<!--    <div class="row mb-2">-->
<!--        <div class="col-2 themed-grid-col"><b>Pet Category</b></div>-->
<!--        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].category}"></span></div>-->
<!--    </div>-->
    <div class="row mb-2">
        <div class="col-2 themed-grid-col"><b>Zone</b></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].zone}"></span></div>
    </div>
    <div class="row mb-2">
        <div class="col-2 themed-grid-col"><b>Division</b></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].division}"></span></div>
    </div>
    <div class="row mb-5">
        <div class="col-2 themed-grid-col"><b>Name</b></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].title}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].fname}"></span></div>
    </div>

    <div class="row mb-7">
        <div class="col-2 themed-grid-col"><b>Address</b></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].doornumber}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].street}"></span></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].area}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].city}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].pincode}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].state}"></span></div>
    </div>
    <div class="row mb-7">
        <div class="col-2 themed-grid-col"><b>Owner details</b></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].phone}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].email}"></span></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].pancardnumber}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].previouslicense}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].aadhar}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].votercard}"></span></div>
    </div>
    <div class="row mb-7">
        <div class="col-2 themed-grid-col"><b>Pet details</b></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].petname}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].species}"></span></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].identificationmark}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].breed}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].petcolor}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].gender}"></span></div>

    </div>

    <div class="row mb-7">
        <div class="col-2 themed-grid-col"><b>Veterinary Consultant</b></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].VeterinaryConsultant}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].TNVCNo}"></span></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].ageyears}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].months}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].ARVdate}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].Lastdate}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].sterilization}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].adopted}"></span></div>
        <div class="col-2 themed-grid-col"><span  th:text="${pets[0].AntiRabies_vaccination}"></span></div>
    </div>

    <div class="row mb-4">
        <div class="col-2 themed-grid-col"><b>Applicant Photo</b></div>
        <div class="col-2 themed-grid-col">
            <img alt=""  th:src="'data:image/jpeg;base64,'+${pets[0].applicant_photo}" width="100px;"></img></div>

    <div class="row mb-4">
        <div class="col-2 themed-grid-col"><b>Applicant Address Proof Photo</b></div>
        <div class="col-2 themed-grid-col">
            <img alt=""  th:src="'data:image/jpeg;base64,'+${pets[0].address_proof_photo}" width="100px;"></img></div>

        <div class="col-2 themed-grid-col"><b>Pet photo</b></span></div>
        <div class="col-2 themed-grid-col">
            <img alt=""  th:src="'data:image/jpeg;base64,'+${pets[0].pet_photo}" width="100px;"></img></div>
    </div>

    <div class="row mb-4">
        <div class="col-2 themed-grid-col"><b>Rabies Vaccination Certification</b></div>
        <div class="col-2 themed-grid-col">
            <img alt=""  th:src="'data:image/jpeg;base64,'+${pets[0].vaccination_certificate_photo}" width="100px;"></img></div>

    <div class="row mb-2">
        <div class="col-1 themed-grid-col"><b>Previous Comments</b></span></div>
        <div class=" themed-grid-col"><span  th:text="${pets[0].comments}"></span><</div>
    </div>

    <div class="row mb-2">
        <form action="decisionMaking" method="POST">


            <textarea type="text" name="comments" rows="5" cols="100"></textarea>
            <br/>
            <button type="submit" class="btn btn-success" name="Accept" value="Accept">Accept</button>
            <button type="submit" class="btn btn-danger" name="reject" value="reject">Reject</button>
            <input type="hidden" name="petsID" readonly th:value="${pets[0].petID}">
           </form>
        <button type="submit" class="btn btn-primary">Submit</button>
        <button type="submit" class="btn btn-primary">Home</button>
    </div>
</div>
</body>
</html>