<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
    xmlns:o="urn:schemas-microsoft-com:office:office">

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="x-apple-disable-message-reformatting">
        <title></title>

        <link href="https://fonts.googleapis.com/css?family=Roboto:400,600" rel="stylesheet" type="text/css">
        <style>
            html,
            body {
                margin: 0 auto !important;
                padding: 0 !important;
                height: 100% !important;
                width: 100% !important;
                font-family: 'Roboto', sans-serif !important;
                font-size: 14px;
                margin-bottom: 10px;
                line-height: 24px;
                color: #8094ae;
                font-weight: 400;
            }

            * {
                -ms-text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%;
                margin: 0;
                padding: 0;
            }

            table,
            td {
                mso-table-lspace: 0pt !important;
                mso-table-rspace: 0pt !important;
            }

            table {
                border-spacing: 0 !important;
                border-collapse: collapse !important;
                table-layout: fixed !important;
                margin: 0 auto !important;
            }

            table table table {
                table-layout: auto;
            }

            a {
                text-decoration: none;
            }

            img {
                -ms-interpolation-mode: bicubic;
            }
        </style>

    </head>

    <body width="100%"
        style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f5f6fa;">
        <center style="width: 100%; background-color: #f5f6fa;">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#f5f6fa">
                <tr>
                    <td style="padding: 40px 0;">
                        <table style="width:100%;max-width:620px;margin:0 auto;">
                            <tbody>
                                <tr>
                                    <td align="center" style="padding-bottom:25px;">
                                        <a href="{{ url('/') }}">
                                            <img src="{{ $message->embed($logoPath) }}" alt="{{ $site_name }}"
                                                style="height:40px; display:block; margin:0 auto;">
                                        </a>

                                        <p style="font-size:14px; padding-top:12px; text-align:center;">
                                            Sistem Informasi Media Komunikasi.
                                        </p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <table style="width:100%;max-width:620px;margin:0 auto;background-color:#ffffff;">
                            <tbody>
                                <tr>
                                    <td style="padding: 30px 30px 20px">
                                        <p style="margin-bottom: 10px;">Hello {{ $name }},</p>
                                        <p style="margin-bottom: 10px;">{!! nl2br(e($replyMessage)) !!}</p>
                                        <p style="margin-top: 25px; margin-bottom: 15px;">---- <br> Regards <br>
                                            {{ $site_name }}</p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table style="width:100%;max-width:620px;margin:0 auto;">
                            <tbody>
                                <tr>
                                    <td style="text-align: center; padding:25px 20px 0;">
                                        <p style="font-size: 13px;">&copy; {{ date('Y') }}
                                            {{ $site_name }}. Seluruh Hak Cipta
                                            Dilindungi.
                                        </p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </table>
        </center>
    </body>

</html>
