<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="color-scheme" content="light">
    <meta name="supported-color-schemes" content="light">
    <style>
.brlbs-cmpnt-inner-body .brlbs-cmpnt-content-cell {
            background-color: #ffffff;
        }
.brlbs-cmpnt-footer a {
            color: #b0adc5;
            text-decoration: underline;
        }
.brlbs-cmpnt-footer p {
            color: #b0adc5;
            font-size: 12px;
            text-align: center;
        }
@media only screen and (max-width: 600px) {
        .brlbs-cmpnt-inner-body {
            width: 100% !important;
        }
        .brlbs-cmpnt-footer {
            width: 100% !important;
        }
    }</style>
</head>
<body style="-webkit-text-size-adjust: none; background-color: #ffffff; color: #718096; height: 100%; line-height: 1.4; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; width: 100%">
<div>
    <table width="100%" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; background-color: #edf2f7; margin: 0; padding: 0; width: 100%">
        <tr>
            <td align="center">
                <table width="100%" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; margin: 0; padding: 0; width: 100%">
                    <tr>
                        <td style="margin: 100%; width: 16px; padding: 25px 0; text-align: center">
                            <a href="https://borlabs.io/" style="color: #3d4852; font-size: 19px; font-weight: bold; text-decoration: none; display: inline-block;">
                                <img src="{{ imageUrl('borlabs-cookie-dark-mobile.png') }}" alt style="max-width: 100%; vertical-align: middle; min-height: 97px; width: 192px">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td width="100%" cellpadding="0" cellspacing="0" style="-premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; background-color: #edf2f7; border-bottom: 1px solid #edf2f7; border-top: 1px solid #edf2f7; margin: 0; padding: 0; width: 100%">
                            <table class="brlbs-cmpnt-inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px; background-color: #ffffff; border-color: #e8e5ef; border-radius: 8px; border-width: 1px; box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); margin: 0 auto; padding: 0; width: 570px"> <tr>
                                    <td style="max-width: 100vw; padding: 32px; background-color: #ffffff">    <p>{{ localized.shared.text.mailInformation | raw }}</p>
    <p>{{ localized.text.automaticPackageUpdateFailedA | raw }}</p>
    <p>{{ localized.text.automaticPackageUpdateFailedB | raw }}</p>
    <table style="border-collapse: collapse; border-spacing: 0; width: 100%" cellpadding="0" cellspacing="0" role="none">
        <tr style="background-color: #f9fafb">
            <th style="padding: 12px; text-align: left">{{ localized.table.package }}</th>
            <th style="padding: 12px; text-align: left;">{{ localized.table.installedVersion | raw  }}</th>
            <th style="padding: 12px; text-align: left;">{{ localized.table.latestVersion | raw  }}</th>
        </tr>
        <tr>
            <td style="padding: 12px;">{{ data.package.name | raw }}</td>
            <td style="padding: 12px;">{{ versionNumber(data.job.payload.version) | raw }}</td>
            <td style="padding: 12px;">{{ versionNumber(data.job.payload.borlabsServicePackageVersion) | raw }}</td>
        </tr>
    </table>
    <div style="margin-top: 16px; margin-bottom: 16px; border: solid #e5e7eb; border-width: 0px 0px 1px"></div>
    <p>{{ localized.shared.text.removeFromMailingList | raw }}</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="brlbs-cmpnt-footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px; margin: 0 auto; padding: 0; text-align: center; width: 570px">
                                <tr>
                                    <td class="brlbs-cmpnt-content-cell" align="center" style="max-width: 100vw; padding: 32px;">
                                        <p style="color: #b0adc5; font-size: 12px; text-align: center;">Borlabs Cookie&reg; - <a href="https://borlabs.io/" style="color: #b0adc5; text-decoration: underline;">Borlabs GmbH</a></p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
</body>
</html>
