@php
    $trainingStartDate = __('calendar.day_names_min.' . $training->start_date->format('N') )  . ' ' . $training->start_date->format('d') . ' ' . __('calendar.month_names_short.' . ($training->start_date->format('n') - 1)) . ' ' . $training->start_date->format('Y');
    $trainingEndDate = __('calendar.day_names_min.' . $training->end_date->format('N') )  . ' ' . $training->end_date->format('d') . ' ' . __('calendar.month_names_short.' . ($training->end_date->format('n') - 1)) . ' ' . $training->end_date->format('Y');
@endphp

<div class="c-training-card  @modifiers('c-training-card') @if(!isset($disableJs) || $disableJs == false) js-training-card @endif ">

    <div class="c-training-card__datetime">
        @if(!$training->inConsultation())
            <div class="c-training-card__date">
                <span class="c-training-card__start-date">{{$trainingStartDate}}</span>
                @if(!empty($trainingEndDate))<span class="c-training-card__end-date">{{$trainingEndDate}}</span>@endif
            </div>

            <div class="c-training-card__time">
                <span class="c-training-card__start-time">{{ $training->start_time }}</span>
                <span class="c-training-card__duration">{{__('site/trainings.duration')}}: {{ $training->duration }} {{__('site/trainings.hour')}}</span>
            </div>
        @else
            <div class="c-training-card__date">
                <span class="c-training-card__start-date">{{ __('site/trainings.in_consultation') }}</span>
            </div>
        @endif
    </div>
    <div class="c-training-card__body">
        <div class="c-training-card__main">

            <div class="c-training-card__heading" @if($training->inConsultation()) style="margin-top: 0;" @endif>
                <h3 class="c-training-card__title">{{ $training->api_response->catalogus_naam }}</h3>
                <div class="c-training-card__location">
                    <i>@include('components.icons.pin')</i>
                    @if($training->location->id === \App\Locations\Models\Location::ONLINE_ID)
                        <span>{{ $training->location->name }}</span>
                    @else
                        <span>{{ $training->location->name . ', ' . $training->location->city }}</span>
                    @endif
                </div>
            </div>

            @if(!$training->inConsultation())
                <div class="c-training-card__price">
                    @if(!empty($training->price))<span class="c-training-card__price-label">{!! $training->price !!}</span>@endif
                    <span class="c-training-card__additional-pricing">{!! __('site/trainings.additional_pricing') !!}</span>
                    <span class="c-training-card__btw-label">{{__('site/trainings.additional_pricing_sub')}}</span>
                </div>

                <div class="c-training-card__week-wrapper">
                    <div class="c-training-card__week-amount">{{ $training->amount_of_weeks }} @lang('site/trainings.weeks')</div>
                    <div class="c-training-card__week-days">
                        @if(app()->getLocale() != 'nl')
                            <span>@lang('site/trainings.c4.' . $training->lessons_each_week)</span>
                        @else
                            <span>{{ $training->lessons_each_week }}</span>
                        @endif
                    </div>
                </div>
            @endif
        </div>

        <div class="c-training-card__actions">
            @if(!isset($trainingHideApplyButton) || !$trainingHideApplyButton)
                <div class="c-training-card__apply">
                    @include('components.button', [
                        'modifiers' => ['secondary'],
                        'buttonText' => __('site/trainings.apply'),
                        'buttonLink' => $links->trainings->route . '/' . $training->c4_id . '/' . __('site/trainings.subscribe_route') ,
                    ])
                </div>
            @endif
        </div>
    </div>

</div>