{{#with course}}
<ul class="collection">
    <li class="collection-item"><span class="title">{{langString "campus.details.courses.name"}}</span><div class="value">{{title}} ({{replaceAllSpacesWithNonBreakingSpaces term}})</div></li>
    {{#if type}}<li class="collection-item"><span class="title">{{langString "campus.details.courses.type"}}</span><div class="value">{{type}}</div></li>{{/if}}
    {{#if lvnr}}<li class="collection-item"><span class="title">{{langString "campus.details.courses.lvnr"}}</span><div class="value">{{lvnr}}</div></li>{{/if}}
    {{#if ects}}<li class="collection-item"><span class="title">{{langString "campus.details.courses.ects"}}</span><div class="value">{{ects}}</div></li>{{/if}}
    <li class="collection-item"><a href="https://www.campus.rwth-aachen.de/rwth/all/event.asp?gguid={{gguid}}" style="display: block;" class="open-external"><span class="title">{{langString "campus.details.courses.campus"}}</span><div class="value">{{langString "campus.details.courses.gotoCampus"}}</div></a></li>
    {{#if L2P}}
    <li class="collection-item"><a href="#l2p.courseDetails?courseid={{lvnr}}" style="display: block;"><span class="title">{{langString "campus.details.courses.l2p"}}</span><div class="value">{{langString "campus.details.courses.gotoL2P"}}</div></a></li>
    {{/if}}
    {{#if lecturers}}
    <li class="collection-item">
        <span class="title">{{langString "campus.details.courses.titleLecturers"}}</span>
        {{#each lecturers}}
        <div class="row" style="margin-bottom: 0;">
            <a href="#campus.details.employees?gguid={{gguid}}" style="display: block;">
                <div class="col s2"><p><i class="material-icons circle small">person</i></p></div>
                <div class="col s10">
                    <p>{{displayname}}</p>
                </div>
            </a>
        </div>
        {{/each}}
    </li>
    {{/if}}
    {{#if appointments}}
    <li class="collection-item">
        <span class="title">{{langString "campus.details.courses.titleAppointments"}}</span>
        <div class="value" >
            {{#if loggedIn}}
            {{#each appointments}}
                <p>
                    <input type="checkbox" class="addAppointment" {{#if booked}}checked="checked"{{else}}{{/if}} data-gguid="{{gguid}}" id="{{gguid}}" />
                    <label for="{{gguid}}">{{#if roomId}}<a href="#campus.details.rooms?id={{roomId}}">{{formattedPeriod}}, {{roomname}}</a>{{else}}{{formattedPeriod}}{{/if}}</label>
                </p>
            {{/each}}
            {{else}}
            {{#each appointments}}
                {{#if roomId}}<a href="#campus.details.rooms?id={{roomId}}">{{formattedPeriod}}, {{roomname}}</a>{{else}}<p>{{formattedPeriod}}</p>{{/if}}
            {{/each}}
            {{/if}}
        </div>
    </li>
    {{/if}}
</ul>
{{/with}}