@extends('layout.master1')
@section('title',$title)
@section('og:type',$og_type)
@section('content')

<div class="breadcrumb-wrap">
          <div class="container">
              <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                        <a href="{{ route('home') }}">
                        @if( App::getLocale() == 'tr')
                          Anasayfa
                         @elseif( App::getLocale() == 'en')
                          Home
                          @else
                            الصفحة الرئيسية
                          @endif
                        </a>
                      </li>
                      <li class="breadcrumb-item active" aria-current="page">@lang('general.blog')</li>
                  </ol>
              </nav>
          </div>
      </div>

      <section class="blog-wrap5">
          <div class="container">
              <div class="row gutters-40">
                  <div class="col-lg-8">
                    @if(!empty($blogs))
                      <div class="row">
                          @foreach($blogs as $blog)
                            <div class="col-lg-6 col-md-6">
                                <div class="blog-box1 blog-box2 wow fadeInUp" data-wow-delay=".4s">
                                    <div class="item-img">
                                        <a href="{{ route('blog.detail',$blog->blog_slug) }}">
                                          <img src="{{ asset('assets/assets/img/blog/'.$blog->blog_img) }}">
                                        </a>
                                    </div>
                                    <div class="thumbnail-date">
                                        <div class="popup-date">
                                            <span class="day">13</span><span class="month">Aug</span>
                                        </div>
                                    </div>
                                    <div class="item-content">
                                        <div class="entry-meta">
                                            <ul>
                                                <li><a href="blog2.html">Apartment, Room</a></li>
                                                <li><a href="blog2.html">5 min</a></li>
                                            </ul>
                                        </div>
                                        <div class="heading-title">
                                            <h3><a href="{{ route('blog.detail',$blog->blog_slug)}}">{{ $blog->blog_header }}</a></h3>
                                        </div>
                                        <div class="blog-button">
                                            <a href="{{ route('blog.detail',$blog->blog_slug)}}" class="item-btn">
                                              @lang('general.read_more')
                                              <i class="fas fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                      </div>
                      <div class="pagination-style-1">
                          <ul class="pagination">
                              <li class="page-item">
                                  <a class="page-link" href="#" aria-label="Previous">
                                      <span aria-hidden="true">&laquo;</span>
                                      <span class="sr-only">Previous</span>
                                  </a>
                              </li>
                              <li class="page-item"><a class="page-link active" href="#">1</a></li>
                              <li class="page-item"><a class="page-link" href="#">2</a></li>
                              <li class="page-item"><a class="page-link" href="#">3</a></li>
                              <li class="page-item"><a class="page-link" href="#">4</a></li>
                              <li class="page-item">
                                  <a class="page-link" href="#" aria-label="Next">
                                      <span aria-hidden="true">&raquo;</span>
                                      <span class="sr-only">Next</span>
                                  </a>
                              </li>
                          </ul>
                      </div>
                      @else
                        <label>Blog yok</label>

                        @endif
                  </div>

                  <div class="col-lg-4 widget-break-lg sidebar-widget">
                    <div class="widget widget-categoery-box">
                        <h3 class="widget-subtitle">@lang('general.categories')</h3>
                        <ul class="categoery-list">
                          @foreach($categories as $category)
                            @if($category->parent->count() >0)
                              @foreach($category->parent as $submenu)
                              <li>
                                <a href="{{ route('category.detail', ['url' => $submenu->url]) }}">
                                  @if(App::getLocale() == 'tr')
                                  {{ $submenu->name  }}
                                  @elseif(App::getLocale() == 'en')
                                  {{ $submenu->name_en  }}
                                  @else
                                  {{ $submenu->name_arabic}}
                                  @endif
                                </a>
                              </li>
                              @endforeach
                            @endif
                            @endforeach
                        </ul>
                    </div>
                    <!--
                      <div class="widget widget-listing-box1">
                          <h3 class="widget-subtitle">Latest Listing</h3>
                          <div class="widget-listing">
                              <div class="item-img">
                                  <a href="single-listing1.html"><img src="img/blog/widget2.jpg" alt="widget" width="120" height="102"></a>
                              </div>
                              <div class="item-content">
                                  <h5 class="item-title"><a href="single-listing1.html">House Highland Ave  Los Angeles</a></h5>
                                  <div class="location-area"><i class="flaticon-maps-and-flags"></i>California</div>
                                  <div class="item-price">$3,000<span>/mo</span></div>
                              </div>
                          </div>
                          <div class="widget-listing">
                              <div class="item-img">
                                  <a href="single-listing1.html"><img src="img/blog/widget3.jpg" alt="widget" width="120" height="102"></a>
                              </div>
                              <div class="item-content">
                                  <h5 class="item-title"><a href="single-listing1.html">House Highland Ave  Los Angeles</a></h5>
                                  <div class="location-area"><i class="flaticon-maps-and-flags"></i>California</div>
                                  <div class="item-price">$1,200<span>/mo</span></div>
                              </div>
                          </div>
                          <div class="widget-listing no-brd">
                              <div class="item-img">
                                  <a href="single-agent1.html"><img src="img/blog/widget4.jpg" alt="widget" width="120" height="102"></a>
                              </div>
                              <div class="item-content">
                                  <h5 class="item-title"><a href="single-listing1.html">House Highland Ave  Los Angeles</a></h5>
                                  <div class="location-area"><i class="flaticon-maps-and-flags"></i>California</div>
                                  <div class="item-price">$1,900<span>/mo</span></div>
                              </div>
                          </div>
                      </div>
                      <div class="widget widget-taglist">
                          <h3 class="widget-subtitle">Popular Tags</h3>
                          <ul class="tag-list">
                              <li><a href="single-listing1.html">apartment</a></li>
                              <li><a href="single-listing1.html">building</a></li>
                              <li><a href="single-listing1.html">modern</a></li>
                              <li><a href="single-listing1.html">luxarious</a></li>
                              <li><a href="single-listing1.html">real estate</a></li>
                              <li><a href="single-listing1.html">Villa</a></li>
                              <li><a href="single-listing1.html">apartment</a></li>
                              <li><a href="single-listing1.html">building</a></li>
                              <li><a href="single-listing1.html">modern</a></li>
                          </ul>
                      </div>
-->
                  </div>
              </div>
          </div>
      </section>
  <!--=====================================-->
  <!--=   Newsletter     Start            =-->
  <!--=====================================-->

  <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