@extends('layouts.default')

@section('title', 'Home')

@section('content')
<div class="custom-hero-bg">
    <div class="container">
        <div class="row my-4">
            <div class="col-12 col-lg-6 col-xl-6">
                @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">
                    <h1 class="fw-700">{{$home_content->hero_section_title ?? 'Law Community for Juniors and Veterans'}}
                    </h1>
                    <p>
                        {!! $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 d-flex">
                        <div class="mr-4">
                            @if(Auth::check())
                                <a href="{{url('feeds/home')}}" class="custom-btn px-5 py-3 rounded-2">Alumni Feeds <i class="feather-arrow-up-right"></i></a>
                            @else
                                <a href="{{route('register')}}" class="custom-btn px-5 py-3 rounded-2">Create account</a>
                            @endif
                        </div>
                        <div class="">
                            <a href="{{url('/contact')}}" class="custom-btn-outline px-5 py-3 rounded-2">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-6 col-xl-6">
                <div class="mt-6 d-none-xs">
                    <img src="{{$home_content->hero_section_img ?? asset('assets/images/group-624611.png')}}" alt="" class="w-100">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="custom-bg-white">
    <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="#homeCourse"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h3 class="text-center fw-700">
                    {{$home_content->course_section_title ?? 'Videos from the masterclasses'}}
                </h3>
                <hr class="custom-hr mt-4">
                <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 consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.'}}
                    </p>
                </div>
            </div>
        </div>
        <div class="row justify-content-center mt-4">
            @if(count($display_videos) > 0)
                @foreach ($display_videos as $course)
                    <div class="col-12 col-lg-4 col-xl-4">
                        <div class="card w-100 shadow-xss rounded-lg border-0 mb-3">
                            @if(isset($course->preview))
                                <video controls class="rounded-xxl js-player object-cover" data-plyr-config='{ "ratio": "16:9" }' controlsList="nodownload" data-poster="{{$course->photo}}">
                                    <source src="{{$course->preview}}" type="video/mp4">
                                </video>
                            @endif
                            @if(isset($course->audio))
                                <img src="{{$course->photo}}" class="card-img-top mobile-cus-h w-100 object-cover" alt="{{$course->title}}">
                                <audio id="audio_play" class="js-player" src="{{$course->audio}}" controlsList="nodownload" controls style="width: 100%"></audio>
                            @endif
                            <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>
                @endforeach
            @elseif(count($course_videos) > 0)
                @foreach ($course_videos as $course)
                    <div class="col-12 col-lg-4 col-xl-4">
                        <div class="card w-100 shadow-xss rounded-lg border-0 mb-3">
                            @if(isset($course->preview))
                                <video controls class="rounded-xxl js-player object-cover" data-plyr-config='{ "ratio": "16:9" }' controlsList="nodownload" data-poster="{{$course->photo}}">
                                    <source src="{{$course->preview}}" type="video/mp4">
                                </video>
                            @endif
                            @if(isset($course->audio))
                                <img src="{{$course->photo}}" class="card-img-top mobile-cus-h w-100 object-cover" alt="{{$course->title}}">
                                <audio id="audio_play" class="js-player" src="{{$course->audio}}" controlsList="nodownload" controls style="width: 100%"></audio>
                            @endif
                            <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>
                @endforeach
            @else
                <div class="mt-4">
                    <div class="text-center">
                        <h6 class="mb-4">No courses found</h6>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
<div class="bg-white">
    <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="#homeCourseUser"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h3 class="text-center fw-700">
                    {{$home_content->course_user_section_title ?? 'Top Continuing Legal Education Users'}}
                </h3>
                <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-4 col-xl-4">
                    <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 Ecle User found</h6>
                    </div>
                </div>
            @endforelse

        </div>
    </div>
</div>
<div class="custom-bg-gray">
    <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="#homeContributor"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h3 class="text-center fw-700">
                    {{$home_content->contributor_section_title ?? 'Top Contributors'}}
                </h3>
                <hr class="custom-hr mt-4">
                <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 consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.'}}
                    </p>
                </div>
            </div>
        </div>
        <div class="row justify-content-center my-4">
            @forelse ($contributors as $contributor)
                <div class="col-12 col-lg-4 col-xl-4">
                    <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>
<div class="bg-white">
    <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="#homeMentor"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h3 class="text-center fw-700">
                    {{$home_content->mentor_section_title ?? 'Top Mentors'}}
                </h3>
                <hr class="custom-hr mt-4">
                <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 consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.'}}
                    </p>
                </div>
            </div>
        </div>
        <div class="row my-4">
            @forelse ($mentors as $mentor)
                <div class="col-12 col-xl-4 col-xxl-4 col-lg-4">
                    <div class="text-center 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">No Mentor found</h6>
                    </div>
                </div>
            @endforelse
        </div>
    </div>
</div>
<div class="bg-white">
    <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="#homeQa"></i>
                            </div>
                        </div>
                    @endif
                @endif
                <h3 class="text-center fw-700">
                    {{$home_content->qa_section_title ?? 'Questions & Answers'}}
                </h3>
                <hr class="custom-hr mt-4">
            </div>
            <div class="col-8">
                <div class="mt-4 text-center">
                    <p class="text-center">
                        {{$home_content->qa_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 my-4">
            @forelse ($questions as $question)
                <div class="col-12 col-xl-6 col-xxl-6 col-lg-6">
                    <div class="follow-card {{$question->id == $first_question->id ? 'border' : 'custom-shadow'}} p-6">
                        @php
                            $question_feed = App\Models\Feed::where('id', $question->feed_id)->first();
                            $question_user = App\Models\User::where('id', $question_feed->user_id)->first();
                            $question_like_count = App\Models\Like::where('feed_id', $question->feed_id)->count();
                            $question_comment_count = App\Models\Comment::where('feed_id', $question->feed_id)->count();
                        @endphp
                        <p class="text-muted"> {!! $question_feed->content !!}</p>
                        <div class="my-4 d-flex">
                            <span class="bg-sm-gray">
                               <i class="mdi mdi-heart like"></i> <span class="pl-2">{{$question_like_count}}</span>
                            </span>
                            <span class="bg-sm-gray ml-1-">
                                <i class="mdi mdi-comment-text-multiple"></i> <span class="pl-2">{{$question_comment_count}}</span>
                            </span>
                        </div>
                        <div class="pt-4 border-top-xs">
                            <div class="d-flex">
                                <img src="{{$question_user->avatar}}" class="w50 h50 rounded-circle" style="object-fit: cover">
                                <div class="pl-2">
                                    <h6>{{$question_user->first_name}} {{$question_user->last_name}}</h6>
                                    <p>{{$question_user->area_of_specialization}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <div class="mt-4">
                    <div class="text-center">
                        <h6 class="mb-4">No Question found</h6>
                    </div>
                </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')
@endsection