<?php $baseUrl = Yii::app()->getBaseUrl(true); ?>
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
    <!--[if gte mso 9]><xml>
   <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
   </o:OfficeDocumentSettings>
 </xml><![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <title>EMAIL</title>
    <style id="media-query">
    /* Client-specific Styles & Reset */
    
    #outlook a {
        padding: 0;
    }
    /* .ExternalClass applies to Outlook.com (the artist formerly known as Hotmail) */
    
    .ExternalClass {
        width: 100%;
    }
    
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
        line-height: 100%;
    }
    
    #backgroundTable {
        margin: 0;
        padding: 0;
        width: 100% !important;
        line-height: 100% !important;
    }
    /* Buttons */
    
    .button a {
        display: inline-block;
        text-decoration: none;
        -webkit-text-size-adjust: none;
        text-align: center;
    }
    
    .button a div {
        text-align: center !important;
    }
    /* Outlook First */
    
    body.outlook p {
        display: inline !important;
    }
    
    a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }
    /*  Media Queries */
    
    @media only screen and (max-width: 500px) {
        table[class="body"] img {
            height: auto !important;
            width: 100% !important;
        }
        table[class="body"] img.fullwidth {
            max-width: 100% !important;
        }
        table[class="body"] center {
            min-width: 0 !important;
        }
        table[class="body"] .container {
            width: 95% !important;
        }
        table[class="body"] .row {
            width: 100% !important;
            display: block !important;
        }
        table[class="body"] .wrapper {
            display: block !important;
            padding-right: 0 !important;
        }
        table[class="body"] .columns,
        table[class="body"] .column {
            table-layout: fixed !important;
            float: none !important;
            width: 100% !important;
            padding-right: 0px !important;
            padding-left: 0px !important;
            display: block !important;
        }
        table[class="body"] .wrapper.first .columns,
        table[class="body"] .wrapper.first .column {
            display: table !important;
        }
        table[class="body"] table.columns td,
        table[class="body"] table.column td,
        .col {
            width: 100% !important;
        }
        table[class="body"] table.columns td.expander {
            width: 1px !important;
        }
        table[class="body"] .right-text-pad,
        table[class="body"] .text-pad-right {
            padding-left: 10px !important;
        }
        table[class="body"] .left-text-pad,
        table[class="body"] .text-pad-left {
            padding-right: 10px !important;
        }
        table[class="body"] .hide-for-small,
        table[class="body"] .show-for-desktop {
            display: none !important;
        }
        table[class="body"] .show-for-small,
        table[class="body"] .hide-for-desktop {
            display: inherit !important;
        }
        .mixed-two-up .col {
            width: 100% !important;
        }
    }
    
    @media screen and (max-width: 500px) {
        div[class="col"] {
            width: 100% !important;
        }
    }
    
    @media screen and (min-width: 501px) {
        table[class="container"] {
            width: 500px !important;
        }
    }
    </style>
</head>

<body style="width: 100% !important;min-width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100% !important;margin: 0;padding: 0;background-color: #FFFFFF">
    <table cellpadding="0" cellspacing="0" width="100%" class="body" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;height: 100%;width: 100%;table-layout: fixed">
        <tbody>
            <tr style="vertical-align: top">
                <td class="center" align="center" valign="top" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;background-color: #FFFFFF">
                    <table cellpadding="0" cellspacing="0" align="center" width="100%" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top">
                        <tbody>
                            <tr style="vertical-align: top">
                                <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: #ffffff;padding: 15px;border-top: 3px solid #007799;">
                                    <!--[if gte mso 9]>
                                    <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
                                      <![endif]-->
                                    <!--[if (IE)]>
                                    <table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td>
                                              <![endif]-->
                                    <!--[if mso]>
                                  </td></tr></table>
                                  <![endif]-->
                                    <!--[if (IE)]>
                                  </td></tr></table>
                                  <![endif]-->
                                </td>
                            </tr>
                            <tr style="vertical-align: top">
                                <td width="100%" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding:0;background: #FFF;">
                                    <!--[if gte mso 9]>
                                        <table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center" width="500"><tr><td>
                                          <![endif]-->
                                    <!--[if (IE)]>
                                        <table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td>
                                                  <![endif]-->
                                    <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%" border="0" class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 500px;margin: 0 auto;text-align: inherit">
                                        <tbody>
                                     <?php echo $mailContent['body'];  ?>
                                       
                                     <?php if($mailContent['circular_link']!=''):?>
                                         <tr>   <td align="left">
                                                <a href="<?php echo $mailContent['circular_link'];?>" style="padding: 10px 15px;color: #fff;background: #26a69a;border-radius: 3px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.54);">Download Circular</a>
                                            </td>
										</tr>
                                     
                                            <?php endif; ?>
                                        <tr>
                                            <td align="center">
                                                <a href="<?php echo $baseUrl; ?>/index.php?r=site/login" style="padding: 10px 15px;color: #fff;background: #26a69a;border-radius: 3px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.54);" target="_blank">
                                                    Login
                                                </a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                    <!--[if mso]>
                                        </td></tr></table>
                                        <![endif]-->
                                    <!--[if (IE)]>
                                        </td></tr></table>
                                        <![endif]-->
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>

</html>
