<a class="c-activity-card__link" href="{{$links->products->route . '/' . $activity->translation->slug}}">

    <div class="c-activity-card">

        <div class="c-activity-card__head">
            @if($activity->mostly_chosen)
              <div class="c-activity-card__favorite">
                  <p>Meest gekozen door bedrijven</p>
              </div>
            @endif

            @if(count($activity->documents))
            <img class="c-activity-card__image"
                 src="{{ $activity->documents->first()->medium_image_url }}" alt="" width="270" height="180">
                @else
                <div class="c-activity-card__image--placeholder"></div>
            @endif
        </div>

        @if($activity->translation->name)
            <h2 class="c-activity-card__title">{{$activity->translation->name}}</h2>
        @endif

        @if($activity->translation->usp || $activity->translation->usp_1 || $activity->translation->usp_2|| $activity->translation->usp_3)
            <ul class="c-activity-card__list">
                @if($activity->translation->usp)
                <li class="c-activity-card__item">
                    <p>{{$activity->translation->usp}}</p>
                </li>
                @endif

                @if($activity->translation->usp_1)
                    <li class="c-activity-card__item">
                        <p>{{$activity->translation->usp_1 }}</p>
                    </li>
                @endif

                @if($activity->translation->usp_2)
                    <li class="c-activity-card__item">
                        <p>{{$activity->translation->usp_2 }}</p>
                    </li>
                @endif

                @if($activity->translation->usp_3)
                    <li class="c-activity-card__item">
                        <p>{{$activity->translation->usp_3 }}</p>
                    </li>
                @endif
            </ul>
        @endif


        @if($activity->duration || $activity->minimum_amount_of_persons)
            <div class="c-activity-slider__tags">
                @if((int)$activity->duration > 0)
                <div class="c-activity-card__tag" data-icon="clock">
                    <p>{{ (int) $activity->duration }} uur</p>
                </div>
                @endif

                @if($activity->minimum_amount_of_persons)
                <div class="c-activity-card__tag" data-icon="persons">
                    <p>Vanaf {{$activity->minimum_amount_of_persons}} pers.</p>
                </div>
                @endif

                @if($activity->cafeteria_possible)
                <div class="c-activity-card__tag" data-icon="food">
                    <p>Catering mogelijk</p>
                </div>
                @endif
            </div>
        @endif

       @if($activity->price_each_unit || $activity->translation->slug )
            <a class="c-activity-card__link-wrapper" href="{{$links->products->route . '/' . $activity->translation->slug}}">

                <div class="c-activity-card__wrapper">


                    @if( $component->showPricesInc)
                        @if($activity->has_fixed_price == 0 )
                            <p class="c-activity-card__price"> {!! $activity->getPriceLabel(true, true)!!} <span class="c-activity-card__price-pp">p.p</span></p>
                        @else
                            <p class="c-activity-card__price">€ {!! $activity->getPriceLabel(true, true)!!} <span class="c-activity-card__price-pp">{{$activity->getPosterLabel()}}</span></p>
                        @endif

                    @else
                        @if($activity->has_fixed_price == 0 )
                            <p class="c-activity-card__price"> {!! $activity->getPriceLabel(false, true)!!} <span class="c-activity-card__price-pp">p.p</span></p>
                        @else
                            <p class="c-activity-card__price">{!! $activity->getPriceLabel(false, true)!!} <span class="c-activity-card__price-pp">{{$activity->getPosterLabel()}}</span></p>
                        @endif
                    @endif


                    <a class="c-activity-card__button" href="{{$links->products->route . '/' . $activity->translation->slug}}">
                        <svg width="24" height="24">
                            <use href="/img/icon-arrowStickRight.svg#arrowStickRight"></use>
                        </svg>
                    </a>
                </div>
            </a>
        @endif
    </div>

</a>