{{#with semesterResult}}
<div class="collection" style="margin-bottom:20px;">
    <div class="collection-item row">
        <div class="col s9" style="padding-top:4px; font-weight: bold;">{{termName}}</div>
        <img class="col s3 right" src="img/L2P_Icon.png" style="height:30px;width:30px;padding:0;">
    </div>
    {{#each courseList}}
        {{#if Closed}}
        <div class="collection-item rwth-black-text text-lighten-2">
            <div class="row" style="margin-bottom: 0;">
                <div class="col s2"><i class="material-icons">lock_outline</i></div>
                <div class="col s10">{{Title}}</div>
            </div>
        </div>
        {{else}}
        <a class="collection-item waves-effect" href="#l2p.courseDetails?courseid={{CourseId}}&title={{Title}}">
            <div class="row" style="margin-bottom: 0;">
                <div class="col s2"><i class="material-icons">lock_open</i></div>
                <div class="col s10">{{Title}}</div>
            </div>
        </a>
        {{/if}}
    {{/each}}
</div>
{{/with}}