{% extends "propesqBundle::layout.html.twig" %}

{% block stylesheets %}
    <style>
        html {
            height: 100%;
        }

        body {
            height: 100%;
        }

        #navbar-menu {
            margin-bottom: 0;
        }

        #symfony-wrapper {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .symfony-content {
            flex-grow: 1;
        }

        .iframe-gerador {
            width: 100%;
            height: 100%;
        }
    </style>
{% endblock %}

{% block content %}
    <script>
        function receiveMessage(event) {
            if (event.data.type === 'dataGeneratorReady') {
                const iframe = document.getElementById("iframe-gerador").contentWindow;
                
                const filters = JSON.parse('{{ filters|json_encode|e('js') }}');
                const groupers = JSON.parse('{{ groupers|json_encode|e('js') }}');
                const variables = JSON.parse('{{ variables|json_encode|e('js') }}');
                const apiURL = '{{ api_gerador_url }}';

                iframe.postMessage({
                    type: 'dataFromPropesq',
                    token: '{{ token }}',
                    filters,
                    groupers,
                    variables,
                    apiURL
                }, '{{ gerador_url }}');
            }
        }
        window.addEventListener('message', receiveMessage);
    </script>

    <iframe id="iframe-gerador" class="iframe-gerador" src="{{ gerador_url }}" frameborder="0" seamless="seamless">
{% endblock %}