@extends('layouts.tenant')

@section('title', 'Home')

@section('content')
    <style>
        .nav-tabs .nav-link.active {
            color: #fff !important;
            background-color: #5151ff !important;
            border-radius: 8px;
            padding: 0.6rem 1rem;
        }

        .nav-tabs .nav-link {
            background: none;
            border: 1px solid #F6F6F6 !important;
            padding: 0.6rem 1rem;
            border-radius: 8px;
        }

        .negative-margin-top-100 {
            margin-top: -100px;
        }

        .negative-margin-top-50 {
            margin-top: -50px;
        }

        .no-margin {
            margin: 0 !important;
        }

        .card {
            border: 1px solid #f1f4f8 !important;
        }

        .quote-icon {
            position: absolute;
            height: 70px;
            width: 70px;
            background: #5151ff;
            border-radius: 50%;
            top: -1rem;
            left: 2rem;
            z-index: 1;
        }

        .quote-icon img {
            padding: 22px;
        }

        .text-yellow {
            color: #FE8B75 !important;
        }

        .popular {
            position: absolute;
            right: 2rem;
            top: 0rem;
        }
    </style>
    <div class="custom-hero-bg">
        <div class="container">
            <div class="row mb-4 align-items-center justify-content-center">
                <div class="col-md-8">
                    @if (Auth::check())
                        @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                            <div class="my-2">
                                <div class="edit-icon">
                                    <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#homeHero"></i>
                                </div>
                            </div>
                        @endif
                    @endif
                    <div class="mt-6 text-center">

                        <h1 class="fw-700 text-white">
                            {{ $home_content->hero_section_title ?? 'Welcome to our community, we play and learn' }}
                        </h1>
                        <p class="text-white">
                            {!! $home_content->hero_section_p ??
                                'Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.' !!}
                        </p>

                        <div class="mt-5 text-center">
                            <div class="mr-4">
                                @if (Auth::check())
                                    <a href="{{ url('feeds/home') }}"
                                        class="btn custom-btn-white  px-5 py-3 rounded-2">Feeds <i
                                            class="feather-arrow-up-right"></i></a>
                                @else
                                    <a href="{{ route('register') }}" class="btn custom-btn-white px-5 py-3 my-4">Get
                                        started</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-white" id="about">
        <div class="container">
            <div class="row justify-content-center my-4">
                <div class="col-12">
                    @if (Auth::check())
                        @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                            <div class="my-2">
                                <div class="edit-icon">
                                    <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#aboutProject"></i>
                                </div>
                            </div>
                        @endif
                    @endif
                </div>
            </div>
            <div class="row align-items-center justify-content-center">
                <div class="col-12 col-lg-6 col-xl-6">
                    <div class="mt-4">
                        <img src="{{ $about_content->project_section_img ?? asset('assets/images/img_a.png') }}"
                            alt="" class="w-100">
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-6">
                    <div class="mt-4">
                        <h4 class="fw-700">
                            {{ $about_content->project_section_title ?? 'About us' }}
                        </h4>
                        <p class="pt-4">
                            {!! $about_content->project_section_p ??
                                "Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
                                                                                                                                                                    Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet." !!}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (count($course_videos) > 0)
        <div class="bg-white">
            <div class="container">
                <div class="row justify-content-center my-5">
                    <div class="col-12">
                        @if (Auth::check())
                            @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="my-2">
                                    <div class="edit-icon">
                                        <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#homeCourse"></i>
                                    </div>
                                </div>
                            @endif
                        @endif
                        <h4 class="text-center fw-700">
                            {{ $home_content->course_section_title ?? 'Featured Mentorship Courses' }}
                        </h4>
                        <div class="mt-4">
                            <p class="text-center">
                                {!! $home_content->course_section_p ??
                                    'Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia ' !!}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center mt-4">
                    @forelse ($course_videos as $course)
                        <div class="col-12 col-lg-3 col-xl-3">
                            <div class="card w-100 mobile-h320 shadow-xss rounded-lg border-0 mb-3">
                                <a href="{{ route('elearn.show', $course->id) }}">
                                    <video muted class="card-img-top mobile-cus-h object-cover"
                                        style="pointer-events: none;" poster="{{ $course->photo }}">
                                        <source src="{{ $course->preview }}" type="video/mp4">
                                    </video>
                                </a>
                                <div class="card-body">
                                    <div class="row justify-content-end">
                                        <div class="col-auto">
                                            <small class="small text-muted">
                                                @if ($course->duration > 1)
                                                    {{ $course->duration }} mins eCLE Value
                                                @elseif($course->duration < 2)
                                                    {{ $course->duration }} min eCLE Value
                                                @elseif($course->duration >= 60 && $course->duration < 120)
                                                    {{ $course->duration / 60 }} hr eCLE Value
                                                @elseif($course->duration >= 120)
                                                    {{ $course->duration / 60 }} hrs eCLE Value
                                                @endif
                                            </small>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <h5 class="mb-2 name">
                                                <a
                                                    href="{{ route('elearn.show', $course->id) }}">{{ Str::words($course->title, 3) }}</a>
                                            </h5>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <p class="card-text small text-muted">
                                                {{ Str::words($course->description, 10) }}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <h6 class="card-text small text-muted">
                                                @php
                                                    $review_count = App\Models\CourseReview::where('course_id', $course->id)->count();
                                                    $viewed_count = App\Models\ViewedCourse::where('course_id', $course->id)->count();
                                                @endphp
                                                @if ($review_count > 0)
                                                    {{ number_format($review_count) }}
                                                    <i class="mdi mdi-star text-yellow"></i>
                                                    <i class="mdi mdi-star text-yellow"></i>
                                                    <i class="mdi mdi-star text-yellow"></i>
                                                    <i class="mdi mdi-star text-yellow"></i>
                                                    <i class="mdi mdi-star text-yellow"></i>
                                                @endif
                                            </h6>
                                        </div>
                                        <div class="col-auto">
                                            <small class="text-color">
                                                @if ($viewed_count > 9999)
                                                    {{ substr($viewed_count, 0, -3) }}K views
                                                @elseif($viewed_count > 99999)
                                                    {{ substr($viewed_count, 0, -3) }}K views
                                                @elseif($viewed_count > 999999)
                                                    {{ substr($viewed_count, 0, -4) }}M views
                                                @elseif($viewed_count < 2)
                                                    {{ number_format($viewed_count) }} view
                                                @else
                                                    {{ number_format($viewed_count) }} views
                                                @endif
                                            </small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="mt-4">
                            <div class="text-center">
                                <h6 class="mb-4">No courses found</h6>
                            </div>
                        </div>
                    @endforelse
                </div>
            </div>
        </div>
    @endif
    @if (count($contributors) > 0)
        <div class="bg-white">
            <div class="container">
                <div class="row justify-content-center my-5">
                    <div class="col-12">
                        @if (Auth::check())
                            @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="my-2">
                                    <div class="edit-icon">
                                        <i class="mdi mdi-pencil edit" data-toggle="modal"
                                            data-target="#homeContributor"></i>
                                    </div>
                                </div>
                            @endif
                        @endif
                        <h4 class="text-center fw-700">
                            {{ $home_content->contributor_section_title ?? 'Featured Contributors' }}
                        </h4>
                        <div class="mt-4">
                            <p class="text-center">
                                {!! $home_content->contributor_section_p ??
                                    'Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia ' !!}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center my-4">
                    @forelse ($contributors as $contributor)
                        <div class="col-12 col-lg-3 col-xl-3">
                            <a href="{{ route('account.profile', $contributor->id) }}">
                                <img src="{{ $contributor->avatar }}" alt="{{ $contributor->first_name }}"
                                    class="custom-br-full object-cover h350 w350">
                            </a>
                            <h6 class="mt-4 fw-700 text-center">{{ $contributor->first_name }}
                                {{ $contributor->last_name }}</h6>
                            <p class="text-center">{{ Str::words($contributor->bio, 10) }}</p>
                        </div>
                    @empty
                        <div class="mt-4">
                            <div class="text-center">
                                <h6 class="mb-4">No Contributor found</h6>
                            </div>
                        </div>
                    @endforelse

                </div>
            </div>
        </div>
    @endif
    @if (count($mentors) > 0)
        <div class="custom-frame-bg">
            <div class="container">
                <div class="row justify-content-center text-white my-5">
                    <div class="col-12">
                        @if (Auth::check())
                            @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="my-2">
                                    <div class="edit-icon">
                                        <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#homeMentor"></i>
                                    </div>
                                </div>
                            @endif
                        @endif
                        <h4 class="text-center text-white fw-700">
                            {{ $home_content->mentor_section_title ?? 'Featured Mentors' }}
                            </h3>
                            <div class="mt-4">
                                <p class="text-center">
                                    {!! $home_content->mentor_section_p ??
                                        'Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia ' !!}
                                </p>
                            </div>
                    </div>
                </div>
                <div class="row my-4">
                    @forelse ($mentors as $mentor)
                        <div class="col-12 col-xl-3 col-xxl-3 col-lg-3">
                            <div class="text-center bg-white follow-card custom-shadow p-4">
                                @php
                                    $user_mentor = App\Models\Mentor::where('id', $mentor->rating_id)->first();
                                    $main_user = App\Models\User::where('id', $user_mentor->user_id)->first();
                                    $mentor_designation = App\Models\MentorProfile::where('mentor_id', $mentor->rating_id)->first();
                                    $rating = App\Models\MentorRating::where('rating_id', $mentor->rating_id)
                                        ->orderBy('user_rating', 'DESC')
                                        ->first();
                                    $rating_count = App\Models\MentorRating::where('rating_id', $mentor->rating_id)->count();
                                @endphp
                                <div class="rounded-circle pt-5">
                                    <img src="{{ $main_user->avatar }}"
                                        class="w100 h100 shadow-sm rounded-circle object-cover" alt="">
                                </div>
                                <h6 class="mt-2 mb-2 fw-700">{{ $main_user->first_name }} {{ $main_user->last_name }}
                                </h6>
                                <p class="text-muted">{{ $mentor_designation->designation }}</p>
                                <p class="mt-4">
                                    @if ($rating->user_rating)
                                        {{ $rating_count }} {{ getRating($rating->user_rating) }}
                                    @endif
                                </p>
                            </div>
                        </div>
                    @empty
                        <div class="mt-4">
                            <div class="text-center">
                                <h6 class="mb-4 text-white">No Mentor found</h6>
                            </div>
                        </div>
                    @endforelse
                </div>
            </div>
        </div>
    @endif
    @if (count($ecle_users) > 0)
        <div class="bg-white">
            <div class="container">
                <div class="row justify-content-center my-5">
                    <div class="col-12">
                        @if (Auth::check())
                            @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="my-2">
                                    <div class="edit-icon">
                                        <i class="mdi mdi-pencil edit" data-toggle="modal"
                                            data-target="#homeCourseUser"></i>
                                    </div>
                                </div>
                            @endif
                        @endif
                        <h4 class="text-center fw-700">
                            {{ $home_content->course_user_section_title ?? 'Best Community Users' }}
                        </h4>
                        <hr class="custom-hr mt-4">
                        <div class="mt-4">
                            <p class="text-center">
                                {!! $home_content->course_user_section_p ??
                                    'Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
                                                                                                                                                                                            Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.' !!}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center my-4">
                    @forelse ($ecle_users as $user)
                        <div class="col-12 col-lg-3 col-xl-3">
                            <a href="{{ route('account.profile', $user->id) }}">
                                <img src="{{ $user->avatar }}" alt="" class="rounded-2 object-cover w-100 h300">
                                <h6 class="mt-4">{{ $user->first_name }} {{ $user->last_name }}</h6>
                                <span class="text-gray-900">{{ $user->course_points }} points</span>
                                @php
                                    $course_review = App\Models\CourseReview::where('user_id', $user->id)
                                        ->orderBy('rating', 'DESC')
                                        ->first();
                                @endphp
                                <p class="text-gray-900">{{ @$course_review->review }}</p>
                                <span class="text-gray-900">
                                    {{ getRating(@$course_review->rating) }}
                                </span>
                            </a>
                        </div>
                    @empty
                        <div class="mt-4">
                            <div class="text-center">
                                <h6 class="mb-4">No User found</h6>
                            </div>
                        </div>
                    @endforelse

                </div>
            </div>
        </div>
    @endif
    <div class="bg-white" id="pricing">
        <div class="container">
            <div class="row text-center justify-content-center mt-5">
                <div class="col-12 col-lg-8 col-md-8">
                    <h3 class="h2-color">Pricing</h3>
                    <p class="p-color">Enjoy {{ domain($_SERVER['HTTP_HOST'])->company_name }} by getting started with a
                        Price plan.</p>
                    <div class="mb-5">
                        <div class="row">
                            <div class="col">
                                <ul class="nav nav-tabs border-0 justify-content-center text-center mx-auto nav-overflow header-tabs"
                                    id="myTab" role="tablist">
                                    @forelse ($package_categories as $package_category)
                                        <li class="nav-item no-margin">
                                            <a class="nav-link {{ $package_category->id == $first_package_category->id ? 'active' : '' }}"
                                                id="{{ Str::words($package_category->name, 1, '') }}-tab"
                                                data-toggle="tab"
                                                href="#{{ Str::words($package_category->name, 1, '') }}" role="tab"
                                                aria-controls="{{ Str::words($package_category->name, 1, '') }}"
                                                aria-selected="{{ $package_category->id == $first_package_category->id ? 'true' : 'false' }}">
                                                {{ $package_category->name }}
                                            </a>
                                        </li>
                                    @empty
                                    @endforelse
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container pb-11">
            <div class="tab-content negative-margin-top-50" id="wizardSteps">
                @forelse ($package_categories as $package_category)
                
                    <div class="tab-pane {{ $package_category->id == $first_package_category->id ? 'fade show active' : '' }}"
                        id="{{ Str::words($package_category->name, 1, '') }}" role="tabpanel"
                        aria-labelledby="{{ Str::words($package_category->name, 1, '') }}-tab">
                        <div class="row">
                            @php
                                $packages = App\Models\Package::where('package_category_id', $package_category->id)
                                    ->orderBy('price', 'asc')
                                    ->get();
                            @endphp
                            @forelse ($packages as $package)
                                <div class="col-12 col-xl-4 col-lg-4">
                                    <div
                                        class="card w-100 shadow-2 {{ $package->recommended == 1 ? 'bg-card-gray' : '' }} mt-4 p-3 br-12 border-1">
                                        <div class="mt-1 p-3">
                                            <div class="d-flex pb-4 mb-4 border-bottom-xs">
                                                <img src="{{ asset('assets/main/images/sub.png') }}" alt="">
                                                <div class="ml-1-">
                                                    <h4>{{ $package->name }}</h4>
                                                    <p class="small-custom">
                                                        @if ($package->validity == 'Years')
                                                            @if ($package->duration == 1)
                                                                ₦{{ number_format($package->price, 2) }} / Year
                                                            @elseif($package->duration > 1)
                                                                ₦{{ number_format($package->price, 2) }} /
                                                                {{ $package->duration }} Years
                                                            @endif
                                                        @elseif($package->validity == 'Months')
                                                            @if ($package->duration > 0 && $package->duration < 2)
                                                                NGN {{ number_format($package->price, 2) }} / Month
                                                            @elseif($package->duration > 1)
                                                                NGN {{ number_format($package->price, 2) }} /
                                                                {{ $package->duration }} Months
                                                            @endif
                                                        @elseif($package->validity == 'Days')
                                                            @if ($package->duration > 0 && $package->duration < 2)
                                                                NGN {{ number_format($package->price, 2) }} / Day
                                                            @elseif($package->duration > 1)
                                                                @if ($package->price < 1)
                                                                    {{ $package->duration }} Days Trial
                                                                @else
                                                                    NGN {{ number_format($package->price, 2) }} /
                                                                    {{ $package->duration }} Days
                                                                @endif
                                                            @endif
                                                        @endif
                                                    </p>
                                                    @if ($package->recommended == 1)
                                                        <img src="{{ asset('assets/main/images/popular.png') }}"
                                                            class="popular" alt="">
                                                    @endif
                                                </div>
                                            </div>
                                            <h5 class="fw-700">Features</h5>
                                            <div>
                                                <ul class="top-content list-unstyled">
                                                    @php
                                                        $features = '';
                                                        if (isset($package->features) && !empty($package->features)) {
                                                            $features = json_decode($package->features);
                                                        }
                                                    @endphp
                                                    @forelse ($features as $feature)
                                                        <li>
                                                            <a class="btn menu-btn d-flex fw-600 mb-2">
                                                                <img src="{{ asset('assets/main/images/check.png') }}"
                                                                    alt="">
                                                                <span class="-mt-4 ml-1-">{{ $feature }}</span>
                                                            </a>
                                                        </li>
                                                    @empty
                                                        <li>
                                                            <a class="btn menu-btn d-flex fw-600 mb-2">
                                                                <img src="{{ asset('assets/main/images/check.png') }}"
                                                                    alt="">
                                                                <span class="-mt-4 ml-1-">None Available for now</span>
                                                            </a>
                                                        </li>
                                                    @endforelse
                                                </ul>
                                                @if (isLoggedIn())
                                                    @if (!Auth::user()->isTenant())
                                                        <div class="text-center pt-4 pb-4">

                                                            @if ($package->price < 1)
                                                                @if (isLoggedIn())
                                                                    <a href="/subscribe-to-free/{{ $package->id }}"
                                                                        class="custom-btn btn w-100 rounded-1 px-5">Start
                                                                        for
                                                                        free</a>
                                                                @else
                                                                    <a href="{{ route('register') }}"
                                                                        class="custom-btn btn w-100 rounded-1 px-5">Start
                                                                        for
                                                                        free</a>
                                                                @endif
                                                            @else
                                                                <a href="{{ route('checkout', $package->id) }}"
                                                                    class="custom-btn btn w-100 rounded-1 px-5">Get
                                                                    started</a>
                                                            @endif
                                                        </div>
                                                    @endif
                                                @else
                                                    <div class="text-center pt-4 pb-4">

                                                        @if ($package->price < 1)
                                                            <a href="{{ route('register') }}"
                                                                class="custom-btn btn w-100 rounded-1 px-5">Start for
                                                                free</a>
                                                        @else
                                                            <a href="{{ route('register') }}"
                                                                class="custom-btn btn w-100 rounded-1 px-5">Get started</a>
                                                        @endif
                                                    </div>
                                                @endif

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @empty
                                <div class="mt-4">
                                    <div class="text-center">
                                        <h6 class="mb-4">No Plan found</h6>
                                    </div>
                                </div>
                            @endforelse
                        </div>
                    </div>
                @empty
                    <div class="row">
                     
                        @forelse ($other_packages as $package)
                            <div class="col-12 col-xl-4 col-lg-4">
                                <div
                                    class="card w-100 shadow-2 {{ $package->recommended == 1 ? 'bg-card-gray' : '' }} mt-4 p-3 br-12 border-1">
                                    <div class="mt-1 p-3">
                                        <div class="d-flex pb-4 mb-4 border-bottom-xs">
                                            <img src="{{ asset('assets/main/images/sub.png') }}" alt="">
                                            <div class="ml-1-">
                                                <h4>{{ $package->name }}</h4>
                                                <p class="small-custom">
                                                    @if ($package->validity == 'Years')
                                                        @if ($package->duration > 0 && $package->duration < 2)
                                                            NGN {{ number_format($package->price, 2) }} / Year
                                                        @elseif($package->duration > 1)
                                                            NGN {{ number_format($package->price, 2) }} /
                                                            {{ $package->duration }} Years
                                                        @endif
                                                    @elseif($package->validity == 'Months')
                                                        @if ($package->duration > 0 && $package->duration < 2)
                                                            NGN {{ number_format($package->price, 2) }} / Month
                                                        @elseif($package->duration > 1)
                                                            NGN {{ number_format($package->price, 2) }} /
                                                            {{ $package->duration }} Months
                                                        @endif
                                                    @elseif($package->validity == 'Days')
                                                        @if ($package->duration > 0 && $package->duration < 2)
                                                            NGN {{ number_format($package->price, 2) }} / Day
                                                        @elseif($package->duration > 1)
                                                            @if ($package->price < 1)
                                                                {{ $package->duration }} Days Trial
                                                            @else
                                                                NGN {{ number_format($package->price, 2) }} /
                                                                {{ $package->duration }} Days
                                                            @endif
                                                        @endif
                                                    @endif
                                                </p>
                                                @if ($package->recommended == 1)
                                                    <img src="{{ asset('assets/main/images/popular.png') }}"
                                                        class="popular" alt="">
                                                @endif
                                            </div>
                                        </div>
                                        <h5 class="fw-700">Features</h5>
                                        <div>
                                            <ul class="top-content list-unstyled">
                                                @php
                                                    $features = '';
                                                    if (isset($package->features) && !empty($package->features)) {
                                                        $features = json_decode($package->features);
                                                    }
                                                @endphp
                                                @forelse ($features as $feature)
                                                    <li>
                                                        <a class="btn menu-btn d-flex fw-600 mb-2">
                                                            <img src="{{ asset('assets/main/images/check.png') }}"
                                                                alt="">
                                                            <span class="-mt-4 ml-1-">{{ $feature }}</span>
                                                        </a>
                                                    </li>
                                                @empty
                                                    <li>
                                                        <a class="btn menu-btn d-flex fw-600 mb-2">
                                                            <img src="{{ asset('assets/main/images/check.png') }}"
                                                                alt="">
                                                            <span class="-mt-4 ml-1-">None Available for now</span>
                                                        </a>
                                                    </li>
                                                @endforelse
                                            </ul>
                                            <div class="text-center pt-4 pb-4">
                                                @if ($package->price < 1)
                                                    <a href="{{ route('register') }}"
                                                        class="custom-btn btn w-100 rounded-1 px-5">Start for free</a>
                                                @else
                                                    <a href="{{ route('checkout', $package->id) }}"
                                                        class="custom-btn btn w-100 rounded-1 px-5">Get started</a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @empty
                            <div class="mt-4 mb-6">
                                <div class="text-center">
                                    <h6 class="mb-4">No Plan found</h6>
                                    @if (Auth::check())
                                        @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                            <div class="mt-4">
                                                <a href="{{ url('/subscription') }}" target="_blank"
                                                    class="custom-btn">Create Subscription</a>
                                            </div>
                                        @endif
                                    @endif
                                </div>
                            </div>
                        @endforelse
                    </div>
                @endforelse
            </div>
        </div>
    </div>
    <div class="custom-bg-gray">
        <div class="container">
            <div class="row justify-content-center my-5">
                <div class="col-12">
                    @if (Auth::check())
                        @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                            <div class="my-2">
                                <div class="edit-icon">
                                    <i class="mdi mdi-pencil edit" data-toggle="modal" data-target="#homeQa"></i>
                                </div>
                            </div>
                        @endif
                    @endif
                    <h4 class="text-center fw-700">
                        {{ $home_content->qa_section_title ?? 'Take from our Customers and Users' }}
                    </h4>
                </div>
                <div class="col-8">
                    <div class="mt-4 text-center">
                        <p class="text-center">
                            {!! $home_content->qa_section_p ?? 'Happy customers have somethings to say using Tribearc Socialite.' !!}
                        </p>
                    </div>
                </div>
            </div>
            <div class="row my-4">
                @forelse ($trustees as $trustee)
                    <div class="col-12 col-lg-4 col-xl-4">
                        @if (Auth::check())
                            @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="my-2">
                                        <div class="edit-icon">
                                            <i class="mdi mdi-pencil edit"
                                                onclick="showTrustListEdit(`{{ $trustee->name }}`, `{{ $trustee->bio }}`, `{{ $trustee->short_bio }}`, `{{ $trustee->photo_path }}`, `{{ $trustee->id }}`)"></i>
                                        </div>
                                    </div>
                                    <div class="my-2 {{ $last_trustee->id == $trustee->id ? '' : 'd-none' }}">
                                        <div class="edit-icon">
                                            <i class="mdi mdi-plus edit" data-toggle="modal"
                                                data-target="#trusteeList"></i>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endif
                        <div class="quote-icon"><img src="{{ asset('assets/main/images/quote.png') }}" alt="">
                        </div>
                        <div class="card card-hover br-12 border-0 mb-3 mt-3">
                            <div class="row">
                                <div class="col-12">
                                    <p class="px-4 mt-5">
                                        <i class="mdi mdi-star text-yellow"></i>
                                        <i class="mdi mdi-star text-yellow"></i>
                                        <i class="mdi mdi-star text-yellow"></i>
                                        <i class="mdi mdi-star text-yellow"></i>
                                        <i class="mdi mdi-star text-yellow"></i>
                                    </p>
                                    <p class="px-4 p-color">
                                        {!! $trustee->bio !!}
                                    </p>
                                </div>
                            </div>
                            <div class="row border-top-xs">
                                <div class="col">
                                    <div class="d-flex px-4 mt-4">
                                        <img src="{{ $trustee->photo_path }}" class="w50 h50 rounded-circle"
                                            style="object-fit: cover">
                                        <div class="ml-1-">
                                            <h6>{{ $trustee->name }}</h6>
                                            <p class="small text-gray-500 -mt-1">{{ $trustee->short_bio }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="text-center">
                        @if (Auth::check())
                            @if (Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                                <div class="my-2">
                                    <div class="edit-icon">
                                        <i class="mdi mdi-plus edit" data-toggle="modal" data-target="#trusteeList"></i>
                                    </div>
                                </div>
                            @endif
                        @endif
                    </div>
                @endforelse
            </div>
        </div>
    </div>
    @include('elements.home-hero')
    @include('elements.home-course')
    @include('elements.home-course-user')
    @include('elements.home-contributor')
    @include('elements.home-mentor')
    @include('elements.home-qa')
    @include('elements.about-project')


    @include('elements.about-trustee-excos')
    @include('elements.about-trustee-list')
    @include('elements.about-trustee-list-edit')

    <script>
        function showTrustListEdit(name, bio, short_bio, photo, id) {
            $('#name').val(name);
            $('#bio').val(bio);
            $('#another_bio').val(short_bio);
            $('#excoImagePreview').css('background-image', 'url(' + photo + ')');
            $('#trustee-id').val(id);
            $('#saveExcoBtn').prop('disabled', false);

            $('#trusteeListEdit').modal('show');
        }
    </script>
@endsection