@php
    $metas = null;
@endphp
@extends('master')
@section('main_content')
{{-- {{dd($mentor);}} --}}
      <section class="view-all choose-session">
         <div class="container-fluid">
            <div class="row justify-content-center">
               <div class="col-xl-10 col-lg-11">
                  <div class="view-all-databox">
                     <div class="row justify-content-center">
                      
                        <div class="col-lg-12">
                           <div class="row">

                              <div class="col-lg-7">
                                <div class="profile-top">
                                    <div class="img">
                                       <img data-lazysrc="{{asset($mentor->image?$mentor->image:'images/default.png')}}" alt="">
                                    </div>
                                    <div class="cont">
                                       <h1>{{$mentor->name}} </h1>
                                       <p>{{$mentor->designation}}</p>
                                      
                                          <span><i class="fa fa-star"></i> {{$mentor->rating}}</span>
                                           {{-- @if (isset($mentor->linkedin))
                                              <li><a href="{{$mentor->linkedin}}"><i class="fa fa-linkedin"></i></a></li>
                                           @endif
                                           @if (isset($mentor->twitter))
                                              <li><a href="{{$mentor->twitter}}"><i class="fa fa-twitter"></i></a></li>
                                           @endif --}}
                                         
                                      
                                       {{-- <span>65 Mentorship call taken</span> --}}
                                      
                                    </div>
                                    {{-- <div class="btn-area">
                                       <a href="#" class="fill-btn">Book Now</a>
                                    </div> --}}
                                 </div>
                                 <div class="bottom-details">
                                    <h2>Area of Expertices</h2>
                                    @foreach (explode(',', $mentor->area_of_expertise) as $item)
                                    
                                        @if (!empty(trim($item)))
                                            
                                        <span>{{$item}}</span>
                                        
                                        @endif
                                    
                                    @endforeach
                                    {{-- <span>Data Mining</span>
                                    <span>Machine Learning</span>
                                    <span>Product Management</span> --}}
                                    <h3>About</h3>
                                    <p>{{$mentor->about}}</p>
                                    <h4>Languages Spoken</h4>
                                    <p>{{$mentor->languages}}</p>
                                    <h4>Experience</h4>
                                    <p>{{date("Y") - $mentor->active_since}}+</p>
                                    {{-- <ul>
                                       <li><img data-lazysrc="{{asset('images/mentors/company.png')}}" alt=""></li>
                                       <li>Data Scientist</li>
                                    </ul> --}}
                                    <h4 class="mb-4">Social Media</h4>
                                    @if (isset($mentor->linkedin))
                                    <div class="social-media">
                                        <div class="icon">
                                           <img data-lazysrc="{{asset('images/mentors/linkedin.png')}}" alt="">
                                        </div>
                                        <div class="cont">
                                           <p>{{$mentor->name}}</p>
                                        </div>
                                        <div class="view-pro">
                                           <a href="{{$mentor->linkedin}}" target="_blank">View Profile</a>
                                        </div>
                                     </div>
                                    
                                    @endif
                                    @if (isset($mentor->twitter))
                                    <div class="social-media mb-4">
                                        <div class="icon">
                                           <img data-lazysrc="{{asset('images/mentors/twitter.png')}}" alt="">
                                        </div>
                                        <div class="cont">
                                           <p>{{$mentor->name}}</p>
                                        </div>
                                        <div class="view-pro">
                                           <a href="{{$mentor->twitter}}" target="_blank">View Profile</a>
                                        </div>
                                     </div>
                                        
                                    @endif
                                   
                                    
                                    {{-- <h4 class="mb-4">Rating & Reviews</h4>
                                    <div class="rating-review">
                                       <div class="icon-star"><span><i class="fa fa-star"></i> 5.0</span></div>
                                       <div class="text">
                                          <p>53 ratings given for Linda Oranya</p>
                                       </div>
                                    </div> --}}
                                 </div>
                              </div>
                              <div class="col-lg-5">
                                 <div class="side-area">
                                    <div class="row">
                                       <div class="col-lg-12">
                                          <h2>Choose a Session Type</h2>
                                       </div>

                                       @foreach ($sessions as $session)
{{-- {{dd($session);}} --}}
                                        <div class="col-lg-12 col-md-6 mb-4">
                                            <div class="big-box">
                                            <div class="top-section">
                                                <img data-lazysrc="{{asset($session->image?$session->image:'images/default.png')}}" alt="">
                                            </div>
                                            <div class="cont">
                                                <div class="video-icon">
                                                    <h3>{{$session->title}}</h3>
                                                    <div class="icon flex">
                                                        <i class="fa fa-video-camera"></i><span>{{$session->duration}} mins</span>
                                                    </div>
                                                </div>
                                                <p>{{$session->description}}</p>
                                                <div class="botm-box">
                                                    <div class="price-box">
                                                        <div class="price"><i class="fa fa-inr"></i> {{$session->old_price}}</div>
                                                        <div class="current-price"><i class="fa fa-inr"></i> {{$session->price}}</div>
                                                    </div>
                                                    <a href="{{$session->link}}" class="fill-btn">Book Now</a>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                       @endforeach
                                       
                                       {{-- <div class="col-lg-12 col-md-6 mb-4">
                                          <div class="big-box">
                                             <div class="top-section">
                                                <img data-lazysrc="images/mentors/sec-icon-2.png" alt="">
                                             </div>
                                             <div class="cont">
                                                <div class="video-icon">
                                                   <h3>Resume Review</h3>
                                                   <div class="icon flex">
                                                      <i class="fa fa-video-camera"></i><span>45 mins</span>
                                                   </div>
                                                </div>
                                                <p>Your CV is not attracting the right opportunities? Our Career experts can help with that!</p>
                                                <div class="botm-box">
                                                   <div class="price-box">
                                                      <div class="price"><i class="fa fa-inr"></i> 2200</div>
                                                      <div class="current-price"><i class="fa fa-inr"></i> 1500</div>
                                                   </div>
                                                   <a href="#" class="fill-btn">Book Now</a>
                                                </div>
                                             </div>
                                          </div>
                                       </div> --}}
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
@endsection