@extends('layouts.landing')

@section('title', 'Mentor')

@section('content')
    <div class="row mobile-mt-10">
        <div class="col">
            <h4>Mentors</h4>
        </div>
        @if(!$applied_mentor && Auth::user()->isUser())
            <div class="col-auto">
                <a href="{{route('mentor.apply.step.one')}}" class="btn custom-btn text-white">
                    <i class="fe fe-plus"></i> Become a mentor
                </a>
            </div>
        @endif
    </div>

    <div class="row ">
        <div class="col">
            <ul class="nav nav-tabs nav-overflow header-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="mentor-tab" data-toggle="tab" href="#mentor" role="tab" aria-controls="pending" aria-selected="true">
                        Mentors
                    </a>
                </li>
                @if(Auth::user()->isSuperAdmin() || Auth::user()->isTenant() || Auth::user()->isAdmin())
                    <li class="nav-item">
                        <a class="nav-link" id="pending-tab" data-toggle="tab" href="#pending" role="tab" aria-controls="pending" aria-selected="false">
                            Pending Mentors
                        </a>
                    </li>
                @endif
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="tab-content" id="wizardSteps">
            <div class="tab-pane fade show active" id="mentor" role="tabpanel" aria-labelledby="mentor-tab">
                <div class="row my-4">
                    <div class="col-12 col-lg-6 col-xl-6">
                        <form action="{{url('/mentors')}}" method="GET" class="float-left form-bg header-search w-100" role="search">
                            <div class="form-group mb-0 icon-input bor-20">
                                <i class="feather-search course-icon font-lg text-grey-500"></i>
                                <input type="text" name="search" id="navbar-search" placeholder="Search for mentors" value="{{@$mentor_search}}" class="custom-border bor-20 custom-global-search w-100 border-0 pt-2 pb-2 ps-5 pe-3 fw-500 w350" style="background: #f0f2fd;">
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row mt-2">
                    @if(count($mentors) > 0)
                        @foreach ($mentors as $mentor)
                            <div class="col-12 col-md-3 col-lg-3 col-xl-3 text-center">
                                <div class="card w-100 shadow-xss rounded-xxl border-0 ps-4 pt-4 pe-4 pb-3 mb-3">
                                    @php
                                        $user = App\Models\User::where('id', $mentor->user_id)->first();
                                        $mentor_profile = App\Models\MentorProfile::where('mentor_id', $mentor->id)->first();
                                    @endphp
                                    <div class="rounded-circle pt-5">
                                        @if($user->avatar)
                                            <img src="{{$user->avatar}}" class="shadow-sm rounded-circle w100 h100" style="object-fit: cover" alt="">
                                            @else
                                            <img src="{{asset('assets/images/user-avatar.jpg')}}" class="shadow-sm rounded-circle w100" alt="">
                                        @endif
                                    </div>
                                    <h5 class="mt-2 mb-2"> {{$user->first_name}} {{$user->last_name}}</h5>
                                    <p class="text-muted">{{$mentor_profile->designation}}
                                    </p>
                                    <div class="text-warning">
                                        <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                                    </div>
                                    <p class="mt-4">
                                        <a href="{{route('mentor.profile', $mentor->id)}}" class="btn gt-btn-blue pl-5 pr-5">View Profile</a>
                                    </p>
                                </div>
                            </div>
                        @endforeach
                        @else
                        <div class="mt-6">
                            <div class="text-center">
                                <h6 class="mb-4"><i class="feather-user"></i> No Mentors available at the moment</h6>
                            </div>
                        </div>
                    @endif

                </div>
            </div>
            <div class="tab-pane fade" id="pending" role="tabpanel" aria-labelledby="pending-tab">
                <div class="row mt-2">
                    @if(count($pending_mentors) > 0)
                        @foreach ($pending_mentors as $mentor)
                            <div class="col-12 col-md-3 col-lg-3 col-xl-3 text-center">
                                <div class="card w-100 shadow-xss rounded-xxl border-0 ps-4 pt-4 pe-4 pb-3 mb-3">
                                    @php
                                        $user = App\Models\User::where('id', $mentor->user_id)->first();
                                        $mentor_profile = App\Models\MentorProfile::where('mentor_id', $mentor->id)->first();
                                    @endphp
                                    <div class="rounded-circle pt-5">
                                        @if($user->avatar)
                                            <img src="{{$user->avatar}}" class="shadow-sm rounded-circle w100 h100" style="object-fit: cover" alt="">
                                            @else
                                            <img src="{{asset('assets/images/user-avatar.jpg')}}" class="shadow-sm rounded-circle w100" alt="">
                                        @endif
                                    </div>
                                    <h5 class="mt-2 mb-2"> {{$user->first_name}} {{$user->last_name}}</h5>
                                    <p class="text-muted">{{$mentor_profile->designation}}
                                    </p>
                                    <div class="text-warning">
                                        <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                                    </div>
                                    <p class="mt-4">
                                        <a href="{{route('mentor.profile', $mentor->id)}}" class="btn gt-btn-blue pl-5 pr-5">View Profile</a>
                                    </p>
                                </div>
                            </div>
                        @endforeach
                        @else
                        <div class="mt-6">
                            <div class="text-center">
                                <h6 class="mb-4"><i class="feather-user"></i> No Mentors available at the moment</h6>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection