// templates/theme/rsce_image-link-box_config.php  

<?php

return [
    'label' => ['Link-Box','Erstellt eine Linkbox mit Bild und Titel.'],
    'types' => ['content'],
    'standardFields' => ['cssID'], 
    'contentCategory' => 'texts', 
    'fields' => [ 
        'headline' => [
            'inputType' => 'standardField',
        ],
        'url' => [
            'label' => &$GLOBALS['TL_LANG']['MSC']['url'],
            'inputType' => 'text',
            'eval' => [
                'mandatory' => false, 
                'rgxp' => 'url',
                'decodeEntities' => true,
                'maxlength' => 2048,
                'dcaPicker' => true,
                'tl_class' => 'w33'
            ]
        ],
        'linkTitle' => [
            'label' => ['Link-Text','Der Link-Text wird anstelle der Link-Adresse angezeigt.'],
            'inputType' => 'text',
            'eval' => [
                'tl_class' => 'w33'
            ],
            'default' => 'Mehr erfahren',
        ],
        'titleText' => [
            'label' => ['Link-Titel','Der Link-Titel wird als title-Attribut im HTML-Markup eingefügt.'],
            'inputType' => 'text',
            'eval' => [
                'tl_class' => 'w33'
            ],
        ],
        'target' => [
            'label' => &$GLOBALS['TL_LANG']['MSC']['target'],
            'inputType' => 'checkbox',
            'eval' => [
                'tl_class' => 'w33 m12'
            ]
        ],
        'image' => [
            'label' => ['Quelldatei','Bitte wählen Sie eine Datei oder einen Ordner aus der Dateiübersicht.'],
            'inputType' => 'fileTree',
            'eval' => [
                'tl_class' => 'clr',
                'fieldType' => 'radio',
                'mandatory' => true,
                'filesOnly' => true,
                'extensions' => implode(',', Contao\System::getContainer()->getParameter('contao.image.valid_extensions')),
            ],
        ],
        'size' => [
            'inputType' => 'standardField',
        ],
    ],
];      

{# templates/theme/rsce_image-link-box.html.twig #}

{% if as_editor_view %}
    <span class="tl_gray limit_height">
    {{ headline }}
    </span>
{% else %}

<div class="{{ class }} linkbox slideUp" {{ cssID|raw }}>

    {# https://docs.contao.org/dev/framework/image-processing/image-studio/#setting-options #}
    {% set options = {} %}
    
    {% set figure = contao_figure(image, size, options) %}
    {{ figure|raw }}

    <div class="content-wrapper content-overlay">
    
        {% if url is defined and url %}
        <a href="{{ url|raw }}"
            {% if titleText is defined and titleText %} title="{{ titleText }}"{% endif %}
            {% if target is defined and target %} target="_blank"{% endif %}
        >
        {% endif %}
            <div class="content-headline">
                {% if headline is defined and headline %}
                <{{ hl }}>
                    {{ headline }}
                </{{ hl }}>
                {% endif %}
            </div>
            <div class="content-link">
                {% if linkTitle is defined and linkTitle %}
                    {{ linkTitle }}
                {% endif %}
            </div>
        {% if url is defined and url %}
        </a>
        {% endif %}   

    </div>


</div>

{% endif %}