{% block csarticle %}
    <meta property="article:publisher" content="https://www.facebook.com/__CLIENT_FB_PAGE__" />
    <meta name="robots" content="max-image-preview:large" />
{% endblock %}

{% block csdate %}
    <meta property="article:published_time" content="{{ _cs_entity.publishDate|default|date('c') }}" />
    <meta property="article:modified_time" content="{{ _cs_entity.modificationDate|default(_cs_entity.publishDate|default)|date('c') }}" />
    <meta property="last-modified" content="{{ _cs_entity.modificationDate|default(_cs_entity.publishDate|default)|date('c') }}" />
{% endblock %}

{% block ogdate %}
    <meta property="og:updated_time" content="{{ _cs_entity.modificationDate|default(_cs_entity.publishDate|default)|date('c') }}"/>
{% endblock %}

{% block css_webpack %}
    <link rel="preload" as="style" href="/uploads/static/mercurium/dist/css/article-css.css">
    <link rel="stylesheet" href="/uploads/static/mercurium/dist/css/article-css.css">
    <link rel="preload" as="script" href="/uploads/static/mercurium/dist/js/article-js.js" />
{% endblock %}

{% block cs_ga_dimensions %}
    {% if _cs_ga_dimensions is defined and _cs_ga_dimensions is not empty %}
        gtag('config', 'UA-XXXXXXXX-1', {
        'page_title': '{{ _cs_metaData.ogTitle|default("") }}',
        'custom_map': {
        'dimension1': 'tagId',
        'dimension2': 'categoryId',
        'dimension3': 'entityType',
        'dimension4': 'subType',
        'dimension6': 'id',
        'dimension7': 'tagTitle',
        'dimension8': 'categoryTitle',
        'dimension9': 'authorId',
        'dimension10': 'authorTitle',
        'dimension11': 'userId',
        'dimension12': 'userTitle',
        'dimension13': 'subSite',
        'metric1': 'scrollDepth',
        'metric2': 'facebookClick',
        'metric3': 'twitterClick',
        'metric4': 'googleClick',
        'metric5': 'whatsappClick'
        },
        'dimension1': '{{ _cs_ga_dimensions.dimension1 }}',
        'dimension2': '{{ _cs_ga_dimensions.dimension2 }}',
        'dimension3': '{{ _cs_ga_dimensions.dimension3 }}',
        'dimension4': '{{ _cs_ga_dimensions.dimension4 }}',
        'dimension6': '{{ _cs_ga_dimensions.dimension6 }}',
        'dimension7': '{{ _cs_ga_dimensions.dimension7 }}',
        'dimension8': '{{ _cs_ga_dimensions.dimension8 }}',
        'dimension9': '{{ _cs_ga_dimensions.dimension9 }}',
        'dimension10': '{{ _cs_ga_dimensions.dimension10 }}',
        'dimension11': '{{ _cs_ga_dimensions.dimension11 }}',
        'dimension12': '{{ _cs_ga_dimensions.dimension12 }}',
        'dimension13': '{{ _cs_ga_dimensions.dimension13 }}'
        });
    {% endif %}
{% endblock %}

{% block cs_amp %}
    {% if _cs_metaData.ampUrl is defined and _cs_metaData.ampUrl is not empty %}
        <link rel="amphtml" href="{{ _cs_metaData.ampUrl }}"/>
    {% endif %}
{% endblock %}

{% block cssbody %}
    {% spaceless %}
        {% if _cs_entity.categories is defined and _cs_entity.categories is not empty %}
            {% set category = _cs_entity.categories|first %}
            class="article category-{{ category.id }}"
        {% else %}
            class="article"
        {% endif %}
    {% endspaceless %}
{% endblock %}

{% block cscontent %}
    <div class="row row-top">
        <cslayout id="[reference:layout-header]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Header" locked="false" linked="true" />
    </div>
	<div class="row row-content">
		<cslayout id="[reference:layout-breadcrumb]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Breadcrumb" locked="false" linked="true" />
	</div>
    <div class="row row-content">
        <cslayout id="[reference:layout-article-top]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Article top" locked="false" linked="false" />
    </div>
    <div class="row row-content">
        <cslayout id="[reference:layout-article-left]" class="col-xs-12 col-sm-12 col-md-8 col-lg-8" name="Article left" locked="false" linked="false" />
        <cslayout id="[reference:layout-article-right]" class="col-xs-12 col-sm-12 col-md-4 col-lg-4" name="Article right" locked="false" linked="true" />
    </div>
	<div class="row row-fullwidth">
		<cslayout id="[reference:layout-newsletter]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Newsletter" locked="false" linked="true" />
	</div>
    <div class="row row-bottom">
        <cslayout id="[reference:layout-footer]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Footer" locked="false" linked="true" />
    </div>
{% endblock %}

{% block js_webpack %}
    <script type="text/javascript" src="/uploads/static/mercurium/dist/js/article-js.js"></script>
{% endblock %}