@extends('user.profiler.layouts.topmaster')
@section('title', 'Profiler - Completed')

@section('content')

    <div class="mentor-match-wrapper">
        <div class="left-grid">
            <h1>You've been matched</h1>
            <h4>Based on your responses, you've been matched with the following mentors:</h4>
        </div>
        <div class="right-grid">

        </div>
    </div>
    <div class="mentor-match-main">

        <div class="mentor-match-maincard">
            <div class="mentor-match-grid-vert">
                <div class="mentor-match-grid">
                    @forelse($mentors as $mentor)
                    <div class="our-team">
                        <div class="picture">
                            <img class="img-fluid" src="{{$mentor->mentor->present()->avatar ? $mentor->mentor->present()->avatar  : url('assets/img/profile.png')}}" alt=" {{$mentor->mentor->getFullName()}} profile picture">
                        </div>
                        <div class="team-content">
                            <h3 class="name">{{$mentor->mentor->getFullName()}}</h3>
                            <h4 class="title">{{$mentor->mentor->data['degree'] ?? "Mentor"}}</h4>
                        </div>
                        <div class="social">
{{--                            TODO: Let user view mentors profile--}}
                            <a href="{{route("user.mentor.profile",$mentor->mentor->id)}}">
                                <span class="footer-link">View profile</span>
                            </a>
                        </div>
                    </div>
                    @empty
                        <p>No mentors assigned yet!</p>
                    @endforelse
                </div>

                <div style="display: flex;width: 100%;flex-direction: column;align-items: center;">
                    <div style="display: flex;">
                        <button style="margin-right: 50px" class="start">
                            <a style="color: #fff" href="{{ route('user.dashboard') }}">
                                Go to Dashboard</a
                            >
                        </button>
                        <button class="cancel">
                            <a style="color: #4490ce" href="{{ route('user.profiler.completed') }}">Go Back</a
                            >
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection