{namespace neos=Neos\Neos\ViewHelpers}
{namespace fusion=Neos\Fusion\ViewHelpers}


<svg style="display: none;">
    <symbol id="icon-download" viewBox="0 0 24 24"><path d="M18.2 21H5.8C4.2 21 3 19.8 3 18.2v-3.6c0-.6.4-1 1-1s1 .4 1 1v3.6c0 .5.3.8.8.8h12.4c.4 0 .8-.3.8-.8v-3.6c0-.6.4-1 1-1s1 .4 1 1v3.6c0 1.6-1.2 2.8-2.8 2.8z"/><path d="M17.2 9.5c-.4-.4-1-.4-1.4 0L13 12.3V3.9c0-.6-.4-1-1-1s-1 .4-1 1v8.4L8.3 9.5c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4.4 4.4c.2.2.5.3.7.3s.5-.1.7-.3l4.4-4.4c.4-.4.4-1 .1-1.4z"/><path fill="none" d="M0 0h24v24H0z"/></symbol>
</svg>

<neos:contentElement.wrap node="{node}">
<div class="o-container">
    <f:if condition="{articlePublishingDate} != '01.01.1970'">
        <f:then>
            <p class="font-bold text-xl mt-8">{articlePublishingDate}</p>
        </f:then>
    </f:if>

    <h1>{title}</h1>

    {neos:contentElement.editable(property: 'articleIntro', tag: 'p', class: '')}

    <f:if condition="{articleImage}">
        <figure class="mt-10 max-w-xl mx-auto">
            <img sizes="(max-width: 1920px) 100vw, 1920px"
                srcset="{neos.media:uri.image(image: articleImage, maximumWidth: 1600)} 1600w,
                       {neos.media:uri.image(image: articleImage, maximumWidth: 800)}  800w"
                src="{neos.media:uri.image(image: articleImage)}"
                alt="{articleImage.title}"
                class="w-full" />
            <figcaption>
                <p>{articleImageCaption}</p>
            </figcaption>
        </figure>
    </f:if>
</div>

<div class="o-container max-w-md">
    {mainContent -> f:format.raw()}
</div>

<div class="o-container max-w-md mb-10">

    <f:if condition="{usePressContacts}">
        <f:render partial="PressContacts" arguments="{_all}" />
    </f:if>

    <f:if condition="{pressDownloads}">
        <f:then>
            <h3 class="mt-10">{f:translate(id: 'word.downloads', source: 'Views/Main', package: 'Newland.PressArea')}</h3>
            <div class="mt-4">
                <ul{attributes -> f:format.raw()} class="list-reset m-0">
                    <f:for each="{pressDownloads}" as="asset">
                        <li class="">
                            <svg class="c-icon">
                                <use xlink:href="#icon-download"></use>
                            </svg>
                            <a class="" href="{f:uri.resource(resource: asset.resource)}" download>{asset.resource.filename}</a>
                            <span class="">
                                ({asset.resource.fileExtension} - {asset.resource.fileSize -> f:format.bytes()})
                            </span>
                        </li>
                    </f:for>
                </ul>
            </div>
        </f:then>
        <f:else>
            <f:if condition="{neos:rendering.inEditMode()}">
                <ul{attributes -> f:format.raw()}>
                    <li>
                        {f:translate(id: 'content.emptyAssetList', package: 'Neos.NodeTypes.AssetList', source: 'NodeTypes/AssetList')}
                    </li>
                </ul>
            </f:if>
        </f:else>
    </f:if>

    <f:if condition="{pressImages}">
        <f:then>
            <h3 class="mt-10">{f:translate(id: 'word.pressimages', source: 'Views/Main', package: 'Newland.PressArea')}</h3>
            <div class="mt-4">
                <f:render partial="PressImageTeaser" arguments="{_all}" />
            </div>
        </f:then>
    </f:if>
</div>
</neos:contentElement.wrap>