{% import 'content-page/_macros' as pageMacros %}
<style>
    select {
        background: #FFFFFF;
        height: 45px;
    }
</style>
<div class="plain-content">
    <div class="container">
        <div id="mainContent" class="row">
            <div class="col-12 {{ entry.showSidebar ? 'col-lg-8' : '' }}">

                <div class="row">
                    <div class="col-12">
                        {% if entry.level > 1 %}
                            <div class="breadcrumbs">
                                <a href="{{ url() }}">{{ 'Home'|t }}</a> <i class="fal fa-chevron-right"></i>
                                {% set ancestors = entry.getAncestors() %}
                                {% for crumb in ancestors %}
                                    {{ crumb.getLink() }} <i class="fal fa-chevron-right"></i>
                                {% endfor %}
                                {{ entry.title }}
                            </div>
                        {% endif %}
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <h1>{{ entry.title }}</h1>
                    </div>
                </div>

                <div class="row">

                    <div class="col-12">
                        {% set showStickyBar = false %}
                        {% set generalElements = entry.generalContentBlock.all() %}
                        {% for block in generalElements %}
                            {{ pageMacros.generalContentBlock(block) }}
                            {% if block.anchorTitle %}
                                {% set showStickyBar = true %}
                            {% endif %}
                        {% endfor %}
                    </div>

                    {% if entry.id == '3452' %}
                        <div class="col-12">
                            {% if craft.app.language == 'nl' %}
                                {% set formHandle = 'projectAanvraag'  %}
                            {% elseif craft.app.language == 'fr' %}
                                {% set formHandle = 'demandeDeProjet'  %}
                            {% endif %}

                            <div class="col-12">

                                {% if craft.app.request.param('success', false) %}
                                    <a id="form-{{ entry.id }}" class="form-anchor"></a>
                                    <div class="alert alert-success">{{ 'form-submit-success'|t }}</div>
                                {% endif %}

                                {{ craft.freeform.form(formHandle, {
                                    buttons: { attributes: { submit: { class: "btn btn-light" } } },
                                    returnUrl: craft.app.request.absoluteUrl ~ '?success=1#form-' ~ entry.id
                                }).render() }}

                            </div>
                        </div>
                    {% elseif entry.id == 5592 %}

                        {% set partners = craft.entries().section('partners').orderBy('order ASC').all() %}

                        {% for partner in partners %}

                            <div  class=" col-12 col-lg-4 category-wrap">
                                <div class="category-box">
                                    <a id="testimonial-{{ partner.id }}" class="testimonial-anchor"></a>
                                    <img src="{{ partner.image.one() ? partner.image.one().url : '' }}" alt="{{ partner.title }}" class="pict"/>
                                    <div class="category-box-content">
                                        <h2>{{ partner.title }}</h2>
                                        <p>{{ partner.partnerDescription }}</p>
                                    </div>
                                </div>
                            </div>

                        {% endfor %}
                    {% elseif entry.id == 340 %}

                        {% if craft.app.language == 'nl' %}
                            {% set formHandle = 'registreerRookmelder'  %}
                        {% elseif craft.app.language == 'fr' %}
                            {% set formHandle = 'EnregistrezDetecteurDeFume'  %}
                        {% endif %}

                        <div class="col-12">

                            {% if craft.app.request.param('success', false) %}
                                <a id="form-{{ entry.id }}" class="form-anchor"></a>
                                <div class="alert alert-success">{{ 'form-submit-success'|t }}</div>
                            {% endif %}

                            {{ craft.freeform.form(formHandle, {
                                buttons: { attributes: { submit: { class: "btn btn-light" } } },
                                returnUrl: craft.app.request.absoluteUrl ~ '?success=1#form-' ~ entry.id
                            }).render() }}

                        </div>
                    
                    {% endif %}
                </div>
            </div>

            <div class="col-12 col-lg-4 mobile-no">
                <div id="sidebarRight">
                    <div id="sidebarSticky">
                        {% if entry.video and entry.video is not empty %}
                            <div id="sidebarVideo" class="preview-block">
                                {% if entry.video.0.kind == 'json' %}
                                    {% set embeddedAsset = craft.embeddedAssets.get(entry.video.one()) %}
                                    {% set embeddedLink = embeddedAsset.getVideoUrl([]) %}
                                    <iframe width="560" height="315" src="{{ embeddedLink}}" title="YouTube video player" controls="0" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                {% else %}
                                    <video src="{{ entry.video.one().getUrl }}" ></video>
                                {% endif %}
                                <div class="button-play">
                                    <img src="/build-dev/images/button-play.png" alt="">
                                </div>
                            </div>
                        {% endif %}
                        {% if showStickyBar %}
                            <div class="toc">
                                <div class="section-name"><a href="{{ entry.parent.parent.url }}">{{ entry.parent.parent.title }}</a></div>
                                <div class="section-title">{{ entry.title }}</div>
                                <div class="toc-list">
                                    <ul>
                                        {% set blocks = entry.generalContentBlock.type('block').all() %}
                                        {% for block in blocks %}
                                            {% if block.anchorTitle %}
                                                <li><a href="{{ entry.url }}#contentblock{{ block.id }}" view-id="contentblockHeading{{ block.id }}">{{ block.anchorTitle }}</a></li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

{% if entry.video and entry.video is not empty %}
    <div class="video-popup">
        <div class="video-block">
            {% if entry.video.0.kind == 'json' %}
                {% set embeddedAsset = craft.embeddedAssets.get(entry.video.one()) %}
                {% set embeddedLink = embeddedAsset.getVideoUrl([]) %}
                <iframe width="560" height="315" src="{{ embeddedLink }}" title="YouTube video player" controls="0" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            {% else %}
                <video src="{{ entry.video.one().getUrl }}" controls autoplay></video>
            {% endif %}
        </div>
    </div>
{% endif %}