<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <title>Welcome to HilcoVision.com</title>
    <style type="text/css">
        .socialLinks {
            font-size: 6px;
        }

        .socialLinks a {
            display: inline-block;
        }

        .socialIcon {
            display: inline-block;
            vertical-align: top;
            padding-bottom: 0px;
            border-radius: 100%;
        }

        table.vb-row, table.vb-content {
            border-collapse: separate;
        }

        table.vb-row {
            border-spacing: 9px;
        }

        table.vb-row.halfpad {
            border-spacing: 0;
            padding-left: 9px;
            padding-right: 9px;
        }

        table.vb-row.fullwidth {
            border-spacing: 0;
            padding: 0;
        }

        table.vb-container.fullwidth {
            padding-left: 0;
            padding-right: 0;
        }
    </style>
    <style type="text/css">
        /* yahoo, hotmail */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
            line-height: 100%;
        }

        .yshortcuts a {
            border-bottom: none !important;
        }

        .vb-outer {
            min-width: 0 !important;
        }

        .RMsgBdy, .ExternalClass {
            width: 100%;
            background-color: #3f3f3f;
            background-color: #3f3f3f
        }

        /* outlook */
        table {
            mso-table-rspace: 0pt;
            mso-table-lspace: 0pt;
        }

        #outlook a {
            padding: 0;
        }

        img {
            outline: none;
            text-decoration: none;
            border: none;
            -ms-interpolation-mode: bicubic;
        }

        a img {
            border: none;
        }

        @media screen and (max-device-width: 600px), screen and (max-width: 600px) {
            table.vb-container, table.vb-row {
                width: 95% !important;
            }

            .mobile-hide {
                display: none !important;
            }

            .mobile-textcenter {
                text-align: center !important;
            }

            .mobile-full {
                float: none !important;
                width: 100% !important;
                max-width: none !important;
                padding-right: 0 !important;
                padding-left: 0 !important;
            }

            img.mobile-full {
                width: 100% !important;
                max-width: none !important;
                height: auto !important;
            }
        }
    </style>
    <style type="text/css">
        #ko_textBlock_4 .links-color a, #ko_textBlock_4 .links-color a:link, #ko_textBlock_4 .links-color a:visited, #ko_textBlock_4 .links-color a:hover {
            color: #3f3f3f;
            color: #3f3f3f;
            text-decoration: underline;
        }

        #ko_footerBlock_2 .links-color a:visited, #ko_footerBlock_2 .links-color a:hover {
            color: #ccc;
            color: #ccc;
            text-decoration: underline;
        }
    </style>
</head>
<body bgcolor="#3f3f3f" text="#919191" alink="#cccccc" vlink="#cccccc" style="margin: 0;padding: 0;background-color: #3f3f3f;color: #919191;">
    <center>
    <!-- preheaderBlock -->
    <!-- /preheaderBlock -->
    <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#ffffff" style="background-color: #ffffff;" id="ko_logoBlock_3">
        <tbody>
            <tr>
                <td class="vb-outer" align="center" valign="top" bgcolor="#ffffff" style="padding-left: 9px;padding-right: 9px;background-color: #fff;">
                    <!--[if (gte mso 9)|(lte ie 8)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="570">
                    <tr>
                        <td align="center" valign="top">
                    <![endif]-->
                            <div class="oldwebkit" style="max-width: 570px;">
                                <table width="570" style="border-collapse: separate;border-spacing: 18px;padding-left: 0;padding-right: 0;width: 100%;max-width: 570px;" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad">
                                    <tbody>
                                        <tr>
                                            <td valign="top" align="center">

                                                <!--[if (gte mso 9)|(lte ie 8)]>
                                                <table align="center" border="0" cellspacing="0" cellpadding="0" width="166">
                                                    <tr>
                                                        <td align="center" valign="top">
                                                <![endif]-->
                                                            <div class="mobile-full" style="display: inline-block; max-width: 166px; vertical-align: top; width: 100%;">
                                                                <img width="166" vspace="0" hspace="0" border="0" alt="Hilco Vision" style="border: 0px;display: block;width: 100%;max-width: 166px;" src="{!! $message->embed(public_path('images/hilco_logo_white.jpg')) !!}">
                                                            </div>
                                                <!--[if (gte mso 9)|(lte ie 8)]>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <![endif]-->
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                    <!--[if (gte mso 9)|(lte ie 8)]>
                        </td>
                      </tr>
                    </table>
                    <![endif]-->
                </td>
            </tr>
        </tbody>
    </table>
    <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#ffffff" style="background-color: #ffffff;" id="ko_textBlock_4">
        <tbody>
            <tr>
                <td class="vb-outer" align="center" valign="top" bgcolor="#ffffff" style="padding-left: 9px;padding-right: 9px;background-color: #fff;">
                    <!--[if (gte mso 9)|(lte ie 8)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="570">
                        <tr>
                          <td align="center" valign="top"><![endif]-->
                            <div class="oldwebkit" style="max-width: 570px;">
                                <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff" style="border-collapse: separate;border-spacing: 18px;padding-left: 0;padding-right: 0;width: 100%;max-width: 570px;background-color: #fff;">
                                    <tbody>
                                    <tr>
                                        <td align="left" class="long-text links-color" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;">
                                            <p style="margin: 1em 0px;margin-top: 0px;">Dear {{ $webUser->name }}<br></p>
                                            <p style="margin: 1em 0px;">Your HilcoVision web account has successfully been created!<br></p>
                                            <p style="margin: 1em 0px;"><b>How to get started:</b></p>
                                            <ol>
                                                <li>Please return to {{ $url }}</li>
                                                <li>Sign in using your user name and temporary password as listed below:
                                                    <ul>
                                                        <li>User Name: {{ $webUser->username }}</li>
                                                        <li>Password: {{ $temporaryPassword }}</li>
                                                    </ul>
                                                </li>
                                            </ol>
                                            <p style="margin: 1em 0px;margin-bottom: 0px;">If you have any questions, please call Hilco Vision Customer Care at (800) 955-6544 ext 3291 to speak to a web specialist</p></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                    <!--[if (gte mso 9)|(lte ie 8)]>
                            </td>
                          </tr>
                      </table>
                    <![endif]-->
                </td>
            </tr>
        </tbody>
    </table>
    <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#ffffff" style="background-color: #ffffff;" id="ko_buttonBlock_5">
        <tbody>
            <tr>
                <td class="vb-outer" align="center" valign="top" bgcolor="#ffffff" style="padding-left: 9px;padding-right: 9px;background-color: #fff;">
                    <!--[if (gte mso 9)|(lte ie 8)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="570">
                        <tr>
                            <td align="center" valign="top"><![endif]-->
                                <div class="oldwebkit" style="max-width: 570px;">
                                    <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff" style="border-collapse: separate;border-spacing: 18px;padding-left: 0;padding-right: 0;width: 100%;max-width: 570px;background-color: #fff;">
                                        <tbody>
                                            <tr>
                                                <td valign="top" bgcolor="#ffffff" align="center" style="background-color: #ffffff;">

                                                    <table cellpadding="0" border="0" align="center" cellspacing="0" class="mobile-full">
                                                        <tbody>
                                                            <tr>
                                                                <td width="auto" valign="middle" bgcolor="#4f81bd" align="center" height="50" style="font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #f2f2f2; font-weight: normal; padding-left: 14px; padding-right: 14px; background-color: #4f81bd; border-radius: 4px;">
                                                                    <a target="_new" href="{{ $url }}" style="text-decoration: none; color: #f2f2f2; font-weight: normal;">Go to www.HilcoVision.com</a>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                    <!--[if (gte mso 9)|(lte ie 8)]>
                            </td>
                        </tr>
                    </table>
                    <![endif]-->
                </td>
            </tr>
        </tbody>
    </table>
</center>
</body>
</html>