@extends('layouts.welcome')
@section('content')
    <!-- Shape Start -->
    <div class="relative py-3 bg-light">
        <div class="shape overflow-hidden text-white">
            <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
                <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#f5f4f9"></path>
            </svg>
        </div>
    </div>
    <!--Shape End-->

    <!--User Profile-->
    <section class="sptb  profile-1">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <div class="card rounded shadow-lg" style="background: rgb(42,94,115);">
                        <div class="card-body">
                            <div class="wideget-user">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <div class="wideget-user-desc text-center">
                                            <div class="wideget-user-img">
                                                @if ( !$teacher->image)
                                                <img class="brround" src="{{$teacher->gender == 'male' ? env('SECURE_ASSETS').'/images/users/user-male.png' : env('SECURE_ASSETS').'/images/users/user-female.png'}}" width="100" alt="img" >
                                                    @else
                                                    <img class="brround" src="{{ $teacher->getImage($teacher->image)}}" width="100" alt="img">
                                                @endif
                                            </div>
                                            <div class="user-wrap wideget-user-info">
                                                <a href="javascript:void(0)"><h4 class="font-weight-semibold text-white">{{ $teacher->first_name.' '.$teacher->middle_name.' '.$teacher->last_name }}</h4></a>
                                                <span class="text-white">Member Since {{ $teacher->created_at->format('F') }} {{ $teacher->created_at->format('Y') }}</span>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 text-center">
                                        <div class="wideget-user-info ">
                                            <div class="wideget-user-icons mt-2">
                                                @if ($teacher->facebook)
                                                    <a target="_blank" href="{{ $teacher->facebook }}" class="mt-0"><i class="fa fa-facebook"></i></a>
                                                @endif
                                                @if ($teacher->whatsapp)
                                                    <a href="javascript:void(0)" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ $teacher->whatsapp }}"><i class="fa fa-whatsapp"></i></a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if ($suggested_teachers->count() > 0)

                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Suggested Teachers</h3>
                        </div>
                        <div class="card-body">
                            <ul>
                                @foreach ($suggested_teachers as $suggested)
                                    <li class="mb-3">
                                        <a href="{{ route('homePage.teacher_profile',$suggested->id) }}">
                                            <div class="d-flex">
                                                <span class="avatar avatar-md d-block brround cover-image me-2" data-bs-image-src="{{ $suggested->getImage($suggested->image) }}" ></span>
                                                <div class="my-auto"><a href="{{ route('homePage.teacher_profile',$suggested->id) }}" class="text-dark font-weight-semibold d-block">{{ $suggested->first_name.' '.$suggested->last_name }}</a></div>
                                            </div>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="col-lg-9">
                    <div class="">
                        <div class="ps-0 pb-5">
                            <div class="wideget-user-tab">
                                <div class="tab-menu-heading">
                                    <div class="tabs-menu1">
                                        <ul class="nav">
                                            <li class="ms-0"><a href="#tab-profile" class="active ms-0" data-bs-toggle="tab">Profile</a></li>
                                            <li><a href="#tab-corses" data-bs-toggle="tab" class="">Courses List</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="border-0">
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab-profile">
                                <div class="card mb-0">
                                    <div class="card-body">
                                        <div class="profile-log-switch">
                                            <div class="media-heading">
                                                <h3 class="card-title mb-3 font-weight-bold">Personal Details</h3>
                                            </div>
                                            <ul class=" mb-3">
                                                <li><a href="javascript:void(0)"><span class="font-weight-bold text-default-dark">Full Name :</span> <span class="user-1"> {{ $teacher->first_name.' '.$teacher->middle_name.' '.$teacher->last_name }}</span></a></li>
                                                <li><a href="javascript:void(0)"><span class="font-weight-bold text-default-dark">Email :</span> <span class="user-1"> {{ $teacher->email }}</span></a></li>
                                                <li><a href="javascript:void(0)"><span class="font-weight-bold text-default-dark">Phone :</span> <span class="user-1"> {{ $teacher->phone }} </span></a></li>
                                            </ul>
                                            <div class="row profie-img">
                                                <div class="col-md-12">
                                                    <div class="media-heading">
                                                        <h3 class="card-title mb-3 font-weight-bold">Biography</h3>
                                                    </div>
                                                    <p>{!!  html_entity_decode($teacher->body) !!}</p>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane userprof-tab" id="tab-corses">
                                <div class="card bg-transparent border-0 shadow-none mb-0">
                                    <div class="card-body p-0">
                                        <div class="row">
                                            @foreach ($teacher_courses as $course)
                                            <div class="col-xl-12 col-lg-12 col-md-12">
                                                <div class="row">
                                                    <div class="col-lg-12 col-md-12 col-xl-12">
                                                        <div class="card overflow-hidden">
                                                            <div class="ribbon ribbon-top-left ">
                                                                <span
                                                                    class="bg-primary">{{ $course->esname }}</span>
                                                            </div>
                                                            <div class="d-md-flex">
                                                                <!-- Single Course -->
                                                                <!-- Course image -->
                                                                <div class="item-card9-img w-40">
                                                                    <div class="item-card9-imgs">
                                                                        <a
                                                                            href="{{ route('homePage.courseDetails', $course->coffid) }}"></a>
                                                                        <img src="{{env('SECURE_ASSETS').'/images/course.png'}}"
                                                                            alt="{{ $course->cname }}"
                                                                            class="cover-image ">
                                                                    </div>
                                                                    @if ($course->has_label)
                                                                        <div class="item-overly-trans">
                                                                        <a href="" class="bg-danger">{{ $course->label }}</a>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                                <!-- Course Info -->
                                                                <div class="card border-0 mb-0">
                                                                    <div class="card-body p-0">
                                                                        <div
                                                                            class="item-card9 ps-5 pt-5">
                                                                            <a href="{{ route('homePage.courseDetails', $course->coffid) }}"
                                                                                class="text-default-dark">
                                                                                <h3
                                                                                    class="">
                                                                                    {{ $course->cname }}
                                                                                </h3>
                                                                            </a>
                                                                            <div
                                                                                class="font-weight-semibold  mt-4">
                                                                                <div class="d-flex">
                                                                                    <div class="me-3">
                                                                                        <h4
                                                                                            class="badge badge-primary">
                                                                                            {{ $course->lshort_name }}
                                                                                        </h4>
                                                                                    </div>
                                                                                    <div class=" me-3">
                                                                                        <h4
                                                                                            class="badge badge-light" >
                                                                                            {{ $course->sname }}
                                                                                            {{ $course->year }}

                                                                                        </h4>
                                                                                    </div>

                                                                                    <div class="me-3">
                                                                                        <h4 class="badge badge-danger" >{{ $course->bname }}</h4>
                                                                                    </div>

                                                                                </div>
                                                                            </div>
                                                                            <p
                                                                                class="mb-0 mt-1 lead w-90">
                                                                                {{ Str::limit($course->cdescription, 100, '....') }}
                                                                            </p>
                                                                            <div
                                                                                class="mt-2 mb-2 float-end ">
                                                                                <ul
                                                                                    class="icon-card-1">
                                                                                    <a href="#">
                                                                                        <li
                                                                                            class="me-3">
                                                                                            <span
                                                                                                class="fs-14"><i
                                                                                                    class="fa fa-users "></i>
                                                                                                {{ $course->ttname }}
                                                                                            </span>
                                                                                        </li>
                                                                                    </a>

                                                                                    <li
                                                                                        class="me-3">
                                                                                        <a href="{{ route('homePage.courseDetails', $course->coffid) }}"
                                                                                            class="badge badge-primary">@lang('student.course details')</a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                        <div class="border-top ps-5 mt-7" style="clear:both">
                                                                            <div
                                                                                class="d-flex">
                                                                                <h4
                                                                                    class="font-weight-semibold fs-12 text-dark mt-4 me-4">
                                                                                    <i
                                                                                        class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                                    {{ $course->fee_per_lesson_total }}
                                                                                    @lang('student.EGP') / @lang('student.lesson')
                                                                                </h4>
                                                                                @if ($course->fee_per_course_total > 0)
                                                                                <h4
                                                                                    class="font-weight-semibold fs-12 text-dark mt-4 me-4">
                                                                                    <i
                                                                                        class="fa fa-money mt-0 fs-18 me-2"></i>
                                                                                        @if ($course->by_month)
                                                                                            {{$course->fee_course_per_month}}
                                                                                            @lang('student.EGP') / @lang('student.month')
                                                                                        @elseif ($course->course_discount > 0 )
                                                                                            <span class="strike-text text-default">{{$course->fee_per_course_total}}</span>
                                                                                            {{ $course->fee_per_course_total - ($course->fee_per_course_total * ($course->course_discount / 100)) }}
                                                                                            @lang('student.EGP') / @lang('student.course')
                                                                                        @else
                                                                                            {{$course->fee_per_course_total}}
                                                                                            @lang('student.EGP') / @lang('student.course')
                                                                                        @endif
                                                                                </h4>
                                                                                @endif
                                                                                @if($course->allow_enrollment)
                                                                                <h4
                                                                                    class="font-weight-semibold fs-12 text-dark mt-4 ms-3">
                                                                                    <i
                                                                                        class="fa fa-check-square text-success mt-0 fs-18 me-2"></i>

                                                                                    @lang('student.enrollment-opened')
                                                                                </h4>
                                                                                @else
                                                                                <h4
                                                                                    class="font-weight-semibold fs-12 text-dark mt-4 ms-3">
                                                                                    <i
                                                                                        class="fa fa-window-close text-danger mt-0 fs-18 me-2"></i>

                                                                                    @lang('student.enrollment-closed')
                                                                                </h4>
                                                                                @endif

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>

                                </div>
                              <!--Coursed Listing-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection