<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
    <meta charset="utf-8">
    <meta name="x-apple-disable-message-reformatting">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
    <style>
        
		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');
        body {
            color: #777777
        }

        @font-face {
            font-family: 'LucidaGrande';
            src: url('https://linksehat.com/assets/fonts/LucidaGrande.ttf');
        }

        @media screen {
            .all-font-lato {
                font-family: Lato, -apple-system, "Segoe UI", sans-serif !important;
            }
            .all-font-avenir {
                font-family: Avenir, -apple-system, "Segoe UI", sans-serif !important;
            }
        }

        .text-shade {
            color: #19bbbb;
        }
		.font-roboto {
			font-family: 'Roboto', sans-serif !important;
		}
        .login-button {
            background-color: #3498db; /* Warna biru muda */
            color: #fff; /* Warna teks putih */
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        a.login-button {
            text-decoration: none;
        }
    </style>
</head>

<body style="margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;">
    <div role="article" aria-roledescription="email" aria-label="" lang="en" style="mso-line-height-rule: exactly;">
        <table class="all-font-avenir" style="width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <tr>
                <td align="center" style="mso-line-height-rule: exactly;">
                    <table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                            <td align="center" style="mso-line-height-rule: exactly; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; vertical-align: top;" valign="top">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td align="center" style="mso-line-height-rule: exactly; padding-left: 10px; padding-right: 10px;">
                    <table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                            <td align="center" style="mso-line-height-rule: exactly; background-color: #ffffff; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding-bottom: 0; padding-top: 40px; color: #111111; vertical-align: top;" valign="top">
                                <img src="https://linksehat.com/assets/img/LinkSehat_logotype_1.png" alt="LinkSehat" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; font-size: 18px; color: #ffffff; width: 33.333333%;">
                                <img src="https://linksehat.com/assets/img/divider.png" alt="Divider" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; font-size: 18px; color: #ffffff; width: 100%;">
                            </td>
                        </tr>
                        <tr>
                            <td align="center" style="mso-line-height-rule: exactly; background-color: #ffffff; padding-bottom: 0; padding-top: 40px; color: #111111; vertical-align: top;" valign="top">
                                <img src="https://linksehat.com/assets/img/verify-female.png" alt="LinkSehat" style="border: 0; line-height: 100%; max-width: 100%; vertical-align: middle; font-size: 18px; color: #ffffff; width: 33.333333%;">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td align="center" style="mso-line-height-rule: exactly; background-color: #f4f4f4; padding-left: 10px; padding-right: 10px;">
                    <table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                            <td align="left" style="mso-line-height-rule: exactly; background-color: #ffffff; padding: 30px; padding-bottom: 0; padding-top: 10px; vertical-align: top;" valign="top">
                                <h3 style="mso-line-height-rule: exactly; font-weight: 800; font-size: 18px; margin: 0;text-align: center;" class="text-shade">Halo, {{ strtoupper($name) }}</h3>
                                <p style="text-align: center;">
                                    You have received a new notification. Please use the link below to check and login your account.
                                </p>
                                <p style="text-align: center;"><a href="{{ $link }}" class="login-button">LOGIN TO YOUR ACCOUNT</a></p>
                                <p style="text-align: center;">Thank you for your attention</p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            
            <tr>
                <td align="center" style="mso-line-height-rule: exactly; background-color: #f4f4f4; padding-left: 10px; padding-right: 10px;">
                    <table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation" class="font-roboto">
                        <tr>
                            <td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; padding-top: 40px; color: #555555;">
                                <h2 style="mso-line-height-rule: exactly; font-weight: 800; font-size: 22px; margin: 0; text-align: center;">PT LINK MEDIS SEHAT</h2>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; color: #777777;">
                                <p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">
                                        Graha Cempaka Mas Blok D/20</p>
                                <p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">Jl. Let. Jend. Suprapto
                                <p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">Jakarta Pusat 10640, Indonesia</p>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; padding-top: 20px; color: #555555;">
                                <h2 style="mso-line-height-rule: exactly; font-weight: 800; font-size: 16px; margin: 0; text-align: center;">Customer Care</h2>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" style="mso-line-height-rule: exactly; background-color: #e8f8f8; font-size: 16px; line-height: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 40px; text-align: center; color: #777777;">
                                <p style="mso-line-height-rule: exactly; margin: 0;">0858 9000 8500</p>
                                <p style="mso-line-height-rule: exactly; margin: 0;">
                                    <a href="mailto:helpdesk@linksehat.com" target="_blank" style="mso-line-height-rule: exactly; color: #459ecf">helpdesk@linksehat.com</a>
                                </p>
                                <p style="mso-line-height-rule: exactly; margin: 0; text-align: center;">
                                    <a href="https://www.facebook.com/linkmedissehat" target="_blank" style="mso-line-height-rule: exactly; color: #7c72dc; text-decoration: none;">
                                        <img alt="Facebook" height="32" src="https://linksehat.com/assets/img/facebook@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Facebook" width="32">
                                    </a>
                                    <a href="https://instagram.com/linkmedissehat" target="_blank" style="mso-line-height-rule: exactly; margin-left: 5px; color: #7c72dc; text-decoration: none;">
                                        <img alt="Instagram" height="32" src="https://linksehat.com/assets/img/instagram@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Instagram" width="32">
                                    </a>
                                    <a href="https://www.linkedin.com/company/link-medis-sehat" target="_blank" style="mso-line-height-rule: exactly; margin-left: 5px; color: #7c72dc; text-decoration: none;">
                                        <img alt="Linkedin" height="32" src="https://linksehat.com/assets/img/linkedin@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Linkedin" width="32">
                                    </a>
                                    <a href="https://linksehat.com" target="_blank" style="mso-line-height-rule: exactly; margin-left: 5px; color: #7c72dc; text-decoration: none;">
                                        <img alt="Facebook" height="32" src="https://linksehat.com/assets/img/website@2x.png" style="line-height: 100%; max-width: 100%; vertical-align: middle; text-decoration: none; height: auto; border: none; display: inline-block;" title="Facebook" width="32">
                                    </a>
                                </p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td align="center" style="mso-line-height-rule: exactly; background-color: #f4f4f4; padding-left: 10px; padding-right: 10px; padding-bottom: 20px;">
                    <table style="max-width: 42rem; width: 100%;" border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                            <td align="left" style="mso-line-height-rule: exactly; background-color: #ffffff; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; font-size: 14px; line-height: 18px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #777777;">
                                <p style="mso-line-height-rule: exactly; margin: 0;">
                                    ©<?= date('Y') ?> PT Link Medis Sehat. All Rights Reserved
                                </p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</body>

</html>