@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@php
    if(!isset($indexType)) $indexType = 'courses';
@endphp

@section('content')
    <div class="c-body t-model-index">

        <div class="l-contain">

            <div class="t-model-index__heading">

                <div class="t-model-index__title">
                    <h1>{{$page->translation->name}}</h1>
                    <span class="u-heading-h3">@lang('site/global.in') {{strtolower($parent->name)}}</span>
                </div>


                <div class="t-model-index__callout">
                    @include('site.components.personalCallout', ['smallCallout' => true, 'contactPerson' => ( (isset($parent) && $parent->node->code_name == 'teaching') ? 'carla' : 'henk')])
                </div>

            </div>

            <div class="t-model-index__nav">
                @include('site.components.subnavigation', ['subnav' => $parent->subnav])
            </div>

        </div>

        {{-- Loop for the items before the overview --}}
        @if(isset($preOverview) && $preOverview->count() != 0 && \Illuminate\Support\Facades\Input::get('page', 1) == 1)
            @foreach($preOverview as $preComponent)
                @if(view()->exists($preComponent->view))
                    @include($preComponent->view, ['component' => $preComponent, 'componentLoopId' => 'pre-overview'])
                @else
                    {{ debug('View not found: '. $preComponent->view) }}
                @endif
            @endforeach
        @endif

        <div class="t-model-index__overview l-contain">
            <div id="model-overview-hook" class="o-model-overview  @if($indexType != 'courses') o-model-overview--yellow @endif">
                <div class="o-model-overview__heading">
                    <h2>@lang('site/'.$indexType.'.overview')</h2>
                </div>
                <div class="o-model-overview__grid  l-card-grid">

                    @foreach($models as $model)
                        <div class="o-model-overview__item  l-card-grid__item">

                            <a class="c-card  c-card--model"
                               href="{{$page->translation->route->alias}}/{{$model->translation->slug}}">

                                <div class="c-card__body">
                                    <h4 class="c-card__title">{{ $model->translation->name }}</h4>

                                    <p class="c-card__content">{!! nl2br($model->translation->description) !!}</p>

                                    <div class="c-card__indications">
                                        @if($indexType == 'courses')
                                            <div class="c-indicator__level">
                                                <span class="c-indicator__level-color" data-level="{{$model->level}}"></span>
                                                @lang('site/courses.levels.' . $model->level)
                                            </div>
                                        @endif

                                        @if(!empty($model->translation->duration))
                                            <div class="c-indicator__duration">
                                                <span class="c-indicator__duration-icon">@include('site.components.icons.clock')</span>
                                                {{ $model->translation->duration }}
                                            </div>
                                        @endif

                                    </div>


                                    <div class="c-card__action">
                                        @include('site.components.button', ['isButton' => true, 'modifiers' => ['icon', 'ghost'], 'buttonText' => __('site/'.$indexType.'.modelButton')])
                                    </div>

                                </div>

                            </a>

                        </div>
                    @endforeach

                </div>

                <div class="o-model-overview__pagination">
                    {{-- Default Komma Pagination 1 ... 2 c 2 .. 1 =  7 --}}
                    @include('site.components.pagination7', ['paginator' => $models])
                </div>

            </div>
        </div>

        @includeWhen(\Illuminate\Support\Facades\Input::get('page', 1) == 1 ,'site.organisms.components')

    </div>

            @include('site.organisms.calloutBar', ['showPhoneButton' => true])

@endsection