[%
    SET CPANEL.CPVAR.dprefix = "../";
%]

[% WRAPPER '_assets/master.html.tt'
    app_key = 'site_publisher'
    use_master_bootstrap = 0
    page_stylesheets = ["css2-min/site_publisher/publish.css"]
-%]

<div id="alertSitePublisherDeprecationInfo" class="callout callout-warning">
    <p>
        <strong>[% locale.maketext("Site Publisher has been deprecated") %]</strong>
    </p>
    <p>
        [% locale.maketext("Site Publisher is no longer available in cPanel [output,amp] WHM version 134. Existing websites built with Site Publisher will keep working.")  %]
        [% locale.maketext("We recommend switching to Sitejet, a more modern site builder. If you do not have access to Sitejet, contact your hosting provider.") %]
        [% locale.maketext("This [output,url,_1,article] provides instructions for exporting data from a Site Publisher site.", "https://go.cpanel.net/exportspdata") %]
    </p>
</div>

<div class="text-center">
    <a href="../sitejet/index.html"
       class="site-publisher-sitejet-link">
        <img src="../images/Sitejet_Banner_Desktop.png" alt="something better"/>
    </a>
</div>

<script type="text/javascript">
    // Add Mixpanel tracking
    function initMixpanelTracking() {
        if (!window.mixpanel) {
            // Retry after a short delay if Mixpanel isn't loaded yet
            setTimeout(initMixpanelTracking, 100);
            return;
        }

        // Track page visit
        window.mixpanel.track("Site-Publisher-Page-Visited", {
            feature: "site_publisher",
            action: "site_publisher_page_visited",
            page: "site_publisher_index"
        });

        // Track Sitejet banner clicks
        var sitejetBanner = document.querySelector(".site-publisher-sitejet-link");
        if (sitejetBanner) {
            sitejetBanner.addEventListener("click", function() {
                window.mixpanel.track("Site-Publisher-Sitejet-Banner-Clicked", {
                    feature: "site_publisher",
                    action: "sitejet_banner_click"
                });
            });
        }
    }

    // Start tracking when DOM is ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initMixpanelTracking);
    } else {
        initMixpanelTracking();
    }
</script>

[% PROCESS '_assets/cjt2_header_include.tt' %]

[% END #wrapper %]