{% extends "Includes/layout.html.twig" %}

{% block body %}
    
    <main class="row main mx-0 min-vw-100" id="main-content">
        <section class="content-area p-r-l-6">
            <div class="col-12 px-0 position-relative" style="height: 80vh; width: 100%">
                <iframe allowfullscreen id="datoramaIframe"
                        style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;">
                </iframe>
            </div>
            <span class="d-none invisible twig-data-datorama-list" data-datorama-list="{{ datoramaDetailsList|json_encode }}"></span>
        </section>
    </main>

{% endblock %}
{% block specificJS %}
    {{ encore_entry_script_tags('datorama-index') }}
{% endblock %}