<!doctype html>
<html>
<head>
<meta charset="utf-8">

    <link rel="dns-prefetch" href="//127.0.0.1">
    <!-- Typekit font style sheet -->
    <link rel="stylesheet" href="https://platform-assets.typekit.net/adobe-notdef.css">
    <link rel="stylesheet" href="PHXS/css/dark/main.css">

    <!-- AdobePatentID="P5086-US" -->
    <!-- AdobePatentID="P5087-US" -->
    <script src="https://use.typekit.net/previewkits/pk-v1.js"></script>
    <title></title>
</head>

<body ng-controller="purchaseTypekitCtrl" ng-class="cssClasses" lang="{{lang}}">

    <div id="content" class="purchase-dialog ng-cloak">
        <edgecc-modal-dialog show-dialog="typekitPurchaseDialog.text" full-screen="true" on-submit="okCallback" on-cancel="cancelTypekitPurchase()" title-text="{{typekitPurchaseDialog.title}}" ok-text="{{typekitPurchaseDialog.okText}}" cancel-text="{{typekitPurchaseDialog.cancelText}}" secondary-ok-text="{{typekitPurchaseDialog.secondaryOkText}}" error-mode="isErrorMode">
            <!-- Can be plain text or HTML content directly coming from Typekit (Eg: Error scenarios) -->
            <div ng-if="!purchaseMode && !isError" class="panel-dialog-layout-100" ng-bind-html="typekitPurchaseDialog.message | translate">
            </div>
            <!-- Creating an extra div for errors since edgecc-anchor-launcher is not reusable for the same div currently. -->
            <div edgecc-anchor-launcher ng-if="isError" class="panel-dialog-layout-100" ng-bind-html="typekitPurchaseDialog.message | translate">
            </div>
            <span ng-if="isConditional" class="typekit-learn-more"><a href="" ng-bind-html="'DL_TYPEKIT_LEARN_MORE' | translate" ng-click="onLearnMoreClick()" ></a></span>
            <div ng-if="purchaseMode" class="panel-dialog-layout-100">
                <div class="typekit-font">
                    <span class="typekit-font-name" ng-bind="fontPurchaseDetails.fontName"></span>
                    <span class="typekit-font-price" ng-bind="fontPurchaseDetails.fontPrice"></span>
                    <span class="typekit-font-foundry" translate="DL_TYPEKIT_FOUNDRY" translate-values="fontPurchaseDetails"></span>
                    <!-- Web rendering of Typkit Font Preview -->
                    <dl-font-preview fontpreviewdata="fontPreviewData"></dl-font-preview>
                    <!-- Dynamic html message passed from Typekit -->
                    <div edgecc-anchor-launcher class="typekit-font-eula" ng-bind-html="fontPurchaseDetails.fontEULA"></div>
                </div>
            </div>
        </edgecc-modal-dialog>
        <div class="purchase-dialog-icon">
            <img ng-if="!isErrorMode" src="images/tk_logo_no_shadow.png"></img>
            <span class="edgecc-icon panel-dialog-error-color" style="display: none" ng-style="isErrorMode ? {'display': 'block'} : {'display': 'none'}">newalert</span>
        </div>
        <div class="purchase-dialog-divider"></div>
    </div>

    <div class="purchase-dialog-spinner" ng-if="showSpinner"><img src="images/wait_32.gif"/></div>

    <!-- rename require before loading requireJS, so we can access node modules -->
    <script type="text/javascript">window.nodeRequire = window.require || function () {}; window.nodeModule = window.module; delete window.module; window.nodeGlobal = window.global; delete window.global;</script>

    <script src="js/main.js"></script>


</body>
</html>
