{% do view.registerAssetBundle("nystudio107\\seomatic\\assetbundles\\seomatic\\SeomaticAsset") %}
{% set baseAssetsUrl = view.getAssetManager().getPublishedUrl('@nystudio107/seomatic/assetbundles/seomatic/dist', true) %}

{{ seomatic.manifest.registerCssModules([
    'vendors.css',
    'styles.css',
]) }}

{{ seomatic.manifest.registerJsModules([
    'runtime.js',
    'vendors.js',
    'commons.js',
    'seomatic.js',
]) }}

{% set displayPreviewInlineStyles = "border: none; padding-left: 0;" %}
{% set previewTypes = previewTypes ?? seomatic.config.sidebarDisplayPreviewTypes ?? ['google', 'twitter', 'facebook'] %}
<hr />
<div class="meta overflow-hidden">
    <div class="data">
        <h5 class="heading">{{ "SEO Preview:"|t('seomatic') }}</h5>
    </div>
    <div style="zoom: 0.60; -moz-transform: scale(0.60); -moz-transform-origin: 0 0;">
        {% if 'google' in previewTypes %}
            {% include "seomatic/_includes/googlePreview.twig" %}
        {% endif %}

        {% if 'twitter' in previewTypes %}
            {% include "seomatic/_includes/twitterPreview.twig" %}
        {% endif %}

        {% if 'facebook' in previewTypes %}
            {% include "seomatic/_includes/facebookPreview.twig" %}
        {% endif %}

        {% if 'linkedin' in previewTypes %}
            {% include "seomatic/_includes/linkedinPreview.twig" %}
        {% endif %}

        {% if 'pinterest' in previewTypes %}
            {% include "seomatic/_includes/pinterestPreview.twig" %}
        {% endif %}

        {% if 'slack' in previewTypes %}
            {% include "seomatic/_includes/slackPreview.twig" %}
        {% endif %}

        {% if 'discord' in previewTypes %}
            {% include "seomatic/_includes/discordPreview.twig" %}
        {% endif %}

    </div>
</div>