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

<f:layout name="Default"/>

<f:section name="Content">
    <article class="tb-event-detail"
             aria-labelledby="title-{node.identifier}"
             itemscope
             itemtype="http://schema.org/Event"
             itemid="{event.persistenceObjectIdentifier}">

        <div class="tb-header">
            <div class="tb-header__topline">
                <f:if condition="{event.isTipp}">
                    <span class="tb-badge">
                        <f:translate id="property.isTipp"
                                     package="Newland.Toubiz.Events.Neos"
                                     source="Models/Event" />

                    </span>
                </f:if>

                <ul class="tb-horizontal-list">
                    <f:for each="{event.categories}" as="category">
                        <li class="tb-horizontal-list__item">{category.title}</li>
                    </f:for>
                </ul>
            </div>

            <h1 class="tb-event-detail__title" id="title-{node.identifier}" itemprop="name">
                {event.title}
            </h1>
        </div>

        <div class="tb-layout-detail mt-4">
            <section class="tb-layout-detail__main">
                <div class="tb-layout-detail__tabs">
                    <f:render partial="Events/Attributes" arguments="{_all}" />
                </div>

                <div class="tb-event-detail__text">
                    <div class="tb-expandable-text">
                        <div id="description-{node.identifier}"
                             class="tb-expandable-text__container"
                             itemprop="description">

                            {event.description -> f:format.raw()}
                        </div>

                        <a class="tb-expandable-text__toggle"
                           href="#description-{node.identifier}"
                           data-toubiz-expandable-text
                           data-toubiz-expandable-text-label-open="{f:translate(id: 'expandableText.showMore', package: 'Newland.Toubiz.Events.Neos', source: 'Views/Events/Show')}"
                           data-toubiz-expandable-text-label-close="{f:translate(id: 'expandableText.showLess', package: 'Newland.Toubiz.Events.Neos', source: 'Views/Events/Show')}"
                           data-target-enhancement
                           data-target-enhancement-class="expanded"
                           data-aria-target-enhancement
                           aria-expanded="false"
                           aria-haspopup="true">

                            <span class="tb-expandable-text__toggle-label"
                                  data-toubiz-expandable-text-label>

                                <f:translate id="expandableText.showMore"
                                             package="Newland.Toubiz.Events.Neos"
                                             source="Views/Events/Show" />

                            </span>

                            <svg class="c-icon c-icon--toggle-down" aria-hidden="true">
                                <use xlink:href="#icon-toggle-down"></use>
                            </svg>
                            <svg class="c-icon c-icon--toggle-up" aria-hidden="true">
                                <use xlink:href="#icon-toggle-up"></use>
                            </svg>
                        </a>
                    </div>
                </div>
            </section>

            <f:if condition="{event.media.0}">
                <section class="tb-layout-detail__sidebar-first">
                    <figure class="tb-event-detail__figure">
                        <img src="{event.media.0.sourceUri}"
                             class="tb-event-detail__image"
                             title="{event.media.0.title}"
                             alt="{event.media.0.title}"
                             itemprop="image" />

                        <f:if condition="{event.media.0.copyright}">
                            <figcaption class="tb-event-detail__caption">
                                {event.media.0.copyright}
                            </figcaption>
                        </f:if>
                    </figure>
                </section>
            </f:if>

            <section class="tb-layout-detail__sidebar-last">
                <f:if condition="{nvh:collection.includesValue(collection: configuration.displayOptions.show.hide, value: 'source')} == false">
                    <f:if condition="{event.sourceName}">
                        <div class="tb-article__content-block">
                            <h2 class="tb-aside-title">
                                <f:translate id="source.header"
                                             package="Newland.Toubiz.Events.Neos"
                                             source="Views/Events/Show"/>

                            </h2>

                            <div class="tb-source">
                                <p class="tb-source__text">
                                    <strong>{event.sourceName}</strong>
                                </p>
                            </div>
                        </div>
                    </f:if>
                </f:if>
            </section>
        </div>
    </article>
</f:section>