<if-pad-showDayPartWarning>
    <div class='pad-info'><pad-translate>Let op: Deze cursus bevat</pad-translate> {{pad-dayPartText}} <pad-translate>in het verleden</pad-translate> .</div>
</if-pad-showDayPartWarning>

<h2 class="pad-title">{{pad-courseName}}</h2>

<if-pad-courseFull>
    <div class="pad-detail-full">
        <if-pad-showIcon>
            <i class="fas fa-exclamation-triangle fa-fw"></i>
        </if-pad-showIcon>
        <pad-translate>Cursus is vol</pad-translate>
    </div>
</if-pad-courseFull>

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

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

<if-pad-showPrice>
    <div class="pad-detail-costs">
        <if-pad-showIcon>
            <i class="fas fa-money-bill fa-fw"></i>
        </if-pad-showIcon>

        <pad-translate>Prijs</pad-translate> {{pad-price}}

        <pad-translate>per persoon</pad-translate>
    </div>
</if-pad-showPrice>

<if-pad-showDayPartsDetail>
    <div class="pad-detail-amount">
        <if-pad-showIcon>
            <i class="fas fa-recycle fa-fw"></i>
        </if-pad-showIcon>
        <pad-translate>Bestaat uit</pad-translate> {{pad-dayPartCount}} {{pad-dayPartText}}
    </div>
</if-pad-showDayPartsDetail>

<if-pad-showCourseElearning>
    <div class="pad-detail-courseelearning" title="<pad-translate>cursus bevat elearning</pad-translate>">
        <if-pad-showIcon>
            <i class="fas fa-book"></i>
        </if-pad-showIcon>
        <pad-translate>e-learning</pad-translate>
    </div>
</if-pad-showCourseElearning>

<if-pad-showGaranteedStart>
    <div class="pad-detail-garanteed">
        <if-pad-showIcon>
            <i class="fas fa-check fa-fw"></i>
        </if-pad-showIcon>
        <pad-translate>Start garantie</pad-translate>
    </div>
</if-pad-showGaranteedStart>

<if-pad-showMoneyBack>
    <div class="pad-detail-moneygaranteed" title="<pad-translate>niet goed, geld terug garantie!</pad-translate>">
        <if-pad-showIcon>
            <i class="fas fa-money-bill-alt"></i>
        </if-pad-showIcon>
        <pad-translate>Geld terug garantie</pad-translate>
    </div>
</if-pad-showMoneyBack>

<if-pad-showSoobDetail>
    <div class="pad-detail-soob" title="<pad-translate>cursus heeft soob subsidie</pad-translate>">
        <if-pad-showIcon>
            <i class="fas fa-truck fa-fw"></i>
        </if-pad-showIcon>
        <pad-translate>SOOB Subsidie</pad-translate>
    </div>
</if-pad-showSoobDetail>

<if-pad-showCode95>
    <div class="pad-detail-code95" title="<pad-translate>cursus bevat code95</pad-translate>">
        <if-pad-showIcon>
            <i class="fas fa-clock fa-fw"></i>
        </if-pad-showIcon>
        <pad-translate>Code95</pad-translate>
    </div>
</if-pad-showCode95>

<if-pad-showLabels>
    <div class="pad-detail-labels" title="<pad-translate>cursus heeft deze labels</pad-translate>">
        <if-pad-showIcon>
            <i class="fas fa-tags fa-fw"></i>
        </if-pad-showIcon>
        <div class='pad-detail-label'>
            {{pad-labels}}
        </div>
    </div>
</if-pad-showLabels>

<if-pad-showDescription>
    <div class="pad-detail-description">
        {{pad-description}}
    </div>
</if-pad-showDescription>

<if-pad-showCostRemark>
    <div class="pad-detail-costs-remarks">
        {{pad-costRemark}}
    </div>
</if-pad-showCostRemark>

<if-pad-showDayPartList>
    <pad-day-part-list data-id="{{pad-courseId}}"/>
</if-pad-showDayPartList>
<div style="clear: both"></div>
