{{#with room}}
    {{#if images}}
    <div class="card noBodyMargin" style="padding:0;">
        <div class="card-content roomPicture" style="padding:0;">
            {{#each images}}
            {{#if @first}}<a class="open-external"><img id="{{id}}" class="roomImagePosition" src="{{content}}" /></a>{{/if}}
            {{/each}}
        </div>
        <div class="card-action" style="padding:0;border:0;padding-bottom:5px;">
            <a id="gallery" href="#campus.details.rooms.gallery?roomid={{id}}" class="waves-effect btn-flat">
                {{langString "campus.details.rooms.toGallery"}}
            </a>
        </div>
    </div>
    {{/if}}
    <div class="collection" style="width:100%;border:none;margin-top:10px;">
        <div class="collection-item" style="padding:10px 5px;width:100%">
            <span class="title">{{langString "campus.details.rooms.address"}}</span>
            <div class="collection" style="border: none;margin:0;">
                <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="{{mapLink}}">
                    <div class="col s3"><i class="material-icons" style="padding-top:5px;">navigation</i></div>
                    <div class="col s9">{{id}} {{floor}} {{address}}</div>
                </a>
            </div>
        </div>

        <div class="collection-item " style="padding:0;width:100%">
            <span class="title">{{langString "campus.details.rooms.contact"}}</span>
            <div class="collection" style="border: none">
                <a class="collection-item waves-effect row" style="width:100%;padding:10px 0px;">
                    <div class="col s3"><i class="material-icons" style="padding-top:5px;">contacts</i></div>
                    <div class="col s9">{{facilitymanager.contactname}}</div>
                </a>
                <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="tel:{{facilitymanager.contactphone}}">
                    <div class="col s3"><i class="material-icons" style="padding-top:5px;">phone</i></div>
                    <div class="col s9">{{facilitymanager.contactphone}}</div>
                </a>
                <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="mailto:{{facilitymanager.contactemail}}">
                    <div class="col s3"><i class="material-icons" style="padding-top:5px;">email</i></div>
                    <div class="col s9">{{facilitymanager.contactemail}}</div>
                </a>
            </div>
        </div>

    </div>
{{/with}}
<a data-target="camera-modal" id="camera" class="btn-floating waves-effect modal-trigger btn-large" style="position:fixed;right:20px;bottom:20px;z-index:101;">
    <i class="material-icons">photo_camera</i>
</a>