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

{% set tagOptions = {
    'depends': [
        'nystudio107\\seomatic\\assetbundles\\seomatic\\SeomaticAsset'
    ],
} %}
{{ seomatic.vite.register('src/js/seomatic.js', false, tagOptions, tagOptions) }}

{% 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>