@extends('layout.masterBlog')

@section('title',$title)
@section('description',$description)
@section('og:locale',app()->getLocale())
@section('og:type',$og_type)
@section('og:title',$og_title)
@section('og:description',$og_description)
@section('og:url',$og_url)
@section('og:site_name',$og_sitename)
@section('twitter:title',$twitter_title)
@section('twitter:description',$twitter_desc)

@section('content')

<section class="why-choose-wrap1">
  <div class="container">
    <div class="item-heading-center mb-20">
      <!--<span class="section-subtitle">What We Do</span>-->
      <div class="bg-title-wrap" style="display: block;">
        <span class="background-title solid">ETRE</span>
      </div>
    </div>
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md-6">
          <div class="choose-box1 choose-box2 wow fadeInUp" data-wow-delay=".2s">
            <div class="choose-shape1">
              <a href="single-listing1.html"><img src="{{ asset('assets/assets/img/figure/shape3.svg')}}" alt="shape" width="59" height="63"></a>
            </div>
            <h3 class="item-title"><a href="single-listing1.html">Test başlık</a></h3>
            <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
              centuries</p>
              <div class="choose-button">
                <a href="single-listing1.html" class="item-btn">Check Property<i class="fas fa-chevron-circle-right"></i></a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="choose-box1  choose-box2 wow fadeInUp" data-wow-delay=".4s">
              <div class="choose-shape1">
                <a href="single-listing1.html"><img src="{{ asset('assets/assets/img/figure/shape4.svg')}}" alt="shape" width="59" height="63"></a>
              </div>
              <h3 class="item-title"><a href="single-listing1.html">Test başlık</a></h3>
              <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                centuries</p>
                <div class="choose-button">
                  <a href="single-listing1.html" class="item-btn">Check Property<i class="fas fa-chevron-circle-right"></i></a>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="choose-box1  choose-box2 wow fadeInUp" data-wow-delay=".6s">
                <div class="choose-shape1 choose-shape2">
                  <a href="single-listing1.html"><img src="{{ asset('assets/assets/img/figure/shape3.svg')}}" alt="shape" width="59" height="63"></a>
                </div>
                <h3 class="item-title"><a href="">Test başlık</a></h3>
                <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                  centuries</p>
                  <div class="choose-button">
                    <a href="single-listing1.html" class="item-btn">Check Property<i class="fas fa-chevron-circle-right"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
    </section>

  <!--<section class="property-wrap-8">
                <div class="container-fluid px-0">
                    <div class="item-heading-center mb-20">
                        <span class="section-subtitle">Yeni Projeler</span>
                        <div class="bg-title-wrap" style="display: block;">
                            <span class="background-title solid">ETRE MİMARLIK</span>
                        </div>
                    </div>
                    <div class="product-slider-style-4 owl-carousel owl-theme">
                        <div class="property-box2 property-box8 wow animated fadeInUp" data-wow-delay=".6s">
                            <div class="item-img">
                                <a href="single-listing1.html"><img src="https://loremflickr.com/510/340/house" alt="blog" width="510" height="340"></a>
                                <div class="item-category-box1">
                                    <div class="item-category">Yeni</div>
                                </div>
                            </div>
                            <div class="item-category10"><a href="single-listing1.html">Ev dekorasyon</a></div>
                            <div class="item-content">
                                <div class="verified-area">
                                    <h3 class="item-title"><a href="single-listing1.html">test metin</a></h3>
                                </div>
                                <div class="location-area"><i class="flaticon-maps-and-flags"></i>Avcılar, İstanbul</div>

                            </div>
                        </div>
                        <div class="property-box2 property-box8 wow animated fadeInUp" data-wow-delay=".6s">
                            <div class="item-img">
                                <a href="single-listing1.html"><img src="https://loremflickr.com/510/340/house" alt="blog" width="510" height="340"></a>
                                <div class="item-category-box1">
                                    <div class="item-category">Yeni</div>
                                </div>
                            </div>
                            <div class="item-category10"><a href="single-listing1.html">Ev dekorasyon</a></div>
                            <div class="item-content">
                                <div class="verified-area">
                                    <h3 class="item-title"><a href="single-listing1.html">test metin</a></h3>
                                </div>
                                <div class="location-area"><i class="flaticon-maps-and-flags"></i>Avcılar, İstanbul</div>

                            </div>
                        </div>
                        <div class="property-box2 property-box8 wow animated fadeInUp" data-wow-delay=".6s">
                            <div class="item-img">
                                <a href="single-listing1.html"><img src="https://loremflickr.com/510/340/house" alt="blog" width="510" height="340"></a>
                                <div class="item-category-box1">
                                    <div class="item-category">Yeni</div>
                                </div>
                            </div>
                            <div class="item-category10"><a href="single-listing1.html">Ev dekorasyon</a></div>
                            <div class="item-content">
                                <div class="verified-area">
                                    <h3 class="item-title"><a href="single-listing1.html">test metin</a></h3>
                                </div>
                                <div class="location-area"><i class="flaticon-maps-and-flags"></i>Avcılar, İstanbul</div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>-->
    <section class="location-wrap1">
                <div class="container">

                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="row">
                              @foreach($landing_top_menus as $top_category)
                                     <div class="col-lg-3 col-md-3 col-sm-3">
                                    <div class="location-box3 wow zoomIn" data-wow-delay=".2s">
                                        <div class="item-img">
                                            <a href="single-listing1.html">
                                              <img src="https://loremflickr.com/380/211/house" alt="location" width="520" height="440">
                                            </a>
                                        </div>
                                        <div class="item-content">
                                          <!-- <div class="content-body">
                                                <div class="item-title">
                                                    <h3><a href="">{{ $top_category->name}}</a></h3>
                                                </div>
                                            </div>
                                            <div class="location-button">
                                                <a href="{{ $top_category->url }}" class="location-btn"><i class="fas fa-arrow-right"></i></a>
                                            </div>-->
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <h3><a style="font-family: Alegreya,serif; font-size:19px; color:#d8d8d8;font-weight:400; font-style:italic;" href="{{ $top_category->url }}">{{ $top_category->name }}</a></h3>
                                    </div>
                                </div>
                             @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </section>
    <section class="property-banner-wrap1 parallaxie" data-bg-image="{{ asset('assets/assets/img/banner/home_banner1.jpg')}}">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-5 col-md-12">
            <div class="property-box1 wow slideInUp" data-wow-delay="100">
              <div class="item-subtitle">TEST TEST</div>
              <h3 class="item-title">TEST YAZI TEST YAZI</h3>
              <div class="play-button">
                <div class="item-icon">
                  <a href="http://www.youtube.com/watch?v=1iIZeIy7TqM" class="play-btn">
                    <span class="play-icon style-1">
                      <i class="fas fa-play"></i>
                    </span>
                    <span class="play-text">Tanıtım Filmi</span>
                  </a>
                </div>

              </div>
            </div>
          </div>
          <div class="col-lg-7 col-md-12">
            <div class="property-img wow fadeInUp" data-wow-delay="100">
              <div class="bg-title-wrap" style="display: block;">
                <span class="background-title solid">ETRE MİMARLIK</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="about-wrap-3">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="about-box5 wow fadeInUp" data-wow-delay=".2s">
                            <div class="item-heading-left mb-bottom">
                                <span class="section-subtitle">Let’s Take a Tour</span>
                                <h2 class="section-title">Helping People to Find The  Right Property</h2>
                            </div>
                            <p>Over 39,000 people work for us in more than 70 countries all over the
                                This breadth of global coverage, combined with specialist follower
                                Over 39,000 people work for us in more.
                            </p>
                            <div class="about-shape">
                                <div class="choose-shape1">
                                    <a href="single-listing1.html"><img src="{{ asset('assets/assets/img/figure/shape7.svg')}}" alt="shape" width="38" height="48"></a>
                                </div>
                                <div class="item-content">
                                    <h3 class="item-title">The Perfect Residency</h3>
                                    <p>Lorem ipsum dolorsit amet consectetur
                                        eiusmod tempor incididunt.
                                    </p>
                                </div>
                            </div>
                            <div class="about-shape">
                                <div class="choose-shape1">
                                    <a href="single-listing1.html"><img src="{{ asset('assets/assets/img/figure/shape8.svg')}}" alt="shape" width="38" height="48"></a>
                                </div>
                                <div class="item-content">
                                    <h3 class="item-title">Trusted By Thousands</h3>
                                    <p>Lorem ipsum dolorsit amet consectetur
                                        eiusmod tempor incididunt.
                                    </p>
                                </div>
                            </div>
                            <div class="about-shape">
                                <div class="choose-shape1">
                                    <a href="single-listing1.html"><img src="{{ asset('assets/assets/img/figure/shape9.svg')}}" alt="shape" width="38" height="48"></a>
                                </div>
                                <div class="item-content">
                                    <h3 class="item-title">Total Payment Transparency</h3>
                                    <p>Lorem ipsum dolorsit amet consectetur
                                        eiusmod tempor incididunt.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offset-lg-1 col-lg-6">
                        <div class="about-box8">
                            <div class="about-img-style-1">
                                <img src="{{ asset('assets/assets/img/blog/about10.jpg') }}" alt="blog" width="364" height="577">

                            </div>
                            <div class="about-img-style-2">
                                <img src="{{ asset('assets/assets/img/blog/about11.jpg') }}" alt="blog" width="344" height="391">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="about-img-style-6">
                                            <img src="{{ asset('assets/assets/img/blog/about12.jpg') }}" alt="blog" width="345" height="231">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    <section class="location-wrap1">
                <div class="container">

                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="row">
                              @foreach($landing_bottom_menus as $bottom_category)
                                     <div class="col-lg-4 col-md-4 col-sm-4">
                                    <div class="location-box3 wow zoomIn" data-wow-delay=".2s">
                                        <div class="item-img">
                                            <a href="single-listing1.html">
                                              <img src="https://loremflickr.com/380/211/house" alt="location" width="520" height="440">
                                            </a>
                                        </div>
                                        <div class="item-content">
                                          <!-- <div class="content-body">
                                                <div class="item-title">
                                                    <h3><a href="{{ $bottom_category->url }}">{{ $bottom_category->name }}</a></h3>
                                                </div>
                                            </div>
                                            <div class="location-button">
                                                <a href="{{ $bottom_category->url }}" class="location-btn"><i class="fas fa-arrow-right"></i></a>
                                            </div>-->
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <h3><a style="font-family: Alegreya,serif; font-size:19px; color:white;" href="{{ $bottom_category->url }}">{{ $bottom_category->name }}</a></h3>
                                    </div>
                                </div>

                             @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </section>

      <div class="brand-wrap1 brand-wrap2">
          <div class="container">
            <div class="item-heading-center mb-20">
              <span class="section-subtitle"></span>
              <h2 class="section-title">İş Ortaklarımız</h2>
              <div class="bg-title-wrap" style="display: block;">
              </div>
            </div>

              <div class="brand-layout swiper-container">
                  <div class="swiper-wrapper">
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="{{ asset('assets/assets/img/brand6.svg')}}" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="{{ asset('assets/assets/img/brand6.svg')}}" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="{{ asset('assets/assets/img/brand6.svg')}}" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="{{ asset('assets/assets/img/brand6.svg')}}" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="{{ asset('assets/assets/img/brand6.svg')}}" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="brand-box2 wow fadeInUp" data-wow-delay=".4s">
                              <div class="item-img">
                                  <a href="index.html"><img src="https://api.lorem.space/image/house?w=200&h=117" alt="brand"></a>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>


            <section class="newsletter-wrap1">
              <div class="container">
                <div class="row align-items-center">
                  <div class="col-lg-5">
                    <div class="newsletter-layout1">
                      <div class="item-heading">
                        <h2 class="item-title">@lang('general.sign_up_for_newsletter')</h2>
                        <h3 class="item-subtitle">@lang('general.get_latest_news_and_update')</h3>
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-7">
                    <form action="javascript:void(0);" class="searchform" type="post" autocomplete="off">
                      {{ csrf_field() }}
                      <div class="newsletter-form">
                        <div class="input-group">
                          <input pattern="[^@\s]+@[^@\s]+\.[^@\s]+" type="email"  name="subscriber_email" id="subscriber_email" placeholder="@lang('general.email')" class="form-control" onfocus="enableSubscriber();" onfocusout="checkSubscriber();"    required="" />
                          <div class="input-group-append">
                            <button onclick="addSubscriber();" id="btnSubmit" type="submit" class="btn btn-outline-secondary">
                              <i class="fa fa-arrow-circle-o-right"> @lang('general.subscribe')</i>
                            </button>
                            <div id="statusSubscribe" style="display: none;"></div>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </section>

            @endsection

            @section('javascript')
            <script type="text/javascript">

            function addSubscriber(){
              var subscriber_email = $("#subscriber_email").val();
              var _token = $('meta[name="csrf-token"]').attr('content');
              var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
              if (regex.test(subscriber_email) ==false) {
                alert("Uygun email adresi girmeniz gerekmektedir!");
                return false;
              }
              $.ajax({
                type:'post',
                url:'{{ route('addSub') }}',
                data:{subscriber_email:subscriber_email, _token:_token},
                success:function(resp){
                  if(resp=="subMevcut")
                  {
                    alert("Bülten aboneliğiniz bulunmaktadır!");
                  }
                  else if(resp=="subEklendi")
                  {
                    alert("Bülten aboneliğiniz gerçekleşti");
                  }
                }
              });
            }
          </script>

@endsection

@section('css')

@endsection