<main class="planaday pad-course-details-page pad-styledDetailPage">
    <header>
        <h2 class="pad-title">
            {{course->name}}
        </h2>
    </header>

    <pad-utility-style selected-style="tags"/>
    <div class="pad-tags">
        <pad-if _:if:_="hasPastDayParts">
            <div class='pad-started-course pad-tag'>
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-exclamation-triangle fa-fw"></i>
                </pad-if>
                {{_"Let op: Deze cursus bevat"}} {{config->dayPartText}} {{_"in het verleden"}}.
            </div>
        </pad-if>

        <pad-if _:if:_="availableSpots" equals="0">
            <div class="pad-full-course pad-tag">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-exclamation-triangle fa-fw"></i>
                </pad-if>
                {{_"Cursus is vol"}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showAvailableSpots">
            <div class="pad-available-spots pad-tag">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-user-cog fa-fw"></i>
                </pad-if>
                {{_"Beschikbare plaatsen"}}: <span>{{availableSpots}}</span>
            </div>
        </pad-if>

        <pad-if _:if:_="config->showLevel">
            <div class="pad-niveau pad-tag">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-clipboard-list fa-fw"></i>
                </pad-if>
                {{_"Niveau"}}: <span>{{course->level}}</span>
            </div>
        </pad-if>

        <pad-if _:if:_="config->showPrice">
            <div class="pad-price pad-tag">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-money-bill fa-fw"></i>
                </pad-if>
                {{_"Prijs"}}:
                <pad-utility-price _:data:_="course->costsData" _:both:_="config->showBothWithAndWithoutTax" pp="1" _:tax:_="config->withTax"/>
            </div>
        </pad-if>

        <pad-if _:if:_="config->showDayPartsDetail">
            <div class="pad-day-part-amount pad-tag">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-recycle fa-fw"></i>
                </pad-if>
                {{_"Bestaat uit"}} {{dayPartCount}} {{config->dayPartText}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showCourseElearning" _:if-1:_="course->hasELearning">
            <div class="pad-elearning pad-tag" title="{{_'cursus bevat elearning'}}">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-book"></i>
                </pad-if>
                {{_"e-learning"}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showGaranteedStart" _:if-1:_="course->startGuaranteed">
            <div class="pad-start-guaranteed pad-tag">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-check fa-fw"></i>
                </pad-if>
                {{_"Start garantie"}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showMoneyBack" _:if-1:_="course->moneyBackGuaranteed">
            <div class="pad-money-guaranteed pad-tag" title="{{_'niet goed, geld terug garantie!'}}">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-money-bill-alt"></i>
                </pad-if>
                {{_"Geld terug garantie"}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showSoobDetail" _:if-1:_="course->hasSoob">
            <div class="pad-soob pad-tag" title="{{_'cursus heeft soob subsidie'}}">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-truck fa-fw"></i>
                </pad-if>
                {{_"SOOB Subsidie"}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showCode95" _:if-1:_="course->hasCode95">
            <div class="pad-code95 pad-tag" title="{{_'cursus bevat code95'}}">
                <pad-if _:if:_="config->showIcon">
                    <i class="fas fa-clock fa-fw"></i>
                </pad-if>
                {{_"Code95"}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showLabels" _:if-1:_="course->labels">
            <pad-for _:in:_="course->labels" as="label">
                <div class="pad-label pad-tag">
                    <pad-if _:if:_="config->showIcon">
                        <i class="fas fa-tags fa-fw"></i>
                    </pad-if>
                    {{label}}
                </div>
            </pad-for>
        </pad-if>
    </div>

    <pad-if _:if:_="config->showDescription">
        <div class="pad-description">
            <pad-utility-user_html _:template:_="course->description"/>
        </div>
    </pad-if>

    <pad-if _:if:_="config->showCostRemark">
        <div class="pad-costs-remarks">
            {{course->costsData->remark}}
        </div>
    </pad-if>

    <pad-if _:if:_="config->showDayPartList">
        <pad-course-details-daypart_list/>
    </pad-if>
</main>
