@extends('front.layout.app')
@section('title',__('general.homepage')." - ")
@section('header')
@endsection
@section('seo')
@endsection
@section('content')
    <style>
        .container--wider{
            width: 1600px;
            max-width: 100%;
        }
    </style>
    <div class="">
        <div class="banner-slider">
            @foreach(\App\Models\WSlider::where('lang_code',App::getLocale())->orderBy('sortable','ASC')->get() as $slider)
                @if($slider->type == 1)
                    <div class="banner">
                        <div class="row">
                            <div class="col-12 col-md-6 col-lg-4 d-flex align-items-center">
                                <!-- Slider Title -->
                                <div class="main-title">
                                    <span>{!! $slider->title_1 !!}</span>
                                    <h1>
                                        {!! $slider->title_2 !!}
                                    </h1>
                                    <p>
                                        {!! $slider->text !!}
                                    </p>
                                    @if($slider->button_url != '' && $slider->button_text != '')
                                        <a href="{{ $slider->button_url }}" class="btn btn-primary">{{ $slider->button_text }}</a>
                                    @endif
                                </div>
                            </div>
                            <div class="col-12 col-md-6 col-lg-8 d-flex align-items-end">
                                <div class="anim-container flex-fill">
                                    <svg class="circle-svg" width="100%" height="100%" viewBox="0 0 754 733" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path class="big-circle" opacity="0.071" fill-rule="evenodd" clip-rule="evenodd" d="M377 29C563.12 29 714 179.879 714 366C714 552.119 563.12 702.999 377 702.999C190.88 702.999 40 552.119 40 366C40 179.879 190.88 29 377 29Z"
                                              fill="#4D72D0" />
                                        <path class="small-circle" opacity="0.051" fill-rule="evenodd" clip-rule="evenodd"
                                              d="M376.471 120.995C512.043 120.995 621.947 230.898 621.947 366.471C621.947 502.043 512.043 611.946 376.471 611.946C240.898 611.946 130.995 502.043 130.995 366.471C130.995 230.898 240.898 120.995 376.471 120.995Z"
                                              fill="#4D72D0" />
                                    </svg>
                                    <img src="{{ asset($slider->img) }}" class="img-fluid animated-hero" alt="hero" />
                                    <ul class="main-slider-social">
                                        @if(\App\Models\Back\Settings\Settings::find(1)->facebook != '')
                                            <li>
                                                <a href="{{ \App\Models\Back\Settings\Settings::find(1)->facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                                            </li>
                                        @endif
                                        @if(\App\Models\Back\Settings\Settings::find(1)->instagram != '')
                                            <li>
                                                <a href="{{ \App\Models\Back\Settings\Settings::find(1)->instagram }}" target="_blank"><i class="fab fa-instagram"></i></a>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="banner">
                        <img src="{{ asset($slider->img) }}" class="img-fluid" alt="hero" />
                    </div>
                @endif
            @endforeach
        </div>
    </div>
    <section class="mt-5 mb-5">
        <div class="container container-custom servisler">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-style1">
                        <span>@lang('general.services')</span>
                        <h2>@lang('general.tibbi_birimler')</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="service-slider">
                        @foreach(\App\Models\Service::orderBy('sortable','ASC')->get() as $key => $counter)
                            <div class="service-block @if($key == 0 ) green @elseif($key == 1) yellow @elseif($key == 2) blue @else green @endif ">
                                <img src="{{ asset($counter->img) }}" alt="img" />
                                <h3>{!! @json_decode($counter->name,true)[App::getLocale()] !!}</h3>
                                <p>{!! @json_decode($counter->price,true)[App::getLocale()] !!}</p>
                                <a href="{{ route('tibbi_birim',['lang' => App::getLocale(),'slug' => $counter->slug]) }}" class="btn btn-dark">@lang('general.examine')</a>
                                <div class="service-bg-icon">
                                    <img src="{{asset('front/')}}/images/services-bg2.png" class="img-fluid" alt="#">
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="our-team">
        <div class="container container-custom">
            <div class="row">
                <div class="col-md-12">
                    <div class="sub-title_center">
                        <span>@lang('general.doctor_text_1')</span>
                        <h2>@lang('general.doctor_text_2')</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="doctors-slider">
                        @foreach(\App\Models\Team::orderBy('sortable','ASC')->get() as $key => $value)
                            {{--<div class="team-img_block @if($key == 0) yellow @elseif($key == 1) green @elseif($key == 2) blue @elseif($key == 3) yellow @else blue @endif"--}}
                            <div class="team-img_block red-bg"
                            onclick="window.location='{{ route('doctor_detail',['lang' => App::getLocale(),'slug' => $value->slug]) }}'" style="cursor: pointer">
                                <div class="team-img-socila-block">
                                    @if($value->img4 != '')
                                    <img src="{{ asset($value->img4) }}" class="img-fluid" alt="#" />
                                    @endif
                                    <ul class="social-icons">
                                        @if($value->facebook != '')
                                            <li>
                                                <a href="{{ $value->facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                                            </li>
                                        @endif
                                        @if($value->linkedin != '')
                                            <li>
                                                <a href="{{ $value->linkedin }}" target="_blank"><i class="fab fa-linkedin"></i></a>
                                            </li>
                                        @endif
                                        @if($value->twitter != '')
                                            <li>
                                                <a href="{{ $value->twitter }}" target="_blank"><i class="fab fa-twitter"></i></a>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                                <h4>{{ @json_decode($value->name,true)[App::getLocale()] }}</h4>
                                <p>{{ @json_decode(\App\Models\Service::find($value->uid)->name ?? '',true)[App::getLocale()]  ?? ''}}
                                @if($value->date != '') / {{ $value->date }} @endif
                                </p>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>














    <!-- ###### -->

    <section class="about-section space light">
        <div class="container container-custom">
            <!-- <div class="row">
              <div class="col-md-12">
                <ul class="booking-form">
                  <li><input type="text" class="form-control" placeholder="Enter Your Name" /><i class="fas fa-user"></i></li>
                  <li><input type="text" class="form-control" placeholder="Select Your Location" /><i class="fas fa-map-marker-alt"></i></li>
                  <li>
                    <select class="custom-select form-control">
                      <option selected>Select a Service</option>
                      <option value="1">One</option>
                      <option value="2">Two</option>
                      <option value="3">Three</option>
                    </select>
                  </li>
                  <li class="form-btn">
                    <a href="#" class="btn btn-success">BOOK NOW</a>
                  </li>
                </ul>

              </div>
            </div> -->

            <div class="row mt-5">
                <div class="col-md-12">
                    <!-- About -->
                    <div class="about-video_block">
                        <div class="row align-items-center">
                            <div class="col-md-12 col-lg-6">
                                <a href="#!" class="video-play-img">
                                    <img src="{{ asset(\App\Models\Language::where('iso',App::getLocale())->get()[0]->life_img_1) }}" class="img-fluid w-100" alt="#" />
                                </a>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="video-play-text">
                                    {!! \App\Models\Language::where('iso',App::getLocale())->get()[0]->life_content !!}
                                    {!! \App\Models\Language::where('iso',App::getLocale())->get()[0]->life_content2 !!}
                                    <a href="{{ route('about',App::getLocale()) }}" class="btn btn-primary" tabindex="0">@lang('general.read_more')</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--//End About -->
                </div>
            </div>
        </div>
    </section>


    <!-- ###### -->
@endsection
@section('script')
@endsection