{% extends 'dashboard.twig' %}

{% block content %}
<h1>{{ 'Overlay_Overlay'|translate }}</h1>

<div id="overlayNoFrame">

    <script type="text/javascript">
        // The startOverlaySession URL is matched by piwik.js::isOverlaySession(). Only the
        // canonical handshake parameters (module, action, idSite, period, date, segment) belong here.
        var newLocation = 'index.php?module=Overlay&action=startOverlaySession&idSite={{ idSite|e('js') }}&period={{ period|e('js') }}&date={{ date|e('js') }}&segment={{ segment|e('js') }}';

        function submitPostNavigation(action, params) {
            var form = document.createElement('form');
            form.method = 'post';
            form.action = action;
            form.style.display = 'none';

            Object.keys(params).forEach(function (key) {
                var input = document.createElement('input');
                input.type = 'hidden';
                input.name = key;
                input.value = params[key];
                form.appendChild(input);
            });

            document.body.appendChild(form);
            form.submit();
        }

        var locationParts = window.location.href.split('#');
        if (locationParts.length > 1) {
            var url = broadcast.getParamValue('l', locationParts[1]);
            url = Overlay_Helper.decodeFrameUrl(url);
            newLocation += '#' + url;
        }

        if (piwik.shouldPropagateTokenAuth) {
            var postParams = {
                token_auth: piwik.token_auth
            };
            if (!piwik.broadcast.isWidgetizeRequestWithoutSession()) {
                postParams.force_api_session = '1';
            }
            submitPostNavigation(newLocation, postParams);
        } else {
            window.location.href = newLocation;
        }
    </script>

</div>
{% endblock %}
