<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:ri="http://typo3.org/ns/Ig/IgResponsiveImages/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="calendar-room frame-space-before-medium">
    <div class="csc-header ce-header csc-header-layout2">
        <h2><f:translate key="tx_igreservations_domain_model_room.infos" /></h2>
    </div>
    <f:if condition="{room.images}">
        <div class="calendar-room-images ym-grid block-left frame-space-after-small">
            <ri:setup class="2">
                <f:for each="{room.images}" as="image">
                    <div class="calendar-room-image ym-g50 ig-inline">
                        <a href="{image.originalResource.publicUrl}" absolute="1" data-fancybox="calendar-room-{room.uid}">
                            <ri:media
                              class="image-embed-item"
                              file="{image}"
                              alt="{image.alternative}"
                              title="{image.title}"
                              srcset="{ri:currentSrcset()}"
                              sizes="{ri:currentSizes()}"
                            />
                        </a>
                    </div>
                </f:for>
            </ri:setup>
        </div>
    </f:if>
    <div class="calendar-room-infos">
        <table class="ce-table ce-table-striped">
            <tr class="room-name">
                <th><f:translate key="tx_igreservations_domain_model_room.name" /></th>
                <td>{room.name}</td>
            </tr>
            <tr class="room-size">
                <th><f:translate key="tx_igreservations_domain_model_room.size" /></th>
                <f:if condition="{room.size}">
                    <f:then>
                        <td>{room.size->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
            <tr class="room-tables">
                <th><f:translate key="tx_igreservations_domain_model_room.tables" /></th>
                <f:if condition="{room.tables}">
                    <f:then>
                        <td>{room.tables->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
            <tr class="room-canvas">
                <th><f:translate key="tx_igreservations_domain_model_room.canvas" /></th>
                <f:if condition="{room.canvas}">
                    <f:then>
                        <td>{room.canvas->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
            <tr class="room-blackboard">
                <th><f:translate key="tx_igreservations_domain_model_room.blackboard" /></th>
                <f:if condition="{room.blackboard}">
                    <f:then>
                        <td>{room.blackboard->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
            <tr class="room-beamer">
                <th><f:translate key="tx_igreservations_domain_model_room.beamer" /></th>
                <f:if condition="{room.beamer}">
                    <f:then>
                        <td>{room.beamer->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
            <tr class="room-soundsystem">
                <th><f:translate key="tx_igreservations_domain_model_room.soundsystem" /></th>
                <f:if condition="{room.soundsystem}">
                    <f:then>
                        <td>{room.soundsystem->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
            <tr class="room-microphone">
                <th><f:translate key="tx_igreservations_domain_model_room.microphone" /></th>
                <f:if condition="{room.microphone}">
                    <f:then>
                        <td>{room.microphone->f:format.nl2br()}</td>
                    </f:then>
                    <f:else>
                        <td>-</td>
                    </f:else>
                </f:if>
            </tr>
        </table>
    </div>
</div>

</html>
