@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="profile_pg  section">
            <div class="container">
                <div class="tab_wrapper man_courses_tab col-lg-10 mx-auto">
                    <h2 class="title_w_shape w-fit mx-auto mb-5">
                        <span>  {{ __('courses::courses.course_management') }}    </span></h2>
                    <ul class="nav nav-pills mb-5" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="pills-activeCourses-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-activeCourses" type="button" role="tab"
                                    aria-controls="pills-activeCourses" aria-selected="true">
                                {{ __('courses::courses.active') }}
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-inactiveCourses-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-inactiveCourses" type="button" role="tab"
                                    aria-controls="pills-inactiveCourses" aria-selected="false">
                                {{ __('courses::courses.inactive') }}
                            </button>
                        </li>
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-activeCourses" role="tabpanel"
                             aria-labelledby="pills-activeCourses-tab">
                            <div class="courses_sec bg-white">
                                <div class="row">
                                    @if($activeCourses->isNotEmpty())
                                        @foreach($activeCourses as $course)
                                            <div class="col-lg-4">
                                                @include('web.courses::_course_card', $cardData)
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="col-lg-12">
                                            <div
                                                class="alert alert-info text-center">{{ __('general.no_results') }}</div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-inactiveCourses" role="tabpanel"
                             aria-labelledby="pills-inactiveCourses-tab">
                            <div class="courses_sec bg-white">
                                <div class="row">
                                    @if($deletedCourses->isNotEmpty())
                                        @foreach($deletedCourses as $course)
                                            <div class="col-lg-4">
                                                @include('web.courses::_course_card', $cardData)
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="col-lg-12">
                                            <div
                                                class="alert alert-info text-center">{{ __('general.no_results') }}</div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush