@foreach($nearestTutors as $t)
@php $fee = getFee($t->teacherClasses) @endphp
<div class="col-xs-12 col-md-6 col-lg-3 mb-5">
<div class="card tutor-card">
<div class="card-avatar text-center">
<a href="{{ route('tutor.detail', $t->slug) }}"  title="{{ $t->user->name }}">
<img class="img tutor-avatar" src="{{ asset($t->user->image) }}">
</a>
@if($t->video_link)
<button class="btn btn-success btn-sm video-link-btn" data-toggle="modal" data-target="#video-link" data-link="{{ str_replace('watch?v=', 'embed/', $t->video_link) }}">
<i class="fa fa-video-camera"></i>
</button>
@endif
@if($t->verification_status) <div class="ribbon"><span>Verified</span></div> @endif
</div>
<div class="card-content">
<h6 class="black tutor-heading"><a href="{{ route('tutor.detail', $t->slug) }}" title="{{ $t->user->name }}">{{ str_limit($t->user->name, 11) }} 
<span class="float-right text-warning">
@for($i=1;$i<=5;$i++)
<i class="fa fa-star{{ $i > $t->rating ? '-o' : '' }}"></i>
@endfor
</span>
</a></h6>
<h6 class="black tutor-subheading">
{{ $t->age }}yr, {{ $t->gender ? 'Male' : 'Female' }} 
<span class="text-success float-right">{{ $fee }}<span class="small">/Month</span></span>
</h6>
<table class="table tutor-table">
<tbody>
<tr>
<th width="30%">
Qualif
</th>
<td width="70%" class="text-right">
{{ $t->qualification }}
</td>
</tr>
<tr>
<th width="30%">
Exp
</th>
<td width="70%" class="text-right">
{{ $t->experience }}yrs
</td>
</tr>
<tr>
<th width="30%">Classes</th>
<td width="70%" class="text-right">
{{ revertSlug(implode(', ', $t->teacherClasses->pluck('class_slug')->toArray())) }}
</td>
</tr>
<tr>
<th width="30%">Subjects</th>
<td width="70%" class="text-right">
{{ revertSlug(implode(', ', $t->teacherSubjects->pluck('subject_slug')->toArray())) }}
</td>
</tr>
</tbody>
</table>
<button class="btn btn-success btn-hire" data-toggle="modal" data-target="#send-request-popup" data-tutor="{{ base64_encode($t->id) }}" data-fee="{{ $fee }}" data-tutorname="{{ $t->user->name }}">Hire Me</button>
<a href="{{ route('tutor.detail', $t->slug) }}" class="btn btn-info">View Profile</a>
</div>
</div>
</div>
@endforeach