<?php

class StranasMailHelper extends MailHelper {
    
    public function addTo($to) {
        $this->mail->addAddress($to);
    }

    public function addCc($cc) {
        $this->mail->addCC($cc);
    }

    public function setSubject($subject) {
        $this->mail->Subject = $subject;
    }

    public function setBody($body) {
        $this->mail->Body = $opening.$body.$footer.$closing;
    }

    public function createBody($body) {
        $opening = <<<OPENING
        <!DOCTYPE html>
        <html lang="en" xmlns="https://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width,initial-scale=1">
            <meta name="x-apple-disable-message-reformatting">
            <!--[if !mso]><!-->
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <!--<![endif]-->
            <title></title>
            <!--[if mso]>
            <style type="text/css">
                table {border-collapse:collapse;border:0;border-spacing:0;margin:0;}
                div, td {padding:0;}
                div {margin:0 !important;}
            </style>
            <noscript>
            <xml>
                <o:OfficeDocumentSettings>
                    <o:PixelsPerInch>96</o:PixelsPerInch>
                </o:OfficeDocumentSettings>
            </xml>
            </noscript>
            <![endif]-->
            <style type='text/css'>
                @media only screen and (max-width: 399px) {
                    .icons-left-margin {
                        width: 100%;
                        margin-left: 3%;
                    }
                }
                @media only screen and (min-width: 400px) and (max-width: 699px) {
                    .icons-left-margin {
                        width: 100%;
                        margin-left: 4%;
                    }
                }
                @media only screen and (min-width: 700px) and (max-width: 899px) {
                    .icons-left-margin {
                        width: 100%;
                        margin-left: 5%;
                    }
                }
                @media only screen and (min-width: 900px) {
                    .icons-left-margin {
                        width: 100%;
                        margin-left: 5.5%;
                    }
                }
            </style>
        </head>
        <body style="margin:0;padding:0;word-spacing:normal;background-color:#ffffff;">
            <div role="article" aria-roledescription="email" lang="en" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#ffffff;">
                <table role="presentation" style="width:100%;border:0;border-spacing:0;">
                    <tr>
                        <td>
OPENING;
        $footer = <<<FOOTER
        <div>
            <a href='https://stranaspk.id' target='_blank'>
                <img src='https://jaga.id/stranaspk/email_footer.jpg' style='width: 100%; padding: 0' />
            </a>
        </div>
        <div class='icons-left-margin'>
            <table>
                <tr>
                    <td style='padding: 0 10px; vertical-align:middle'>
                        <a href='https://stranaspk.id' target='_blank'>
                            <img src='https://jaga.id/stranaspk/www.png'
                                width='20' />
                        </a>
                    </td>
                    <td style='padding: 0 10px; vertical-align:middle'>
                        <a href='https://www.youtube.com/channel/UCjy_cEJUTWgzSQBWW1M1KnA' target='_blank'>
                            <img src='https://jaga.id/stranaspk/youtube.png' width='28' />
                        </a>
                    </td>
                    <td style='padding: 0 10px; vertical-align:middle'>
                        <a href='https://www.instagram.com/stranaspk_official/' target='_blank'>
                            <img src='https://jaga.id/stranaspk/ig.png' width='20' />
                        </a>
                    </td>
                    <td style='padding: 0 10px; vertical-align:middle'>
                        <a href='https://twitter.com/Stranas_PK' target='_blank'>
                            <img src='https://jaga.id/stranaspk/twitter.png' width='20' />
                        </a>
                    </td>
                    <td style='padding: 0 10px; vertical-align:middle'>
                        <a href='https://web.facebook.com/profile.php?id=100072215386158' target='_blank'>
                            <img src='https://jaga.id/stranaspk/fb.png' width='10' />
                        </a>
                    </td>
                </tr>
            </table>
        </div>
FOOTER;
$closing = <<<CLOSING
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
CLOSING;
        return $opening.$body.$footer.$closing;
    }

    public function setIsHTML($isHTML) {
        $this->mail->IsHTML($isHTML);
    }

    public function send() {
        $this->mail->send();
    }
}
