Untitled

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>MIP</title>
    <style>
        @page {
            size: A4;
            margin: 0;
        }
    </style>
</head>
<body style="font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#00154d;margin: 0">

<div style="margin-left:auto; margin-right:auto; padding:32px; background-color:#e1dbd5;">

    <div style="height:900px; padding:32px; background-color:#FFF;">

        <p style="margin:0; text-align:center; font-size:36px; font-weight:600;">Mortgage in Principle Certificate<br><span style="font-size:32px; font-weight:400;">for</span></p>

        <p style="margin-top:8px; margin-bottom:16px; text-align:center; color:#eb601d; font-size:32px;" th:text="${mip.primaryApplicantProcessorDto.title} + ' ' + ${mip.primaryApplicantProcessorDto.surname} + (${mip.jointApplicantProcessorDto} ? ' and ' + ${mip.jointApplicantProcessorDto.title} + ' ' + ${mip.jointApplicantProcessorDto.surname} : '')">paTitle paSurname and jaTitle jaSurname</p>

        <div style="text-align:center;">
            <p th:text="'This Certificate is based on information ' + ${mip.primaryApplicantProcessorDto.title} + ' ' + ${mip.primaryApplicantProcessorDto.surname} + (${mip.jointApplicantProcessorDto} ? ' and ' + ${mip.jointApplicantProcessorDto.title} + ' ' + ${mip.jointApplicantProcessorDto.surname} + ' have' : ' has') + ' supplied and is an indicative value of what you may be able to borrow, subject to confirmation of status and valuation'">This Certificate is based on information paTitle paSurname and jaTitle jaSurname have supplied and is an indicative value of what you may be able to borrow, subject to confirmation of status and valuation</p>
        </div>

        <div style="clear:both;">
            <p style="display:inline-block; width:62%; padding-left:12px; padding-right:12px; line-height:48px; background-color:#e1dbd5;" th:text="'Applicant Name: ' + ${mip.primaryApplicantProcessorDto.title} + ' ' + ${mip.primaryApplicantProcessorDto.surname}">Applicant name: paTitle paName</p>
            <p style="display:inline-block; width: 37%; margin-left: 90px; padding-left:12px; padding-right:12px; line-height:48px; background-color:#e1dbd5;" th:text="'Date: ' + ${#temporals.format(mip.created, 'dd/MM/yyyy')}">Date: createdDate</p>
        </div>

        <div class="row" style="background-color:#e1dbd5;">
            <div class="column" style="display:inline-block; width:74px; vertical-align:top;">
                <p style="text-align:right;">Address:</p>
            </div>
            <div class="column" style="display:inline-block; width:480px;">
                <p th:text="${mip.primaryApplicantProcessorDto.address}">address</p>
            </div>
        </div>

        <div style="margin-top:24px; padding:0; text-align:center; border:7px solid #eb601d;">
            <p style="margin:12px; font-size:28px;">Based on the details you gave us,<br>you can borrow approximately:</p>
            <p style="margin:16px auto; font-size:65px; color:#a8a8a8;" th:text="'&pound;' + ${#numbers.formatDecimal(mip.creditAmount, 0, 'COMMA', 2, 'POINT')}">&pound; maxBorrowAmount</p>
        </div>

        <div style="padding:12px 32px; text-align:center;">
            <p>Please note that this does not represent a formal mortgage offer or a guarantee of a mortgage advance
                from a lender as you have not yet been credit checked.</p>
            <p>Once your documents have been returned and we know your exact borrowing requirements, our advisers will
                get you mortgage ready and place you with the right lender to meet your specific circumstances.</p>
        </div>

        <div>
            <p style="display:inline-block; width:65%; padding-left:12px; padding-right:12px;">Signed ............................................................</p>
            <p style="display:inline-block; width:27%; padding-left:12px; padding-right:12px;">Date ........................</p>
        </div>

    </div>

    <div style="max-height:94px; margin-left:-32px; border-left:32px solid #eb601d;">
        <img th:src="${imageHost} + '/MABfooter.png'" src="http://k8s.freedom-finance.cloud-email-templates.s3-website-eu-west-1.amazonaws.com/MABfooter.png" alt="MAB footer" style="max-width:100%; height: 94px">
    </div>

</div>

</body>
</html>