{namespace neos=Neos\Neos\ViewHelpers}
{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<div class="c-infobox__container">
    <div class="c-infobox {infoboxColor} {buttonType}">
        <div class="c-icon-container">
            <svg class="c-icon" viewBox="-21 -7 55 55">
                <path d="M162.632,7.132a3.632,3.632,0,1,1,1.816,3.145A3.632,3.632,0,0,1,162.632,7.132ZM159,18.027a2.419,2.419,0,0,1,2.421-2.421h4.842a2.419,2.419,0,0,1,2.421,2.421V34.976h2.421a2.421,2.421,0,0,1,0,4.842h-9.685a2.421,2.421,0,1,1,0-4.842h2.421V20.449h-2.421A2.419,2.419,0,0,1,159,18.027Z" transform="translate(-159 -3.5)"/>
            </svg>
        </div>
        <f:render section="infobox-content" arguments="{_all}"></f:render>
    </div>
</div>

<f:section name="infobox-content">
    <f:if condition="{neos:rendering.inBackend()}">
        <f:then>
            <div class="c-infobox__content">
                {neos:contentElement.editable(property: 'infoboxHeadline', class: 'c-infobox__headline', tag: 'h3')}
                {neos:contentElement.editable(property: 'text', class: 'c-neos-text')}

                <f:if condition="{showButton}">
                    {neos:contentElement.editable(property: 'infoboxButtonText', tag: 'span', class="c-infobox__button c-button {buttonType}")}
                </f:if>
            </div>
        </f:then>
        <f:else>
            <div class="c-infobox__content">

                <f:if condition="{infoboxHeadline -> vh:string.notEmpty()}">
                    {neos:contentElement.editable(property: 'infoboxHeadline', class: 'c-infobox__headline', tag: 'h3')}
                </f:if>

                <f:if condition="{text -> vh:string.notEmpty()}">
                    <div class="c-infobox__text">
                        {neos:contentElement.editable(property: 'text', class: 'c-neos-text')}
                    </div>
                </f:if>
                <f:if condition="{showButton}">
                    <f:if condition="{linkTitle -> vh:string.notEmpty()} && {link}">
                        <a href="{link}"
                            {f:if(condition: openLinkInNewWindow, then: 'target="_blank" rel="noopener noreferrer"')}">
                            {neos:contentElement.editable(property: 'infoboxButtonText', tag: 'span', class="c-infobox__button c-button {buttonType}")}
                        </a>
                    </f:if>
                </f:if>
            </div>
        </f:else>
    </f:if>
</f:section>