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

 <main>
        <!--start header-->
        <header>
            <div class="swiper-head swiper-container-initialized swiper-container-horizontal">
                <div class="swiper-wrapper">
                  @foreach($sliders as $row)
                    <div class="swiper-slide">
                        <img src="{{asset($row->image)}}" alt="">
                    </div>
                  @endforeach
                </div>
                <!-- Add Pagination -->
                <div class="swiper-numbers swiper-pagination-fraction">
                    <span class="swiper-pagination-current">2</span> /
                    <span class="swiper-pagination-total">2</span>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <div class="swiper-next swiper-button-disabled" tabindex="0" role="button" aria-label="Next slide" aria-disabled="true">
                    <i class="fas fa-chevron-right"></i>
                </div>
                <div class="swiper-prev" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="false">
                    <i class="fas fa-chevron-left"></i>
                </div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </header>
        <!--start about-->
        <section class="about">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
                        <div class="text wow fadeInRight" data-wow-duration="2s">
                            <p class="top">عن عيادات <span>Green Apple</span></p>
                            <h3>{{$about->name}}</h3>
                            <p>
                               {{$about->description}}
                            </p>
                            <a href="{{url('about')}}" class="link-btn">
                                <span class="icon">
                        <i class="fas fa-chevron-right"></i>
                      </span> اقرأ المزيد
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 pl-0 ">
                        <div class="image-content">
                            <img src="{{url('')}}/web/images/about.svg" alt="">
                            <a data-fancybox href="{{$about->video}}" class="play-btn">
                                <i class="fas fa-play"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--start services-->
        <section class="services">
            <div class="container">
                <div class="text text-center wow fadeInUp" data-wow-duration="2s">
                    <span>خدماتنا</span>
                    <h3>إختر مايناسبك</h3>
                    <p>يمكنك الإختيار من العديد من التخصصات المتاحة لدينا لخدمتك</p>
                </div>
                <div class="services-carousel owl-carousel owl-theme">
                    
                    @foreach($services as $row)
                    <div class="item">
                        
                        <div class="row">@foreach($row as $service)
                            <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
                                <div class="card green-card wow fadeInUp" data-wow-duration="2s">
                                    <div class="icon-container wow zoomIn" data-wow-duration="2s">
                                        <img src="{{asset($service->image)}}" alt="">
                                    </div>
                                    <div class="card-body text-center">
                                        <h5>{{$service->name}}</h5>
                                        <p>
                                           
                                            {{ mb_substr($service->description,0,100,"UTF-8")}}
                                        </p>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                       
                    </div>
                    @endforeach
                   
                </div>
            </div>
        </section>
        <!--start team-->
        <section class="team">
            <div class="container">
                <div class="text text-center wow fadeInUp" data-wow-duration="2s">
                    <span>فريق العمل</span>
                    <h3>دكاترة متخصصين لخدمتك</h3>
                    <p>تعرف علي دكاترة جريل أبل من جميع التخصصات</p>
                </div>
                <div class="team-carousel owl-carousel owl-theme">
                    @foreach($doctors as $row)
                    
                    <div class="item">
                        <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>
        <!--start articles-->
        <section class="articles">
            <div class="container">
                <div class="text text-center wow fadeInUp" data-wow-duration="2s">
                    <span> آخر المقالات</span>
                    <h3>إقرأ وإستفيد معنا</h3>
                    <p>مدونة بمقالات مميزة ليستفيد مها ميع متابعينا</p>
                </div>
                <div class="row pt-5">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                       @foreach($articles as $row)
                        <a href="{{url('blogs/'.$row->id)}}">
                            <div class="item wow fadeInLeft" data-wow-duration="2s" data-wow-delay="1s">
                                <div class="text">
                                    <p>{{diff($row->created_at)}}</p>
                                    <h6>{{$row->name}}</h6>
                                </div>
                                <img src="{{asset($row->image)}}" alt="">
                            </div>
                        </a>
                       @endforeach
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <a href="{{url('blogs/'.$main_article->id)}}">
                            <div class="card wow fadeInRight" data-wow-duration="2s">
                                <img src="{{asset($main_article->image)}}" alt="">
                                <div class="card-body">
                                    <div class="date">
                                        <p>{{diff($row->created_at)}}</p>
                                    </div>
                                    <h6>{{$main_article->name}}</h6>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <a href="{{url('blogs')}}" class="link-btn wow zoomIn" data-wow-duration="2s">
                    <span class="icon">
                  <i class="fas fa-chevron-right"></i>
                </span> جميع المقالات
                </a>
            </div>
        </section>
        <!--start feedback-->
        <section class="feedback">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
                        <div class="text text-center wow zoomIn" data-wow-duration="2s">
                            <span>  آراء عملائنا</span>
                            <h3>ماذا يقول عملائنا عنا</h3>
                            <p>مدونة بمقالات مميزة ليستفيد مها ميع متابعينا</p>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
                    @foreach($reviews as $row)
                        <div class="feedback-card wow flipInX" data-wow-duration="2s">
                            <div class="row">
                                <div class="col-8">
                                     <h5>{{$row->name}}</h5>
                                    <span>{{$row->job}}</span>
                                    <p>
                                       
                                          {{substr_replace($row->description,"",100) }}
                                    </p>
                                   
                                </div>
                                <div class="col-4">
                                    <img src="{{asset($row->image)}}" alt="">
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <img src="{{url('')}}/web/images/feedback+.png" class="feed-l">
        </section>
        <!--start subscribe-->
        <section class="subscribe">
            <div class="container">
                <div class="subscribe-inner">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 m-auto">
                            <div class="text text-center wow zoomIn" data-wow-duration="2s">
                                <h3>القائمة البريدية</h3>
                                <p>ادخل بريدك الالكتروني ليصلك ما هو جديد </p>
                                <form class="form-row" method="post" action="{{url('mailsend')}}">
                                    @CSRF
                                    <input type="text" name="email" class="form-control col-9" placeholder="البريد الالكتروني">
                                    <button type="submit" class="submit-btn col-3">إشتراك</button>
                                </form>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
   

@stop