@extends('layouts.app')
@section('title', $teacher->user->name)
@section('keywords', $teacher->user->name . ', Home tutor required, A level tutors , Home tutors in lahore , Home tutor wanted , Find tutors online , Tutors in lahore , Qualified Home Tutors , English Home Tutors , The tutors academy ')
@section('description', '  The tutors academy providing quality home tutors in lahore.The tutors are just one click away from your destination.You can select qualified and experienced tutors according to your desire at
         thetutors.pk.We have high ranked tutors who are Professor in Universties  and Colleges.You can easily visit their Tutor profile.Our teachers are result oriented and their main focus is to clear concepts of students.
         Home tutors help students to finding best solution for their queries.Its quite difficult for teacher to give attention to every student in school that is why we are here for providing quality tutor in lahore.')
@section('content')
<div class="tour-title">
    <img  class="w-100 h-100" src="{{ asset('images/bg-banner.jpg') }}" alt="">
    <h2 class="white text-center shadow-text center-text">About <span class="text-warning">{{ $teacher->user->name }}</span></h2>
</div>
<section id="section3" class="single-tutor">
    <div class="container">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-xs-12 col-md-10 col-lg-10">
                <div class="row">
                    <div class="col-md-2 text-center">
                        <img src="{{ asset($teacher->user->image) }}" class="user-avatar">
                    </div>
                    <div class="col-md-7">
                        <h4 id="name" class="black text-left bold">
                            @if($teacher->is_featured) <i class="fa fa-check-circle text-success" title="Featured & Verified Tutor"></i>
                            @elseif($teacher->verification_status) <i class="fa fa-check-circle text-info" title="Verified Tutor"></i> @endif 
                        {{ $teacher->user->name }}</h4>
                        <div class="row">  
                            <div class="col-lg-8 col-sm-12 col-12 text-left">
                                <h6 class="text-warning semibold" id="stars">
                                    @for($i=1;$i<=5;$i++)
                                    <i class="fa fa-star{{ $i > $teacher->rating ? '-o' : '' }}"></i>
                                    @endfor
                                </h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        @if(Auth::id() == $teacher->user_id)
                        <button type="submit" class="btn btn-primary mb-2 mx-4 mx-md-0 mr-lg-2 py-2 mt-4 form-control-inline3 btn-block bg-success" disabled="">Hire Now</button>
                        @else
                        <button type="submit" class="btn btn-primary mb-2 mx-4 mx-md-0 mr-lg-2 py-2 mt-4 form-control-inline3 btn-block btn-hire" data-toggle="modal" data-target="#send-request-popup" data-tutor="{{ base64_encode($teacher->id) }}" data-tutorname="{{ $teacher->user->name }}">Hire Me</button>
                        @endif
                    </div>
                </div>
                @if($teacher->video_link)
                <div class="row mt-3 mb-2">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <iframe style="width: 100%;height: 400px" src="{{ str_replace('watch?v=', 'embed/', $teacher->video_link) }}?autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <div class="col-md-1"></div>
                </div>
                @endif
                <h6 class="black bold mt-4 uppercase">Introduction</h6>
                <div class="separator "></div>
                <ul class="single-tour-container" style="padding: 0px;">
                    <li>
                        <div class="tour-item-title list-font">About Tutor</div>
                        <div class="tour-item-description list-font">{{ $teacher->age }}yrs, {{ $teacher->gender ? 'Male' : 'Female' }}</div>
                    </li>
                    <li>
                        <div class="tour-item-title list-font">Qualification</div>
                        <div class="tour-item-description list-font">{{ $teacher->qualification }}</div>
                    </li>
                    
                    <li>
                        <div class="tour-item-title list-font">Experience</div>
                        <div class="tour-item-description list-font">{{ $teacher->experience }} years</div>
                    </li>
                    <li>
                        <div class="tour-item-title list-font">English Skills</div>
                        <div class="tour-item-description list-font">{{ in_array($teacher->english, [0,1]) ? 'Medium' : 'High' }}</div>
                    </li>
                    <li>
                        <div class="tour-item-title list-font">Teaching In</div>
                        <div class="tour-item-description list-font">{{ $teacher->t_inst ?: 'Not specified' }}</div>
                    </li>
                </ul> 
                <h6 class="black bold mt-4 uppercase">Classes & Subjects</h6>
                <div class="separator "></div>
                <ul class="single-tour-container" style="padding: 0px">         
                    @foreach($teacher->teacherClasses as $tc)         
                    <li>
                        <div class="tour-item-title list-font">{{ strtoupper(revertSlug($tc->class_slug)) }} </div>
                        <div class="tour-item-description list-font">
                            @foreach($teacher->teacherSubjects->where('class_slug', $tc->class_slug) as $ts)
                            <div class="{{ $loop->last ? 'mb-3':'' }}"><i class="fa fa-check-circle text-success"></i>{{ revertSlug($ts->subject_slug) }}</div>
                            @endforeach
                            <p class="fee">
                                <span class="alert alert-info"><b>{{ number_format($tc->full_fee) }}</b><small> /Per Month <b>(For all subjects)</b></small></span>
                                @if($tc->subject_fee)
                                <span class="alert alert-info ml-2"><b>{{ number_format($tc->subject_fee) }}</b><small> /Per Month <b>(Per Subject)</b></small></span>
                                @endif
                            </p>
                        </div>
                    </li>
                    @endforeach
                </ul>
                @if($teacher->teacherCourses)
                <h6 class="black bold mt-4 uppercase">Courses</h6>
                <div class="separator "></div>
                <ul class="single-tour-container" style="padding: 0px">         
                    @foreach($teacher->teacherCourses as $tc)         
                    <li>
                        <div class="tour-item-title list-font"><i class="fa fa-check-circle text-success"></i> {{ strtoupper(revertSlug($tc->course_slug)) }} </div>
                        <div class="tour-item-description list-font">
                            <p class="fee">
                                <span class="alert alert-info"><b>{{ number_format($tc->fee) }}</b><small> /Per Month</small></span>
                            </p>
                        </div>
                    </li>
                    @endforeach
                </ul>
                @endif
                <h6 class="black bold mt-4 uppercase">Preferred Locations</h6>
                <div class="separator "></div>
                <ul class="single-tour-container" style="padding: 0px">         
                    @foreach($teacher->teacherLocations as $tl)         
                    <li>
                        <div class="tour-item-description list-font float-left">
                            <div><i class="fa fa-map-marker text-success mr-2"></i>{{ $tl->location }}</div>
                        </div>
                    </li>
                    @endforeach
                </ul>
                <div class="">    
                    <div class="tour-schedule">
                        <h6 class="black bold mt-4 uppercase">Tutor Detail</h6>
                        <div class="separator "></div>
                        <p>
                            {{ $teacher->detail }}
                        </p> 
                    </div>    
                </div>    

                @if(count($teacher->reviews))
                <div class="comments-container">
                    <h6 class="black bold mt-5 uppercase">Reviews About Tutor</h6>
                    <div class="separator "></div>
                    <ul id="comments-list" class="comments-list">
                        @foreach($teacher->reviews as $r)
                        <li>
                            <div class="comment-main-level mb-4">
                                <div class="comment-avatar"><img src="{{ asset($r->student->image) }}" alt=""></div>
                                <div class="comment-box">
                                    <div class="comment-head">
                                        <h6 class="comment-name "><a href="javascript:;">{{ $r->student->name }}</a></h6>
                                        <div class="text-left"> 
                                            @for($i=1;$i<=5;$i++)
                                            <i class="fa fa-star{{ $i > $teacher->rating ? '-o' : '' }}"></i>
                                            @endfor
                                            <br class="hidebr">
                                            <span class="time-review">{{ diffForHumans($r->created_at) }}</span>
                                        </div>
                                        
                                    </div>
                                    @if($r->review)
                                    <div class="comment-content">
                                        {{ $r->review }}
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </li>
                        @endforeach
                    </ul>
                </div>
                @endif
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
</section>
@endsection