<div class="tab-pane fade {{!$action_type ? 'show active' : '' }} " id="Overview" role="tabpanel" aria-labelledby="Overview-tab">
    <div class="overview-content">
        @if(count($course->keyPoints) > 0)
            <div class="what-you-will-learn">
                <h4 class="pb-30">{{ __('What you will learn') }}</h4>

                <div class="what-you-learn-list-wrap d-flex justify-content-between">
                    <ul>
                        @foreach(@$course->keyPoints as $key => $point)
                            @if($key % 2 == 0)
                                <li>
                                    <div class="check-wrap flex-shrink-0"><span class="iconify" data-icon="akar-icons:check"></span></div>
                                    <p class="flex-grow-1">{{ $point->name }}</p>
                                </li>
                            @endif
                        @endforeach
                    </ul>

                    <ul>
                        @foreach(@$course->keyPoints as $key=> $point)
                            @if($key % 2 == 1)
                                <li>
                                    <div class="check-wrap flex-shrink-0"><span class="iconify" data-icon="akar-icons:check"></span></div>
                                    <p class="flex-grow-1">{{ $point->name }}</p>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
        <p>{{ $course->description }}</p>
    </div>
</div>
