<pad-utility-style href="../Styles/listWithStyling.css"/>
<li class="pad-course-item pad-listWithStyling">
    <div>
        {{course->name}} {{_"start op"}} <pad-utility-date _:time:_="course->earliestDayPart->startTime" fallback="-"/>.

        <pad-if _:if:_="config->showDayPartsCount">
            {{_"Met"}} <pad-course-day_part_amount _:include-e-learning:_="config->includeELearningDayParts" /> {{config->dayPartText}}.
        </pad-if>

        <pad-if _:if:_="config->showPrice">
            {{_"Voor"}} <pad-utility-price _:data:_="course->costsData" both="0" pp="1" _:tax:_="config->withTax"/>.
        </pad-if>

        <pad-if _:if:_="config->showDetailButton" _:if-1:_="availableSpots">
            <pad-course-detail_link pad-template="list"/>
        </pad-if>
    </div>

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

        <pad-if _:if:_="config->showAvailableSpots">
            <div class="pad-tag pad-available" title="{{_'plaatsen beschikbaar'}}">
                <pad-if _:if:_="config->showIcons">
                    <i class="fas fa-user-cog"></i>
                </pad-if>
                {{availableSpots}} {{_"beschikbaar"}}
            </div>
        </pad-if>

        <pad-if _:if:_="config->showStartGuaranteed" _:if-1:_="course->startGuaranteed">
            <div class="pad-tag pad-start-guaranteed" title="{{_'heeft startgarantie'}}">
                <pad-if _:if:_="config->showIcons">
                    <i class="fas fa-check"></i>
                </pad-if>
                {{_"Startgarantie"}}
            </div>
        </pad-if>

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

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

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

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

        <!-- Labels -->
        <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->showIcons">
                        <i class="fas fa-tag"></i>
                    </pad-if>
                    {{label}}
                </div>
            </pad-for>
        </pad-if>
    </div>

</li>