{* SOURCES *}
{* Custom router *}
<script src="{$wa_app_static_url}js/backend/marketing/content_router.js?v={$wa->version()}"></script>

{* Marketing *}
<link href="{$wa_app_static_url}css/backend/marketing.css?v={$wa->version()}" rel="stylesheet">
<script src="{$wa_app_static_url}js/backend/marketing/marketing.js?v={$wa->version()}"></script>

{* PAGE *}
{* This code is moved to the beginning specifically *}
<script>
    ( function($) { "use strict";
        window.wa_app = {$wa->app()|json_encode}; {* need for editor2.js *}
        window.wa_url = {$wa_url|json_encode}; {* need for waEditorAceInit *}
        $.shop.marketing.title_pattern = "%s — {$wa->accountName(false)|escape:javascript}";
        {if !empty($currency_info)}
            $.shop.marketing.price_format = {$currency_info|json_encode};
        {/if}
    })(jQuery);
</script>

<div class="s-marketing-content height-100 not-blank" id="js-marketing-content">{$content}</div>
<script>
    (function($) { "use strict";
        // const loading = '<div class="spinner custom-p-32" style="align-self:center;margin-inline:auto;"></div>';

        function hideSkeleton() {
            if ('skeletonLoader' in $) {
                $.skeletonLoader.hide();
            }
        }

        $.shop.marketing.content = new ContentRouter({
            $content: $("#js-marketing-content"),
            app_url: {"`$wa_app_url`marketing"|json_encode},
            // onBeforeLoad: function(router) {
            //     router.setContent(loading);
            // },
            onLoaded: function() {
                hideSkeleton();
                document.documentElement.scrollIntoView();
            }
        });

        hideSkeleton();
    })(jQuery);
</script>