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

  <main>
        <!--start about header-->
        <section class="pg-header team-head">
            <div class="text text-center">
                <h4 class="mb-0"> فريق العمل </h4>
            </div>
        </section>
        <section class="team-pg">
            <div class="container">
                <div class="row">
                    @foreach($doctors as $row)
                    <div class="col-lg-3 col-md-4 col-sm-12 col-xs-12">
                        <div class="card wow flipInY" data-wow-duration="2s">
                            <div class="image-container">
                            <a href="{{url('doctor'.'/'.$row->id)}}"> <img src="{{asset($row->photo)}}"></a>
                                 <div class="icons">
                             @if(!is_null($row->details->facebook))
                                    <a href="https://{{$row->details->facebook}}">
                                        <i class="fab fa-facebook-f"></i>
                                    </a>
                                    @endif
                                    @if(!is_null($row->details->instagram))
                                    <a href="https://{{$row->details->instagram}}">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                    @endif
                                    @if(!is_null($row->details->whatsapp))
                                    <a href="https://{{$row->details->whatsapp}}">
                                        <i class="fab fa-whatsapp"></i>
                                    </a>
                                    @endif
                                    @if(!is_null($row->details->twitter))
                                    <a href="https://{{$row->details->twitter}}">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                    @endif
                        </div>
                            </div>
                            <div class="card-body text-center">
                                <h5>{{$row->name}}</h5>
                                <p>{{$row->details->specialty->name}}</p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </main>
  

@stop