<?php
use yii\helpers\Html;
?>

<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta name="format-detection" content="telephone=no" />
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>

    <style type="text/css">
        body {
            margin:0;
            padding:0;
        }
        @media only screen and (max-width:600px) {
            body[merkle] .hide {
                display:none !important;
                width:0px !important;
                height:0px !important;
            }
            body[merkle] .width270 {
                width:270px !important;
            }
            body[merkle] .width230{
                width: 230px;
            }
            .btn_resp {
                width: 190px;
                display: block;
                overflow: hidden;
                word-wrap: break-word;
            }
            body[merkle] .aligncenter {
                text-align:center !important;
            }
            body[merkle] .padding0 {
                padding:0px !important;
            }
            body[merkle] .paddingbottom6 {
                padding:6px !important;
            }
            body[merkle] .alignleft {
                text-align:left !important;
            }
            body[merkle] .bgwhite {
                background-color:#FFFFFF !important;
                background-image:none !important;
                width:inherit !important;
                height:inherit !important;
            }
            body[merkle] .bggray {
                background-color:#efefef !important;
            }
            body[merkle] .drop {
                width:270px !important;
                float:left !important;
            }
            body[merkle] .desktop{visibility:hidden; display:none !important;}
            body[merkle] .mobile{max-height: none !important; font-family:Arial, Helvetica, sans-serif; display: block !important; }
            body[merkle] .yellow{color:#ffc222 !important;}
            body[merkle] .head_space_height{height:2px;}
            body[merkle] .right_col_height{height:280px;}
        }
    </style>
    <style type="text/css">
        .desktop{visibility:visible;}
        .mobile { max-height: 0px !important; font-size: 0 !important; display: none; }
        .ExternalClass {
            width:100%;
        }
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td,  .ExternalClass div {
            mso-line-height-rule:exactly;
            mso-line-height-rule:exactly;
            line-height: 100%;
        }
        body {
            -webkit-text-size-adjust:none;
            -ms-text-size-adjust:none;
        }
        table td {
            border-collapse:collapse;
        }
        p {
            margin:0;
            padding:0;
            margin-bottom:0;
        }
        h1, h2, h3, h4, h5, h6 {
            mso-line-height-rule:exactly;
            mso-line-height-rule:exactly;
            line-height: 100%;
        }
        a, a:link {
            text-decoration: underline;
        }
        span.yshortcuts {
            color:#000;
            background-color:none;
            border:none;
        }
        span.yshortcuts:hover, span.yshortcuts:active, span.yshortcuts:focus {
            background-color:none;
            border:none;
        }
        a:visited {
            text-decoration: none
        }
        a:focus {
            text-decoration: underline
        }
        a:hover {
            text-decoration: underline
        }
        .head_space_height{height:80px;}
        .Img_Descrip{font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
        .right_col_height{height:328px;}
    </style>
</head>
<body merkle="fix" style="margin:0; padding:0;  -webkit-text-size-adjust: none;" bgcolor="#f2f2f2" >

    <?php $this->beginBody() ?>
    
        <div style="background-color:#f2f2f2;" align="center">
            <!--[if gte mso 9]>
            <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
                <v:fill type="tile" src="" color="#efefef"/>
            </v:background>
            <![endif]-->
        
            <table height="100%" width="100%"  cellpadding="0" cellspacing="0" border="0" bgcolor="#424242">
                <tr>
                    <td valign="top" align="center" bgcolor="#424242">
                        <!--Begin Header1 -->
                        <table width="600" border="0" cellspacing="0" cellpadding="0" class="width270">
                            <tr>
                                <td align="center" valign="top"  style="font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; mso-line-height-rule:exactly; line-height:16px; color:#ffffff; padding-top:8px; padding-bottom:8px">Если письмо отображается неккоректно, нажмите <a href="#" target="_blank" style="color:#ffffff">здесь</a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
                <?= $content ?>

            <!--begin spacer -->
            <table width="600" border="0" cellspacing="0" cellpadding="0" class="width270">
                <tr>
                    <td align="left" valign="top" style="font-size:20px; line-height:20px"><img src="<?=Yii::$app->params['frontUrl'];?>/images/letter/spacer.gif" width="1" height="20" border="0" /></td>
                </tr>
            </table>
            <!--end spacer -->

        </div>

    <?php $this->endBody() ?>

</body>
</html>
<?php $this->endPage() ?>