@extends('layout', ['profile' => true])
@section('content')
    <!-- blog section start here -->
    <div class="shop-single padding-tb mt-0">
        <div class=" grid grid-cols-12 gap-[20px]">
            <div class="col-span-full d-none d-md-block lg:col-span-1   "></div>
            @include('profile._aside', ['active' => 'profile'])

            <div class="col-span-full sm:col-span-11 md:col-span-7 lg:col-span-5 mt-5 mx-[20px] md:mx-0" style=" min-height: 25vw; ">
                <div class=" my-2 mx-auto mx-md-1 d-block text-center"  style=" width: max-content; ">
                    <span class="font-roboto text-[20px] font-semibold  block text-[#101115] ">{{ __e('Welcome') }}
                        {{ auth()->user()->en_f_name }}!

                    </span>
                </div>
                <!-- mob dashboard  -->
                @include('profile._mob_profile', ['active' => 'profile'])

                <!-- mob dashboard  -->

                <!--session card-->
                @php
                    $today_session = false;
                    $currentCourses = auth()
                        ->user()
                        ->course_customer()
                        ->where('confirmation', 'Confirmed')
                        ->whereHas('course', function ($q) {
                            $q->where('course_status_id', 2);
                        })
                        ->get();
                @endphp



                @foreach ($currentCourses as $currentCourse)
                    @if ($today_lecture = $currentCourse->course->course_sessions()->whereDate('session_date', '=', date('Y-m-d'))->where('status', '!=', 'completed')->orderBy('session_date', 'ASC')->first())
                        @if (!$today_session)
                            @php $today_session= true ; @endphp

                            <span
                                class="text-[#B0B0B0] font-roboto text-[14px] mb-2 block">{{ __e('Stay tuned, you have a session today.') }}</span>
                        @endif
                        <div class="w-full   bg-[#38A7B8] rounded d-md-flex justify-between items-center bg-no-repeat my-2"
                            style="background-image: url('icons/circle2.png');">
                            <div class="flex flex-col p-3 gap-2">
                                <span class="text-white font-roboto text-[16px] sm:text-[20px] font-medium">
                                    {{ $currentCourse->course_name() }}
                                </span>
                                <span
                                    class="text-white font-roboto text-[12px] sm:text-[14px]">{{ __e('The session will start in') }}
                                    {{ $today_lecture->after() }}</span>
                            </div>
                            <div class="mx-2">
                                @livewire('join-session-component', ['session_id' => $today_lecture->id])
                            </div>


                        </div>
                    @endif
                @endforeach
                @if (!$today_session)
                    <div class="alert alert-warning my-2">{{ __e('you dont have a session today.') }}</div>
                @endif
                <!--current courses cards-->
                <span class="font-roboto text-[20px] text-[#101115] mb-2 mt-4 block">{{ __e('Current Courses') }}</span>
                @if ($currentCourses->count())
                <div class="grid grid-cols-1 md:grid-cols-2 gap-2">

                        @foreach ($currentCourses as $courseCustomer)
                            @php
                                $course = $courseCustomer->course;
                                $attendance_percentage = $courseCustomer->get_attendance_percentage() * 100;
                                $color = $attendance_percentage > 50 ? '#EB695D' : '#38A7B8';
                            @endphp
                            @include('profile._current_course', [
                                'color' => $color,
                                'attendance_percentage' => $attendance_percentage,
                                'course' => $courseCustomer->course,
                                'route' => null,
                            ])
                        @endforeach

                </div>
                @else
                        <div class="alert alert-warning my-2">{{ __e('you dont have a current Course') }}</div>
                    @endif
                <span class="font-roboto text-[20px] text-[#101115] mb-2 mt-4 block">{{ __e('Finished Courses') }}</span>
                @php
                    $finishedCourses = auth()
                        ->user()
                        ->course_customer()
                        ->where('confirmation', 'Confirmed')
                        ->whereHas('course', function ($q) {
                            $q->whereIn('course_status_id', [6, 7]);
                        })
                        ->get();
                @endphp
                @if ($finishedCourses->count())
                    @foreach ($finishedCourses as $courseCustomer)
                        <!--Certificate-->
                        <div class="w-full h-[100px] bg-[#fff] my-2 rounded flex justify-between items-center bg-no-repeat bg-right drop-shadow-[0_0_7px_rgba(0,0,0,0.05)]"
                            style="background-image: url('icons/circle.svg');">
                            <div class="flex flex-col p-3 gap-2">
                                <span
                                    class="text-[#101115] font-roboto text-[16px] sm:text-[20px] font-medium">{{ $courseCustomer->course_name() }}</span>
                                <span
                                    class="text-[#ababab] font-roboto text-[12px] sm:text-[14px]">{{ $courseCustomer->course->instructor ? __e('With') . ' ' . $courseCustomer->course->instructor->name : '' }}</span>
                                <a href="{{ route('myCourses.overview', ['course' => $courseCustomer->course->id]) }}"
                                    target="_blank">
                                    <button
                                        class="flex justify-end mr-3 text-[14px] sm:text-[16px] text-[{{ $color ?? null }}]">{{ __e('Overview') }}</button>
                                </a>
                            </div>
                            @if ($courseCustomer->getCertificat())
                                <a target="_blank"
                                    href="{{ route('myCourses.certificate', ['course' => $courseCustomer->course->id]) }}"
                                    class="w-[120px] h-[40px] bg-[#EB695D] mx-2 rounded flex items-center justify-center">
                                    <span class="text-white font-roboto text-[14px] ">
                                        {{ __e('Certificate') }} <i class="fa fa-eye"></i>
                                    </span>
                                </a>
                            @endif
                        </div>
                    @endforeach
                @else
                    <div class="alert alert-warning my-2">{{ __e('you dont have a finished Course') }}</div>
                @endif
            </div>
            <!-----this div here to take sidebar space in case of u make sidebar fixed delete it------>
            <div class="md:hidden"></div>
            <!------------------>
            <!--side cards-->
            <div class=" col-span-full sm:col-span-11 md:col-span-4  mx-[20px] sm:mr-[20px] sm:ml-0" >
                <div class="mt-5">
                    @foreach ($currentCourses as $courseCustomer)
                        @php
                            $today_lecture = $courseCustomer->course
                                ->course_sessions()
                                ->whereDate('session_date', '=', date('Y-m-d'))
                                ->orderBy('session_date', 'ASC')
                                ->first();
                            // ->get();
                        @endphp
                        {{-- @dd($today_lecture) --}}
                        @if ($today_lecture)
                            <aside>
                                <span
                                    class="font-roboto text-[20px] text-[#101115] my-4 block">{{ __e('Upcoming schedule') }}</span>
                                <div class=" h-[150px] bg-white drop-shadow-[0_0_7px_rgba(0,0,0,0.05)] rounded flex">
                                    <div class="h-full w-[5px] bg-[#38A7B8] rounded-l"></div>
                                    <div class="w-full">
                                        <div class="flex justify-between p-3">
                                            <span
                                                class="font-roboto text-[20px] md:text-[16px] xl:text-[20px] text-[#101115]  inline-block">
                                                {{ $courseCustomer->course_name() }}
                                            </span>
                                        </div>
                                        <div class="px-3 flex gap-2 items-center">
                                            <img class="w-[15px] h-[15px] inline-block " src="icons/calendar.png"
                                                alt="">
                                            <span
                                                class="font-roboto text-[16px] md:text-[12px] xl:text-[16px] text-[#ababab]  inline-block">{{ $today_lecture->session_date }}</span>
                                            <div class="h-[25px] w-[1px] bg-gray-300 mx-2"></div>
                                            <img class="w-[15px] h-[15px] inline-block " src="icons/clock.png"
                                                alt="">
                                            <span
                                                class="font-roboto text-[16px] md:text-[12px] xl:text-[16px] text-[#ababab]  inline-block">{{ $today_lecture->from }}</span>
                                        </div>
                                        <div class="p-3 flex justify-between items-center">
                                            <span
                                                class="font-roboto text-[16px] md:text-[12px] xl:text-[16px] text-[#ababab]">{{ $courseCustomer->course->instructor ? __e('With') . ' ' . $courseCustomer->course->instructor->name : '' }}</span>
                                            @if ($today_lecture->status == 'completed' && $today_lecture->is_recorded)
                                                <div
                                                    class="w-[30%]  h-[25px] bg-gray-100 border rounded flex items-center justify-center">
                                                    <a target="_blank" href="{{ $today_lecture->is_recorded }}"
                                                        class="text-blue-600 font-roboto text-[12px]">{{ __e('Session') }}</a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </aside>
                        @endif
                    @endforeach
                    @foreach ($currentCourses as $courseCustomer)
                        @php
                            $course_customer_exam = $courseCustomer
                                ->course_customer_exams()
                                ->whereNotNull('token')
                                ->where('customer_id', $courseCustomer->customer_id)
                                ->where('course_customer_id', $courseCustomer->id)
                                ->first();
                        @endphp
                        @if ($course_customer_exam)
                            <aside>
                                <span
                                    class="font-roboto text-[20px] text-[#101115] my-4 block">{{ __e('Upcoming schedule') }}</span>
                                <div class=" h-[150px] bg-white drop-shadow-[0_0_7px_rgba(0,0,0,0.05)] rounded flex">
                                    <div class="h-full w-[5px] bg-[#EB695D] rounded-l"></div>
                                    <div class="w-full">
                                        <div class="flex justify-between p-3">
                                            <span
                                                class="font-roboto text-[20px] md:text-[16px] xl:text-[20px] text-[#101115]  inline-block">
                                                {{ $courseCustomer->course_name() }}
                                            </span>
                                        </div>
                                        <div class="px-3 flex gap-2 items-center">
                                            <img class="w-[15px] h-[15px] inline-block " src="icons/calendar.png"
                                                alt="">
                                            <span
                                                class="font-roboto text-[16px] md:text-[12px] xl:text-[16px] text-[#ababab]  inline-block">{{ $today_lecture->session_date }}</span>
                                            <div class="h-[25px] w-[1px] bg-gray-300 mx-2"></div>
                                            <img class="w-[15px] h-[15px] inline-block " src="icons/clock.png"
                                                alt="">
                                            <span
                                                class="font-roboto text-[16px] md:text-[12px] xl:text-[16px] text-[#ababab]  inline-block">{{ $today_lecture->from }}</span>
                                        </div>
                                        <div class="p-3 flex justify-between items-center">
                                            <span
                                                class="font-roboto text-[16px] md:text-[12px] xl:text-[16px] text-[#ababab]">{{ $courseCustomer->course->instructor ? __e('With') . ' ' . $courseCustomer->course->instructor->name : '' }}</span>
                                            <a href="{{ route('profile.exam', $course_customer_exam->token) }}">
                                                <button
                                                    class="w-[120px] h-fit mr-3 border border-[#FCFCFC] bg-[#FCFCFC] text-[#EB695D] rounded-sm py-1 text-sm">Exam</button>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </aside>
                        @endif
                    @endforeach
                </div>
            </div>
            <!--side cards ends here-->
        </div>
    </div>
    <!-- blog section 200 ending here -->
@endsection