[% USE JSON -%]
<link rel="stylesheet" href="[% MagicRevision('/yui/tabview/assets/tabview-core.css') %]" type="text/css" media="screen,projection" />
<script type="text/javascript" src="[% MagicRevision('/yui/tabview/tabview-min.js') %]"></script>
<script type="text/javascript" src="[% MagicRevision('/libraries/editarea/0.8.2/edit_area/edit_area_full.js') %]"></script>

[% stag = "[\%"
        etag = "%\]"
            %]
<script type="text/javascript">
//<![CDATA[
function init_editors () {

    // create the tab view object
    var my_tab_view = new YAHOO.widget.TabView('tabs');

    var pagelist = [];
    var tab_index = {};
    my_tab_view.get("tabs").forEach( function(t) {
        var name = t.get("href").replace(/^.*#tab_/,"");
        tab_index[name] = pagelist.length;
        pagelist.push(name);
    } );

    var setup_active_tab = function(tab) {
        var tabkey = tab.get('element').id.split('_');
        var tabname = tabkey.pop();
        init_editor('editor_' + tabname);
    };

    // event handler function for changing tabs
    var change_tab = function(ev) {
        setup_active_tab(ev.newValue);
    };
    my_tab_view.on('activeTabChange', change_tab);

    // add event handlers for the revert, preview, save, etc. buttons
    for(var page=0; page<pagelist.length; page++) {
        var pagename= pagelist[page];
        YAHOO.util.Event.addListener('action_preview_' + pagename, "click", function() { preview(this); } );
        YAHOO.util.Event.addListener('action_revert_' + pagename, "click", function() { revert(this); } );
        YAHOO.util.Event.addListener('action_revertdef_' + pagename, "click", function() { revertdef(this); } );
        YAHOO.util.Event.addListener('action_save_' + pagename, "click", function() { save(this); } );
    }

    var default_tab;

    var from_fragment = location.hash && location.hash.replace(/#tab_/,"");

    if ( from_fragment && (from_fragment in tab_index) ) {
        default_tab = tab_index[from_fragment];
    }
    else {
        var query_match = location.search.match(/pagename=([^&]+)/);
        if ( query_match ) {
            var query_tab = decodeURIComponent( query_match[1] );
            if (query_tab in tab_index) {
                default_tab = tab_index[query_tab];
            }
        }
    }

    //Necessary even when the index is 0 for setup_active_tab to be called.
    my_tab_view.selectTab( default_tab || 0 );
}

function revertdef(El) {
    var pagename = (El.id.split('_'))[2];
    YAHOO.util.Dom.get('revertform_pagename').value = pagename;
    YAHOO.util.Dom.get('revertform').submit();
}
function preview(El) {
    var pagename = (El.id.split('_'))[2];
    YAHOO.util.Dom.get('previewform_pagename').value = pagename;
    YAHOO.util.Dom.get('previewform_page').value = editAreaLoader.getValue('editor_' + pagename);
    YAHOO.util.Dom.get('previewform').submit();
}
function revert(El) {
    var pagename = (El.id.split('_'))[2];
    editAreaLoader.setValue( 'editor_' + pagename, YAHOO.util.Dom.get('editor_text_' + pagename).value );
}
function save(El) {
    var pagename = (El.id.split('_'))[2];
    YAHOO.util.Dom.get('saveform_pagename').value = pagename;
    YAHOO.util.Dom.get('saveform_page').value = editAreaLoader.getValue('editor_' + pagename);
    YAHOO.util.Dom.get('saveform').submit();
}

var init_editor = function(editor) {
    var pagename = (editor.split('_'))[1];
    YAHOO.util.Dom.get('editor_text_' + pagename).value = YAHOO.util.Dom.get('editor_' + pagename).value;

    // initialization
    editAreaLoader.init({
        id: editor
        ,start_highlight: true  // if start with highlight
        ,allow_resize: "both"
        ,allow_toggle: false
        ,language: "en"
        ,toolbar: "search, go_to_line,|, undo, redo, |, select_font,|, change_smooth_selection, highlight, reset_highlight, |, help"
        ,syntax: "css"
    });
}

YAHOO.util.Event.onDOMReady(init_editors);
//]]>
</script>
<style type="text/css">
body {
    font-family: verdana;
}

.yui-nav li a {
    background: #eee;
    color: #666;
    padding: 7px 10px;
    text-decoration: none;
}
.yui-nav li.selected a {
    background:#4c4c4c;
}
.yui-content {
    border: 5px solid #4c4c4c;
    padding: 10px;
}
.mod_suspension_area {
    height: 300px;
    overflow: auto;
    width: 100%;
}
.save_form {
    padding: 1px 10px;
}

#mod_suspension {
    margin: 20px 0 0;
}

.yui-nav li.selected a {
    color: #fff !important;
    font-weight: bold;
}

.yui-nav li a {
    padding: 7px 10px 20px !important;
}

.area_toolbar {
    background-color: #F1F6F7;
    *padding: 10px;
}

.upload_template {
    background: #eee;
    padding: 1px 10px;
    *margin-bottom: 10px;
    *padding: 10px;
}

</style>
</head>
<body>
<form id="revertform" action="template_editor_revert" method="POST">
<input type="hidden" name="pagename" id="revertform_pagename">
</form>
<form id="previewform" action="template_editor_preview" method="POST">
<input type="hidden" name="page" id="previewform_page">
<input type="hidden" name="pagename" id="previewform_pagename">
</form>
<form id="saveform" action="template_editor_save" method="POST">
<input type="hidden" name="page" id="saveform_page">
<input type="hidden" name="pagename" id="saveform_pagename">
</form>
<div class="body-content">
<p>    The <strong>Web Template Editor</strong> allows you to create placeholder web pages. These pages will appear to visitors who navigate to a site on your server that:</p>
<ul>
    <li>Has not yet been configured by the domain owner (see the Default Website Page tab)</li>
    <li>Has moved (see the Account Move tab)</li>
    <li>Is experiencing a connection or firewall problem (see the Connection Selection tab)</li>
    <li>Has been suspended (see the Account Suspended tab)</li>
</ul>
<div id="tabs">
    <div id="mod_suspension" class="yui-navset">
    <ul class="yui-nav">
        <li class="selected" id="tab_selector_default"><a href="#tab_default"><em>Default Website Page</em></a></li>
        <li id="tab_selector_moving"><a href="#tab_moving"><em>Account Move</em></a></li>
        <li id="tab_selector_redirect"><a href="#tab_redirect"><em>Connection Selection</em></a></li>
        <li id="tab_selector_suspended"><a href="#tab_suspended"><em>Account Suspended</em></a></li>
    </ul>
    <div class="yui-content">
        <div id="tab_default">
               <p>You are editing the <strong>Default Website Template</strong>.</p>
            <p>This page appears to visitors who navigate to a site that has not been configured by the domain owner and sites that have been deleted.</p>
            [% IF (data.owner == 'root') %]
                <p> <b> If you have created index.php, index.cgi, or index.pl in Apache’s docroot this page will be overridden by these scripts</b> </p>
            [% END %]
            <p>This template file will be saved as <strong>/var/cpanel/webtemplates/[% data.owner %]/english/default.tmpl</strong></p>
            <form id="editform_default">
            <textarea name="editor_default" id="editor_default" class="mod_suspension_area">[% pages.default %]</textarea>
            <input type="hidden" name="editor_text_default" id="editor_text_default">
        <div class="save_form">
            <p>
            <input type="button" id="action_revert_default" value="Revert" class="btn-secondary" />&nbsp;
            <input type="button" id="action_preview_default" value="Preview" class="btn-secondary" />&nbsp;
            <input type="button" id="action_save_default" value="Save" class="btn-primary" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="button" id="action_revertdef_default" value="Revert to Default" class="btn-secondary" />
            </p>
        </div>
            </form>
            <form id="uploadform_default" action="template_editor_upload" method="POST" ENCTYPE="multipart/form-data">
                <input type="hidden" name="pagename" value="default">

        <div class="upload_template">
            <h3>Upload Your Own Template</h3>
            <p>You can upload your own custom template below:</p>
            <div class="upload_form"><input type="file" name="file_upload" value="" id="file_upload_default" /></div>
            <p><input type="submit" value="Upload Template" class="btn-primary" /></p>
        </div>
        </form>
           <div class="available_tags">
            <h3>Note</h3>
            <p>If this domain has been redirected, visitors <strong>will not</strong> see this page. In order for visitors to see the template, you must copy <strong>/var/cpanel/webtemplates/[% data.owner %]/english/default.tmpl</strong> to the <strong>/home/username/public_html</strong> directory of the destination domain (the domain to which this website redirects visitors).</p>
            <h3>Available Tags</h3>
                     <p>You may use the following tags on this page: </p>
            <ul>
                <li>[% stag; ' data.protocol '; etag %] = https or http (useful for linking to images and objects outside of img-sys)</li>
                </ul>
            <h3>Images</h3>
                <p>Images used in these templates must be placed in /usr/local/cpanel/img-sys/ and linked via /img-sys/ if you have access to this directory.</p>
           </div>


            </div>
        <div id="tab_moving">
               <p>You are editing the <strong>Account Move Template</strong>.</p>
            <p>This page appears to visitors who navigate to a site that has moved.</p>
            <p>This template file will be saved as <strong>/var/cpanel/webtemplates/[% data.owner %]/english/moving.tmpl</strong></p>
            <form id="editform_moving">
            <textarea name="editor_moving" id="editor_moving" class="mod_suspension_area">[% pages.moving %]</textarea>
            <input type="hidden" name="editor_text_moving" id="editor_text_moving">
        <div class="save_form">
            <p>
            <input type="button" id="action_revert_moving" value="Revert" class="btn-secondary" />&nbsp;
            <input type="button" id="action_preview_moving" value="Preview" class="btn-secondary"/>&nbsp;
            <input type="button" id="action_save_moving" value="Save" class="btn-primary" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="button" id="action_revertdef_moving" value="Revert to Default" class="btn-secondary"/>
            </p>
        </div>
            </form>
            <form id="uploadform_moving" action="template_editor_upload" method="POST" ENCTYPE="multipart/form-data">
                <input type="hidden" name="pagename" value="moving">
        <div class="upload_template">
            <h3>Upload Your Own Template</h3>
            <p>You can upload your own custom template below:</p>
            <div class="upload_form"><input type="file" name="file_upload" value="" id="file_upload_moving" /></div>
            <p><input type="submit" value="Upload Template" class="btn-primary"/></p>
        </div>
            </form>
        <div class="available_tags">
            <h3>Note</h3>
            <p>If this domain has been redirected, visitors <strong>will not</strong> see this page. In order for visitors to see the template, you must copy <strong>/var/cpanel/webtemplates/[% data.owner %]/english/moving.tmpl</strong> to the <strong>/home/username/public_html</strong> directory of the destination domain (the domain to which this website redirects visitors).</p>
                <h3>Available Tags</h3>
                     <p>You may use the following tags on this page: </p>
                <ul>
                    <li>[% stag; ' data.protocol '; etag %] = https or http (useful for linking to images and objects outside of img-sys)</li>
                </ul>

            <h3>Images</h3>
                <p>Images used in these templates must be placed in /usr/local/cpanel/img-sys/ and linked via /img-sys/ if you have access to this directory.</p>
        </div>


        </div>
           <div id="tab_redirect">
               <p>You are editing the <strong>Connection Selection Template</strong>.</p>
            <p>This page will appear to visitors who navigate to a site that is experiencing a connection or firewall problem.</p>
            <p>This template file will be saved as <strong>/var/cpanel/webtemplates/[% data.owner %]/english/redirect.tmpl</strong></p>
            <form id="editform_redirect">
            <textarea name="editor_redirect" id="editor_redirect" class="mod_suspension_area">[% pages.redirect %]</textarea>
            <input type="hidden" name="editor_text_redirect" id="editor_text_redirect">
            <div class="save_form">
            <p>
            <input type="button" id="action_revert_redirect" class="btn-secondary" value="Revert" />&nbsp;
            <input type="button" id="action_preview_redirect" class="btn-secondary" value="Preview" />&nbsp;
            <input type="button" id="action_save_redirect" class="btn-primary" value="Save" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="button" id="action_revertdef_redirect" class="btn-secondary" value="Revert to Default" />
            </p>
            </div>
            </form>
            <form id="uploadform_redirect" action="template_editor_upload" method="POST" ENCTYPE="multipart/form-data">
                <input type="hidden" name="pagename" value="redirect">

            <div class="upload_template">
                <h3>Upload Your Own Template</h3>
                <p>You can upload your own custom template below:</p>
                <div class="upload_form"><input type="file" name="file_upload" value="" id="file_upload_redirect" /></div>
                <p><input type="submit" value="Upload Template" class="btn-primary"/></p>
            </div>
            </form>
            <div class="available_tags">
                <h3>Note</h3>
                <p>If this domain has been redirected, visitors <strong>will not</strong> see this page. In order for visitors to see the template, you must copy <strong>/var/cpanel/webtemplates/[% data.owner %]/english/redirect.tmpl</strong> to the <strong>/home/username/public_html</strong> directory of the destination domain (the domain to which this website redirects visitors).</p>
                <h3>Available Tags</h3>
                <p>You may use the following tags on this page: </p>
                <ul>
                    <li>[% stag; ' data.ishttps '; etag %] -- Inserts 1 if the visitor accessed the site at a secure port (2083, 2087, or 2096), or 0 otherwise.</li>
                    <li>[% stag; ' data.port '; etag %] -- Inserts cPanel port number.</li>
                    <li>[% stag; ' data.js_safe_redirecturl '; etag %] -- Inserts the URL of the domain's cPanel interface.</li>
                    <li>[% stag; ' data.js_safe_proxyurl '; etag %] -- Inserts the URL of the cPanel proxy.</li>
                    <li>[% stag; ' data.protocol '; etag %] = Inserts "https" or "http." (This is useful for linking to images and objects outside of img-sys.)</li>
                </ul>
                <h3>Images</h3>
                <p>Images used in these templates must be placed in /usr/local/cpanel/img-sys/ and linked via /img-sys/ if you have access to this directory.</p>
            </div>



            </div>
        <div id="tab_suspended">
               <p>You are editing the <strong>Account Suspended Template</strong>.</p>
            <p>This page will appear to visitors who navigate to a site that has been suspended.</p>
            <p>This template file will be saved as <strong>/var/cpanel/webtemplates/[% data.owner %]/english/suspended.tmpl</strong></p>
            <form id="editform_suspended">
            <textarea name="editor_suspended" id="editor_suspended" class="mod_suspension_area">[% pages.suspended %]</textarea>
            <input type="hidden" name="editor_text_suspended" id="editor_text_suspended">
            <div class="save_form">
                <p>
                <input type="button" id="action_revert_suspended" class="btn-secondary" value="Revert" />&nbsp;
                <input type="button" id="action_preview_suspended" class="btn-secondary" value="Preview" />&nbsp;
                <input type="button" id="action_save_suspended" class="btn-primary" value="Save" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="button" id="action_revertdef_suspended" class="btn-secondary" value="Revert to Default" />
                </p>
            </div>
            </form>
            <form id="uploadform_suspended" action="template_editor_upload" method="POST" ENCTYPE="multipart/form-data">
                <input type="hidden" name="pagename" value="suspended">
            <div class="upload_template">
                <h3>Upload Your Own Template</h3>
                <p>You can upload your own custom template below:</p>
                <div class="upload_form"><input type="file" name="file_upload" value="" id="file_upload_suspended" /></div>
                <p><input type="submit" value="Upload Template" class="btn-primary"/></p>
            </div>
            </form>
            <div class="available_tags">
                <h3>Note</h3>
                <p>If this domain has been redirected, visitors <strong>will not</strong> see this page. In order for visitors to see the template, you must copy <strong>/var/cpanel/webtemplates/[% data.owner %]/english/suspended.tmpl</strong> to the <strong>/home/username/public_html</strong> directory of the destination domain (the domain to which this website redirects visitors).</p>
                <h3>Available Tags</h3>
                <p>You may use the following tags on this page: </p>
                <ul>
                    <li>[% stag; ' data.protocol '; etag %] = https or http (useful for linking to images and objects outside of img-sys)</li>
                </ul>
                <h3>Images</h3>
                <p>Images used in these templates must be placed in /usr/local/cpanel/img-sys/ and linked via /img-sys/ if you have access to this directory.</p>
            </div>

            </div>
    </div>
    <!-- END .yui-content -->
        </div>
    <!-- END #mod_suspension -->

</div>
<!-- END #tabs -->
</div>
</body>
</html>