@extends('web.layouts.main')
@section('content')

 
 <main>
        <!--start doctor-->
        <section class="doctor">
            <div class="doctor-heading">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-7 col-md-4 col-sm-12 col-xs-12 mr-auto">
                            <div class="text">
                                <h3 class="mb-3">DR.{{$doctor->name}}</h3>
                                <h6>@foreach($experiences as $key=>$row) @if($key != '0') /  @endif {{$row->name}} @endforeach</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 col-md-4 col-sm-12 col-xs-12">
                        <img src="{{asset($doctor->photo)}}" class="doc-img" alt="">
                        <div class="responsive-table">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <td><b>Degrees</b></td>
                                        <td>{{$doctor->details->degree}}</td>
                                    </tr>
                                    <tr>
                                        <td><b>Areas of Expertise</b></td>
                                        <td>
                                        @foreach($experiences as $key=>$row)
                                        <span><i class="fas fa-angle-double-left"></i> {{$row->name}}</span>
                                        @endforeach
                                          
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><b>Languages</b></td>
                                        <td>@foreach($langs as $key=>$row) @if($key != '0') / @else @endif {{$row->language}} @endforeach</td>
                                    </tr>
                                    <tr class="last-tr">
                                        <td><b>Work Days</b></td>
                                        <td>{{$doctor->details->work_days}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="icons">
                            <a href="{{$doctor->details->facebook}}">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                            <a href="{{$doctor->details->instagram}}">
                                <i class="fab fa-instagram"></i>
                            </a>
                            <a href="{{$doctor->details->whatsapp}}">
                                <i class="fab fa-whatsapp"></i>
                            </a>
                            <a href="{{$doctor->details->twitter}}">
                                <i class="fab fa-twitter"></i>
                            </a>
                        </div>
                        <a href="{{url('/requests')}}" class="book-btn">
                             إحجز موعد الآن
                           </a>
                    </div>
                    <div class="col-lg-7 col-md-8 col-sm-12 col-xs-12">
                        <div class="doc-info">
                            <p>
                              {{$doctor->details->description}}
                            </p>
                           
                            <div class="experience-wrapper">
                                
                                <h5 class="experience">Experience</h5>
                                @foreach($experiences as $key=>$row)
                                <p>
                                    <i class="fas fa-angle-double-left"></i>{{$row->description}}.
                                </p>
                               @endforeach
                            </div>
                            <div class="certificates-wrapper">
                                <h5 class="certificates">Diplomas and Certificates</h5>
                                <div class="row">
                                   @foreach($images as $row)
                                    <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                        <a href="{{asset($row->image)}}" data-fancybox="images">
                                            <img src="{{asset($row->image)}}">
                                        </a>
                                    </div>
                                 @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- <img src="images/doctors-shape.png" class="doc-l"> -->
        </section>
    </main>
   
@stop