<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-Type" content="text/html; charset=UTF-16" />
        <link rel="stylesheet" type="text/css" href="../../../css/reset.css">
        <link rel="stylesheet" type="text/css" href="../../../css/widgets.css">
        <style type="text/css">
            body {
                font-family: Arial;
                font-size: 10pt;
                width: 708px;
                height: 472px;
            }

            #workingArea {
                width: 708px;
                height: 472px;
                background-image: url(../../../images/common/pattern.png);
                position: relative;
            }

            @font-face {
                font-family: FranklinGothicBookCondTT;
                src: url(fonts/frg57__u.ttf);
            }

            @font-face {
                font-family: FranklinGothicMediumCondTT;
                src: url(fonts/frg67__u.ttf);
            }

            .separator {
                background: url(../../../images/license/separator.png) no-repeat center top;
                width: 100%;
                height: 6px;
            }

            .header {
                font-weight: bold;
            }

            h1 {
                height: 97px;
                padding-left: 26px;
                position: relative;
                text-align: left;
            }

            h1>table {
                border-collapse: collapse;
                cellspacing: 0;
            }

            h1>table tr {
                height: 97px;
            }

            h1>table tr>td {
                vertical-align: middle;
                font: 14pt FranklinGothicMediCondTT;
            }

            #license-info-wrapper {
                background-color: white;
                border-top: 1px #bcbcbc solid;
                -webkit-box-shadow: 0 0 5px 4px #E0E0E0;
                height: 374px;
                margin: 0px;
                position: relative;
            }

            #license-info {
                margin: 45px 60px 3px 40px;
                height: auto;
            }

            #license-image {
                background: url(../../../images/license/computer_risk.png) left center no-repeat;
                height: 182px;
                width: 204px;
                padding-right: 35px;
                float: left;
                display: inline-block;
            }

            #activation-text h2 {
                font: 14pt FranklinGothicMediCondTT;
                padding-top: 2px;
                margin-bottom: 8px;
            }

            #activation-text p {
                margin-right: 16px;
            }

            #activation-buttons {
                margin-top: 14px;
            }

            #activation-buttons>a {
                float: left;
            }

            #license-content {
                margin-left: 30px;
                margin-top: 20px;
            }

            #license-content h2 {
                margin-bottom: 5px;
            }

            #license-content p {
                margin-bottom: 7px;
            }

            #license-content a {
                font-family: Arial;
                font-size: 9pt;
                color: #3388b8;
            }

            #license-only-column {
                margin-left: 15px;
                width: 100%;
            }

            #license-only-column h2,
            #license-only-column p {
                float: left;
            }

            #license-only-column h2 {
                padding-right: 7px;
            }

            #buy-icon {
                background: url(../../../images/common/icon_buy.png) 0 -1px no-repeat;
                height: 32px;
                padding-left: 22px;
            }
        </style>
    </head>
    <body>
        <div id="workingArea">
            <h1 id="header"><table><tr><td></td></tr></table></h1>
            <div id="license-info-wrapper">
                <div id="license-info">
                    <div id="license-image"></div>
                    <div id="license-text-wrapper">
                        <div id="activation-text">
                            <h2 class="header">授權已過期</h2>
                            <p id="protection-level-description">程式功能受到限制，若使用完整功能，請續約授權。</p>
                        </div>
                        <div id="activation-buttons">
                            <a id="learn-more-button" class="gray-button" href="#" onclick="window.IpmCommandHandler.openApplicationPage('LicenseManager')">
                                <span>詳細資訊...</span>
                            </a>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="separator"></div>
                <div id="license-content">
                    <div id="license-only-column"></div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="../../../js/jquery.js"></script>
        <script>
            $(document).ready(function() {
                $('h1>table tr>td').html(window.IpmCommandHandler.getTemplateSubstitutionText('\'親愛的使用者，\' + $ApplicationType + \' \' + $ApplicationVersion + \' 已經防護您的電腦，直到授權過期。\''));

                /* helper functions */
                var appendColonIfNeeded = function(string) {
                  if (string !== '') {
                    string += ', ';
                  }
                  return string;
                };

                var addThreatsInfo = function(threatsInfo, threatsTemplateString, threatsPluralFormTemplateString) {
                  if (window.IpmCommandHandler.getTemplateSubstitutionText(threatsTemplateString) > 0) {
                    threatsInfo = appendColonIfNeeded(threatsInfo);
                    threatsInfo += window.IpmCommandHandler.getTemplateSubstitutionText(threatsTemplateString + ' + \' \' + ' + threatsPluralFormTemplateString);
                  }
                  return threatsInfo;
                }

                var threatsInfo = '';

                $.each(
                [
                  {
                    threatsTemplateString: '$ThreatsCount',
                    threatsPluralFormTemplateString: '{$ThreatsCount: \'威脅\'}'
                  },
                  {
                    threatsTemplateString: '$MaliciousCount',
                    threatsPluralFormTemplateString: '{$MaliciousCount: \'惡意網址\'}'
                  },
                  {
                    threatsTemplateString: '$VulnerabilitiesCount',
                    threatsPluralFormTemplateString: '{$VulnerabilitiesCount: \'弱點\'}'
                  }
                ],
                function(index, value) {
                  threatsInfo = addThreatsInfo(threatsInfo, value.threatsTemplateString, value.threatsPluralFormTemplateString);
                });

                var moreLink = '<p><a href="#" onclick="window.IpmCommandHandler.openApplicationPage(\'ReportThreats\');">詳細資訊</a></p>',
                    licenseDuration = '<h2 class="header">過期授權條款：</h2><p class="article">' + window.IpmCommandHandler.getTemplateSubstitutionText('$LicenseTerm + \' \' + {$LicenseTerm: \'天\'}') + '</p>',
                    checkedInfo = '<h2 class="header">在此期間，共掃描：</h2><p class="article">' + window.IpmCommandHandler.getTemplateSubstitutionText('$FilesCount + \' \' + {$FilesCount: \'檔案\'} + \', \' + $URLCount + \' \' + {$URLCount: \'頁面\'} + \'在網際網路上\'') + '</p>'

                if (threatsInfo) {
                    threatsInfo = '<h2 class="header">已偵測到：</h2><p class="article">' + threatsInfo + '</p>';
                }

$('#protection-level-description').prepend(window.IpmCommandHandler.getProtectionLevel() + ' ');
			
                  $('#license-only-column').append(licenseDuration);
                  $('#license-only-column').append(checkedInfo);
                  if (threatsInfo) {
                    $('#license-only-column').append(threatsInfo);
                  }
                  $('#license-only-column').append(moreLink);
                  $('#license-left-column').hide();
                  $('#license-right-column').hide();
                  $('#license-only-column p').after('<div class="clear"></div>');
            });
        </script>
    </body>
</html>