{*
 * TargetiX for Revive Adserver and OpenX Source
 *
 * @author Matteo Beccati
 * @copyright 2009-2014 AdserverPlugins.com - All rights reserved
 *}
<style type="text/css">{literal}
.iconApEnable {
    background-image: url("../../assets/images/icon-checkmark.gif");
}
.iconApDisable {
    background-image: url("../../assets/images/icon-cross.gif");
}
.iconApRegenerate {
    background-image: url("../../assets/images/icon-back.gif");
}
{/literal}</style>

{if $key}
<h3>{apt key="The retargeting service is enabled for the selected agency."}</h3>
<p style="margin-top: .5em">{apt key="The retargeting key is:"} <strong>{$key|escape}</strong></p>
{else}
<h3>{apt key="The retargeting service is disabled for the selected agency."}</h3>
<p style="margin-top: .5em">{apt key="You can enable it using the Actions menu."}</p>
{/if}

{if $defaultCode || $hvCode}
<p style="margin-top: 2em">
    {apt key="The retargeting pixel code for this agency can be created using the following example:"}
</p>
{if $defaultCode}
<h4>
    {apt key="For the database storage variation:"}
</h4>
<p>
    <textarea class='code-gray' rows='5' cols='40' style='width:95%; border: 1px solid black' readonly>{$defaultCode|escape}</textarea>
</p>
{/if}
{if $hvCode}
<h4>
    {apt key="For the high volume (cookie) storage variation:"}
</h4>
<p>
    <textarea class='code-gray' rows='5' cols='40' style='width:95%; border: 1px solid black' readonly>{$hvCode|escape}</textarea>
</p>
{/if}
<script type='text/javascript'>
<!--{literal}
$(document).ready(function() {
    $('textarea.code-gray').selectText();
});
//{/literal}-->
</script>
<p>
    {apt key="For more information, example and tips, please see the product guide (chapter 6)."}
</p>
{/if}