coursepagecontent: Till Anmalan

<div class="container">
    <div class="row content-area">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mb-md">
            <span class="heading-level-5">
                {{{mainText}}}
            </span>
        </div>
        <div class="col-md-10 offset-md-1 mb-md occasio-box-container">
            {{#each occasionBox}}
            <div class="occasio-box col-12 {{#if expanded}}expanded{{/if}} {{#if btnCanceledApplication}}canceled{{/if}}">
                <div class="row">
                    <div class="col-12 col-lg-10 offset-lg-1">
                        <div class="occasion-box-header" data-toggle="collapse" data-target="#occasion-id-{{@index}}"
                            aria-expanded="{{#if expanded}}true{{else}}false{{/if}}"
                            aria-controls="occasion-id-{{@index}}">
                            <div class="occasion-box-header-text">
                                <h2 class="heading-level-3">{{titleTermStart}}</h2>
                                <div class="occasion-box-header-place bold-font"><span
                                        class="material-icons">{{#if btnCanceledApplication}}info{{else}}room{{/if}}</span>{{studyForm}}{{#if studyLocation}},
                                    {{studyLocation}}{{/if}}</div>
                            </div>
                            <div class="occasion-box-header-button">
                                <span class="material-icons up-down"></span>
                            </div>
                        </div>
                        <div id="occasion-id-{{@index}}" class="occasion-box-body collapse {{#if expanded}}show{{/if}}">
                            <div class="row">
                                <div class="col-md-6">
                                    <ul class="occasion-data-list">
                                        <li>{{termStartText}}: <span class="bold-font">{{termStart}}</span></li>
                                        <li>{{studyPeriodText}}: <span class="bold-font">{{weekText}} {{termStartDate}}
                                                - {{termEndDate}}</span></li>
                                        <li>{{studyFormText}}: <span class="bold-font">{{studyForm}}</span></li>
                                        <li>{{studyPaceText}}: <span class="bold-font">{{studyPace}}</span></li>
                                    </ul>
                                </div>
                                <div class="col-md-6">
                                    <ul class="occasion-data-list">
                                        {{#if studyLocation}}<li>{{studyLocationText}}: <span
                                                class="bold-font">{{studyLocation}}</span></li>{{/if}}
                                        {{#if mandatoryMeetings}}<li>{{mandatoryMeetingsText}}: <span
                                                class="bold-font">{{mandatoryMeetings}}</span></li>{{/if}}
                                        {{#if meetings}}<li>{{meetingsText}}: <span
                                                class="bold-font">{{meetings}}</span></li>{{/if}}
                                        {{#if language}}<li>{{languageText}}: <span
                                                class="bold-font">{{language}}</span></li>{{/if}}
                                        <li>{{applicationCodeText}}: <span class="bold-font">{{applicationCode}}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-12 mt-sm occasio-info">
                                    {{#if applicationOpens.AutumTerm}}
                                    <p>{{{applicationOpens.AutumTerm}}}</p>
                                    {{/if}}
                                    {{#if applicationDeadlineTop}}
                                    <p><span class="application-deadline">{{applicationDeadlineText}}:
                                            {{applicationDeadlineTop}}</span></p>
                                    {{/if}}


                                    {{#if applicationOpens.SpringTerm}}
                                    <p>{{{applicationOpens.SpringTerm}}}</p>
                                    {{/if}}
                                    {{#if applicationDeadlineBottom}}
                                    <p>{{applicationDeadlineBottom}}</p>
                                    {{/if}}
                                </div>
                                <div class="col-12">
                                    <div class="occasion-box-action mt-md mb-md">
                                        {{#if btnCart }}
                                        {{#if btnCart}}
                                        <a data-id="{{dataId}}" data-occasion-id="{{dataCode}}"
                                            data-in-cart="{{isInCart}}" data-is-open="{{IsOpen}}"
                                            data-select-text="{{selectText}}" data-remove-text="{{removeText}}"></a>
                                        {{/if}}
                                        {{else}}
                                        {{#if btnClosedApplication.btnClosedApplicationText}}
                                        <a
                                            href="{{btnClosedApplication.url}}">{{btnClosedApplication.btnClosedApplicationText}}</a>
                                        {{/if}}

                                        {{#if btnApplication.btnApplicationText}}
                                        <a class="button-default"
                                            href="{{btnApplication.url}}">{{btnApplication.btnApplicationText}}</a>
                                        {{/if}}
                                        {{#if btnLateApplication.btnLateApplicationText}}
                                        <a class="button-default"
                                            href="{{btnLateApplication.url}}">{{btnLateApplication.btnLateApplicationText}}</a>
                                        {{/if}}
                                        {{#if btnCanceledApplication.btnCanceledApplicationText}}
                                        <a
                                            href="{{btnCanceledApplication.url}}">{{btnCanceledApplication.btnCanceledApplicationText}}</a>
                                        {{/if}}
                                        {{/if}}
                                        {{#if btnCoursePlan.text}}
                                        <a class="mt-xs-mobile" href="{{btnCoursePlan.url}}">{{btnCoursePlan.text}}</a>
                                        {{/if}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{/each}}
        </div>
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            {{#each paragraphsBelowBox}}
            {{#if this.title}}
            <h2 class="heading-level-3">{{title}}</h2>
            {{/if}}
            <p>{{{ body }}}</p>
            {{/each}}
            <ul class="link-list">
                {{#each moreAboutSubject}}
                <li class="link-list-item"><a href="{{url}}">{{text}} {{subject}}</a></li>
                {{/each}}
            </ul>
        </div>
    </div>
</div>