<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:cal="http://typo3.org/ns/Ig/IgReservations/ViewHelpers" xmlns:ri="http://typo3.org/ns/Ig/IgResponsiveImages/ViewHelpers" xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
    data-namespace-typo3-fluid="true">

<div class="calendar-list-item frame-space-after-small">
    <header class="csc-header ce-header csc-header-layout3">
        <h3>{calendar.room.name}</h3>
    </header>
    <div class="calendar-list-image ym-g20 ig-inline ig-padding-right-k">
        <f:if condition="{calendar.room.images}">
            <ri:setup class="3">
                <div class="calendar-room-image">
                    <f:link.page pageUid="{calendar.pageUid}">
                        <ri:media class="image-embed-item" file="{calendar.room.images.0}" alt="{calendar.room.images.0.alternative}" title="{calendar.room.images.0.title}" srcset="{ri:currentSrcset()}" sizes="{ri:currentSizes()}" />
                    </f:link.page>
                </div>
            </ri:setup>
        </f:if>
    </div>
    <div class="calendar-list-info ym-g80 ig-inline ig-padding-left-k">
        <div class="calendar-list-info-size ym-g33 ig-inline">
            <div class="calendar-list-info-title">
                <b>
                    <f:translate key="tx_igreservations_domain_model_room.size" /></b>
            </div>
            <p>{calendar.room.size->f:format.nl2br()}</p>
        </div>
        <div class="calendar-list-info-tables ym-g33 ig-inline">
            <div class="calendar-list-info-title">
                <b>
                    <f:translate key="tx_igreservations_domain_model_room.tables" /></b>
            </div>
            <p>{calendar.room.tables->f:format.nl2br()}</p>
        </div>
    </div>
    <f:comment>
        <table class="ce-table ce-table-striped">
            <tr>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.name" />
                </th>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.size" />
                </th>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.tables" />
                </th>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.canvas" />
                </th>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.blackboard" />
                </th>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.beamer" />
                </th>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.soundsystem" />
                </th>
                <th>
                    <f:translate key="tx_igreservations_domain_model_room.microphone" />
                </th>
            </tr>
            <tr>
                <td>{calendar.room.name}</td>
                <f:if condition="{calendar.room.size}">
                    <f:then>
                        <td>{calendar.room.size->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
                <f:if condition="{calendar.room.tables}">
                    <f:then>
                        <td>{calendar.room.tables->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
                <f:if condition="{calendar.room.canvas}">
                    <f:then>
                        <td>{calendar.room.canvas->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
                <f:if condition="{calendar.room.blackboard}">
                    <f:then>
                        <td>{calendar.room.blackboard->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
                <f:if condition="{calendar.room.beamer}">
                    <f:then>
                        <td>{calendar.room.beamer->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
                <f:if condition="{calendar.room.soundsystem}">
                    <f:then>
                        <td>{calendar.room.soundsystem->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
                <f:if condition="{calendar.room.microphone}">
                    <f:then>
                        <td>{calendar.room.microphone->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
        </table>
    </f:comment>
</div>

</html>
