<!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 style="text-align: center; font-size: 14px">{{ localized.shared.text.mailInformation | raw }}</p>
    <h1 style="font-size: 24px; font-weight: 600">{{ localized.headline.importReport | raw  }}</h1>
    <p style="font-size: 14px;">{{ localized.text.importStatus | raw  }}</p>
    <p style="position: relative; margin-top: 8px; margin-bottom: 8px; border: 1px solid rgb(133 77 14 / 0.2); background-color: #fef9c3; padding: 12px 16px; font-size: 14px; color: #854d0e">{{ localized.text.importFollowUpA | raw  }}</p>
    {% if data.importReport.customContentBlockersImported.list or data.importReport.customServicesImported.list or data.importReport.customScriptBlockersImported.list %}
        <h2 style="font-size: 20px; font-weight: 600">{{ localized.headline.customComponentsImported | raw  }}</h2>
        <p style="font-size: 14px;">{{ localized.text.customComponentsImportedA | raw  }}</p>
        <p style="font-size: 14px;">{{ localized.text.customComponentsImportedB | raw  }}</p>
        {% if data.importReport.customContentBlockersImported.list %}
            <h3 style="font-size: 18px; font-weight: 600">{{ localized.headline.customContentBlockers | raw  }}</h3>
            <table style="border-collapse: collapse; border-spacing: 0; width: 100%" cellpadding="0" cellspacing="0" role="none">
                <tr style="background-color: #1f2937">
                    <th style="padding: 12px; text-align: left; font-size: 14px; font-weight: 600; color: #fff">{{ localized.table.componentName }}</th>
                    <th style="padding: 12px; text-align: center; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.installationStatus }}</th>
                </tr>
                {% for installationStatus in data.importReport.customContentBlockersImported.list %}
                <tr style="{{ cycle(['background-color: rgb(249 250 251);', 'background-color: rgb(255 255 255);'], loop.index0) }}">
                    <td style="padding: 12px; text-align: left;">{{ installationStatus.name }} <em>({{ installationStatus.key }})</em></td>
                    <td style="padding: 12px; text-align: center;">
                        {% if installationStatus.status.value == 'success' %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block" src="{{ imageUrl('icon-check-circle.png') }}" alt>
                        {% else %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-x-circle.png') }}" alt>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </table>
            <div style="margin-top: 16px; margin-bottom: 16px; border: solid #e5e7eb; border-width: 0px 0px 1px"></div>
        {% endif %}
        {% if data.importReport.customServicesImported.list %}
            <h3 style="font-size: 18px; font-weight: 600;">{{ localized.headline.customServices | raw  }}</h3>
            <table style="border-collapse: collapse; border-spacing: 0; width: 100%;" cellpadding="0" cellspacing="0" role="none">
                <tr style="background-color: #1f2937;">
                    <th style="padding: 12px; text-align: left; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.componentName }}</th>
                    <th style="padding: 12px; text-align: center; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.installationStatus }}</th>
                </tr>
                {% for installationStatus in data.importReport.customServicesImported.list %}
                <tr style="{{ cycle(['background-color: rgb(249 250 251);', 'background-color: rgb(255 255 255);'], loop.index0) }}">
                    <td style="padding: 12px; text-align: left;">{{ installationStatus.name }} <em>({{ installationStatus.key }})</em></td>
                    <td style="padding: 12px; text-align: center;">
                        {% if installationStatus.status.value == 'success' %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-check-circle.png') }}" alt>
                        {% else %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-x-circle.png') }}" alt>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </table>
            <div style="margin-top: 16px; margin-bottom: 16px; border: solid #e5e7eb; border-width: 0px 0px 1px;"></div>
        {% endif %}
        {% if data.importReport.customScriptBlockersImported.list %}
            <h3 style="font-size: 18px; font-weight: 600;">{{ localized.headline.customScriptBlockers | raw  }}</h3>
            <table style="border-collapse: collapse; border-spacing: 0; width: 100%;" cellpadding="0" cellspacing="0" role="none">
                <tr style="background-color: #1f2937;">
                    <th style="padding: 12px; text-align: left; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.componentName }}</th>
                    <th style="padding: 12px; text-align: center; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.installationStatus }}</th>
                </tr>
                {% for installationStatus in data.importReport.customScriptBlockersImported.list %}
                <tr style="{{ cycle(['background-color: rgb(249 250 251);', 'background-color: rgb(255 255 255);'], loop.index0) }}">
                    <td style="padding: 12px; text-align: left;">{{ installationStatus.name }} <em>({{ installationStatus.key }})</em></td>
                    <td style="padding: 12px; text-align: center;">
                        {% if installationStatus.status.value == 'success' %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-check-circle.png') }}" alt>
                        {% else %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-x-circle.png') }}" alt>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </table>
            <div style="margin-top: 16px; margin-bottom: 16px; border: solid #e5e7eb; border-width: 0px 0px 1px;"></div>
        {% endif %}
    {% endif %}
    {% if data.importReport.presetContentBlockersImported.list or data.importReport.presetServicesImported.list %}
        <h2 style="font-size: 20px; font-weight: 600;">{{ localized.headline.presetComponentsImported | raw  }}</h2>
        <p style="font-size: 14px;">{{ localized.text.presetComponentsImportedA | raw  }}</p>
        <p style="font-size: 14px;">{{ localized.text.presetComponentsImportedB | raw  }}</p>
        {% if data.importReport.presetContentBlockersImported.list %}
            <h3 style="font-size: 18px; font-weight: 600;">{{ localized.headline.presetContentBlockers | raw  }}</h3>
            <table style="border-collapse: collapse; border-spacing: 0; width: 100%;" cellpadding="0" cellspacing="0" role="none">
                <tr style="background-color: #1f2937;">
                    <th style="padding: 12px; text-align: left; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.componentName }}</th>
                    <th style="padding: 12px; text-align: center; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.installationStatus }}</th>
                </tr>
                {% for installationStatus in data.importReport.presetContentBlockersImported.list %}
                <tr style="{{ cycle(['background-color: rgb(249 250 251);', 'background-color: rgb(255 255 255);'], loop.index0) }}">
                    <td style="padding: 12px; text-align: left;">{{ installationStatus.name }} <em>({{ installationStatus.key }})</em></td>
                    <td style="padding: 12px; text-align: center;">
                        {% if installationStatus.status.value == 'success' %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-check-circle.png') }}" alt>
                        {% else %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-x-circle.png') }}" alt>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </table>
            <div style="margin-top: 16px; margin-bottom: 16px; border: solid #e5e7eb; border-width: 0px 0px 1px;"></div>
        {% endif %}
        {% if data.importReport.presetServicesImported.list %}
            <h3 style="font-size: 18px; font-weight: 600;">{{ localized.headline.presetServices | raw  }}</h3>
            <table style="border-collapse: collapse; border-spacing: 0; width: 100%;" cellpadding="0" cellspacing="0" role="none">
                <tr style="background-color: #1f2937;">
                    <th style="padding: 12px; text-align: left; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.componentName }}</th>
                    <th style="padding: 12px; text-align: center; font-size: 14px; font-weight: 600; color: #fff;">{{ localized.table.installationStatus }}</th>
                </tr>
                {% for installationStatus in data.importReport.presetServicesImported.list %}
                <tr style="{{ cycle(['background-color: rgb(249 250 251);', 'background-color: rgb(255 255 255);'], loop.index0) }}">
                    <td style="padding: 12px; text-align: left;">{{ installationStatus.name }} <em>({{ installationStatus.key }})</em></td>
                    <td style="padding: 12px; text-align: center;">
                        {% if installationStatus.status.value == 'success' %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-check-circle.png') }}" alt>
                        {% else %}
                        <img style="max-width: 100%; vertical-align: middle; height: 20px; width: 20px; display: inline-block;" src="{{ imageUrl('icon-x-circle.png') }}" alt>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </table>
            <div style="margin-top: 16px; margin-bottom: 16px; border: solid #e5e7eb; border-width: 0px 0px 1px;"></div>
        {% endif %}
    {% endif %}
                                    </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>
