@extends('front.master')

@section('title', 'Team Details')

@section('content')

<section class="teacher-details" style="padding-top:140px">
    <div class="container">
        <div class="row teachers-row justify-content-center">
            <div class="col-lg-5 col-md-6 col-sm-8 teachers-col">
                <div class="single-teacher-details text-center">
                    @if ($meetDetails->image)
                        <div class="teacher-image">
                            <img src="{{asset('uploads/meetabouts/'.$meetDetails->image)}}" width="373" height="503" alt="teacher">
                        </div>
                    @endif
                </div>
            </div>
            <div class="col-lg-5 teachers-col" style="display:flex">
                <div class="teacher-details-content" style="margin:auto">
                    <h4 class="teacher-name" style="color:black">{{ $meetDetails->name ?? "" }}</h4>
                    <span class="designation">{{ $meetDetails->designation ?? "" }}</span>
                    <p>{{  $meetDetails->title ?? ""}}.</p>
                    <ul class="teacher-contact">
                        <li><i class="fa fa-envelope" style="margin-right:10px"></i> <a target="_blank" href="mailto:{{ $meetDetails->email ?? '' }}">{{ $meetDetails->email ?? '' }}</a></li>
                        <li><i class="fa fa-calendar-alt" style="margin-right:10px"></i> <a href="_span%20style%3d%27font-family_Arial%27_/_/span_calendly.com_span%20style%3d%27font-family_Arial%27_/_/span_darine_span%20style%3d%27font-family_Arial%27_-_/span_chatila.html">https:<span style='font-family:Arial'>//</span>calendly.com<span style='font-family:Arial'>/</span>darine<span style='font-family:Arial'>-</span>chatila</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row col-lg-12 teacher-details-content" style="padding-top:30px">
            <h4 class="teacher-name" style="color:black">Bio</h4>
            <p>{!! $meetDetails->description !!}</p>
        </div>

    </div>
</section>

@endsection