{% set ctaIcons = { 'local': 'ri-arrow-right-line', 'jump': 'ri-arrow-down-line', 'external': 'ri-external-link-line', 'new tab': 'ri-window-2-line', 'download': 'ri-download-line', 'video': 'ri-play-fill', 'pdf': 'ri-file-pdf-2-line', 'blog': 'ri-article-line', 'modal': 'ri-rectangle-line', 'email': 'ri-mail-line', 'schedule': 'ri-calendar-line', 'chat': 'ri-chat-1-line', 'call': 'ri-phone-line' } %} {% set type = type|default('default') %} {% set aspectRatio = aspectRatio|default(type == 'link' ? '2:1' : '4:3') %} {% set ctaType = ctaType|default('local') %} {% set common_image_content %} {% if image is defined %}
{{ image.alt|trans }}
{% endif %} {% endset %} {% set common_eyebrow_content %} {% if eyebrow is defined %}
{{ eyebrow|trans }}
{% endif %} {% endset %} {% set common_heading_content %} {% if heading is defined %}

{{ heading|trans }}

{% endif %} {% endset %} {% set common_copy_content %} {% if copy is defined %}
{{ copy|trans }}
{% endif %} {% endset %} {% set common_tags_content %} {% if tags is defined %}
{% include '@MauticCore/Helper/_tag.html.twig' with {'tags': tags} %}
{% endif %} {% endset %} {% set common_pictogram_content %} {% if type == 'pictogram' and pictogram is defined %}
{% include '@MauticCore/Components/pictogram.html.twig' with {'pictogram': pictogram, 'size': 48} %}
{% endif %} {% endset %} {# === STATIC TYPE === #} {% if type == 'static' %} {% set cardContent %} {{ common_image_content }}
{{ common_eyebrow_content }} {{ common_heading_content }} {{ common_copy_content }} {{ common_tags_content }}
{% endset %} {% include '@MauticCore/Components/tile.html.twig' with { type: 'base', content: cardContent, className: 'card pa-0' ~ (disabled is defined ? ' tile--disabled' : ''), } %} {# === LOGO TYPE === #} {% elseif type == 'logo' %} {% set cardContent %} {{ common_image_content }}
{{ common_eyebrow_content }} {{ common_heading_content }} {{ common_copy_content }} {{ common_tags_content }}
{% endset %} {% include '@MauticCore/Components/tile.html.twig' with { type: 'clickable', content: cardContent, className: 'card pa-0 card--link' ~ (disabled is defined ? ' tile--disabled' : ''), icon: ctaIcons[ctaType], href: href, } %} {# === LINK TYPE === #} {% elseif type == 'link' %} {% set cardContent %}
{{ common_heading_content }} {{ common_copy_content }}
{% endset %} {% include '@MauticCore/Components/tile.html.twig' with { type: 'clickable', content: cardContent, className: 'card pa-0 card--link' ~ (disabled is defined ? ' tile--disabled' : ''), icon: ctaIcons[ctaType], href: href, } %} {# === PICTOGRAM TYPE === #} {% elseif type == 'pictogram' %} {% set cardContent %}
{{ common_heading_content }} {{ common_copy_content }} {{ common_pictogram_content }}
{% endset %} {% include '@MauticCore/Components/tile.html.twig' with { type: 'clickable', content: cardContent, className: 'card pa-0 card--link' ~ (disabled is defined ? ' tile--disabled' : ''), icon: ctaIcons[ctaType], href: href, } %} {# === DEFAULT TYPE === #} {% elseif type == 'default' %} {% set cardContent %} {{ common_image_content }}
{{ common_eyebrow_content }} {{ common_heading_content }} {{ common_copy_content }} {{ common_tags_content }}
{% endset %} {% include '@MauticCore/Components/tile.html.twig' with { type: 'clickable', content: cardContent, className: 'card pa-0 card--link' ~ (disabled is defined ? ' tile--disabled' : ''), href: href, } %} {# === FEATURE TYPE === #} {% elseif type == 'feature' %} {% set cardContent %}
{{ common_image_content }}
{{ common_heading_content }}
{% endset %} {% include '@MauticCore/Components/tile.html.twig' with { type: 'clickable', content: cardContent, className: 'card pa-0 card--link', href: href, } %} {# === FEATURE TYPE === #} {% elseif type == 'feature--large' %} {% set cardContent %}
{{ common_image_content }}
{{ common_eyebrow_content }} {{ common_heading_content }} {{ common_copy_content }}
{% endset %} {% include '@MauticCore/Components/tile.html.twig' with { type: 'clickable', content: cardContent, className: 'card pa-0 card--link', href: href, icon: ctaIcons[ctaType], } %} {% endif %}