@extends('layout.master1')
@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')



<div class="breadcrumb-wrap">
      <div class="container">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb">
            @if( App::getLocale() == 'tr')
                          @elseif( App::getLocale() == 'en')
                          @else
                          @endif
          </ol>
        </nav>
      </div>
    </div>

<section class="grid-wrap3">
            <div class="container">
                <div class="row gutters-40">
                    <div class="col-lg-8">
                        <div class="row justify-content-center">
                            <div class="col-lg-12 col-md-12">
                                <div class="item-shorting-box">
                                    <div class="shorting-title">
                                        <h4 class="item-title">{{ $productsAll->count()}}</h4>
                                    </div>
                                    <div class="item-shorting-box-2">
                                      <!--
                                        <div class="by-shorting">
                                            <div class="shorting">Sort by:</div>
                                            <select class="select single-select mr-0">
                                                <option value="1">Default</option>
                                                <option value="2">High Price</option>
                                                <option value="3">Medium Price</option>
                                                <option value="3">Low Price</option>
                                            </select>
                                        </div>-->
                                        <div class="grid-button">
                                            <ul class="nav nav-tabs" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link" data-bs-toggle="tab" href="#mylisting"><i class="fas fa-th"></i></a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link active" data-bs-toggle="tab" href="#reviews"><i class="fas fa-list-ul"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-style-1 tab-style-3">
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade" id="mylisting" role="tabpanel">
                                    <div class="row">
                                      @if(!$productsAll->isEmpty())
                                         @foreach($productsAll as $product)
                                        <div class="col-lg-6 col-md-6">
                                             <div class="property-box2 wow animated fadeInUp" data-wow-delay=".3s">
                                                <div class="item-img">
                                                    <a href="{{ route('detail',$product->slug)}}">
                                                      <img src="{{ asset('assets/assets/img/projects/'.$product->image) }}" alt="blog" width="510" height="340">
                                                    </a>
                                                    <div class="item-category-box1">
                                                        <div class="item-category">@lang('general.360_virtual_tour')</div>
                                                    </div>
                                                  <!--  <div class="rent-price">
                                                        <div class="item-price">$15,000<span><i>/</i>mo</span></div>
                                                    </div>
                                                    <div class="react-icon">
                                                        <ul>
                                                            <li>
                                                                <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Favourites">
                                                                    <i class="flaticon-heart"></i>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Compare">
                                                                    <i class="flaticon-left-and-right-arrows"></i>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>-->
                                                </div>
                                                <div class="item-category10"><a href="#">{{$product->category->name}}</a></div>
                                                <div class="item-content">
                                                    <div class="verified-area">
                                                        <h3 class="item-title"><a href="{{ route('detail',$product->slug)}}">{{$product->post_name}}</a></h3>
                                                    </div>
                                                    <div class="location-area"><i class="flaticon-maps-and-flags"></i>{{ $product->location}}</div>
                                                    <div class="item-categoery3">
                                                        <ul>
                                                            <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                            <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                            <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                          @endforeach

                                          @else
                                            <div class="alert alert-primary text-center" role="alert">@lang('general.not_category')</div>
                                        @endif
                                    </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>
                                </div>
                                <div class="tab-pane fade show active" id="reviews" role="tabpanel">
                                    <div class="row">
                                      @if(!$productsAll->isEmpty())
                                         @foreach($productsAll as $product)
                                        <div class="col-lg-12">
                                            <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                                <div class="item-img">
                                                    <a href="#"><img src="{{ asset('assets/assets/img/projects/'.$product->image) }}" alt="blog" width="250" height="200"></a>
                                                    <!--<div class="item-category-box1">
                                                        <div class="item-category">For Rent</div>
                                                    </div>-->
                                                </div>
                                                <div class="item-content item-content-property">

                                                    <div class="react-icon react-icon-2">
                                                        <ul>
                                                            <li>
                                                                <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                                    title="Favourites">
                                                                    <i class="flaticon-heart"></i>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                                    title="Compare">
                                                                    <i class="flaticon-left-and-right-arrows"></i>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="verified-area">
                                                        <h3 class="item-title">
                                                          <a href="{{ route('detail',$product->slug)}}">{{$product->post_name}}</a>
                                                        </h3>
                                                    </div>
                                                    <div class="item-category10">
                                                      <a href="">
                                                      {{$product->category->name}}
                                                    </a>
                                                  </div>
                                                    <div class="location-area"><i class="flaticon-maps-and-flags"></i>{{ $product->location}}</div>
                                                    <div class="item-categoery3">
                                                      <ul>
                                                        @if($product->oturmaOdasi == 1)
                                                          <li><i class="flaticon-home"></i>@lang('general.living_room')</li>
                                                        @endif
                                                        @if($product->yatakOdasi == 1)
                                                          <li><i class="flaticon-bed"></i>@lang('general.bed_room')</li>
                                                        @endif
                                                      </ul>
                                                      <ul>
                                                        @if($product->mutfak == 1)
                                                          <li><i class="fas fa-utensils"></i>@lang('general.kitchen')</li>
                                                        @endif
                                                        @if($product->banyo == 1)
                                                          <li><i class="fa fa-shower"></i>@lang('general.shower')</li>
                                                        @endif
                                                      </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach

                                        @else
                                          <div class="alert alert-primary text-center" role="alert">@lang('general.not_category')</div>
                                      @endif
                                    </div>
                                    <div class="pagination-style-1">
                                        <ul class="pagination">
                                            <li class="page-item">
                                                <a class="page-link" href="with-sidebar.html" 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>
                                </div>
                            </div>
                        </div>

                        <!-- <div class="row">
                            <div class="col-lg-12">
                                <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                    <div class="item-img">
                                        <a href="#"><img src="img/blog/blog13.jpg" alt="blog" width="250" height="200"></a>
                                        <div class="item-category-box1">
                                            <div class="item-category">For Rent</div>
                                        </div>
                                    </div>
                                    <div class="item-content item-content-property">
                                        <div class="item-category10"><a href="#">Appartment</a></div>
                                        <div class="react-icon react-icon-2">
                                            <ul>
                                                <li>
                                                    <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Favourites">
                                                        <i class="flaticon-heart"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Compare">
                                                        <i class="flaticon-left-and-right-arrows"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="verified-area">
                                            <h3 class="item-title"><a href="#">Family House For Rent</a></h3>
                                        </div>
                                        <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                        <div class="item-categoery3">
                                            <ul>
                                                <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                    <div class="item-img">
                                        <a href="#"><img src="img/blog/blog13.jpg" alt="blog" width="250" height="200"></a>
                                        <div class="item-category-box1">
                                            <div class="item-category">For Rent</div>
                                        </div>
                                    </div>
                                    <div class="item-content item-content-property">
                                        <div class="item-category10"><a href="#">Appartment</a></div>
                                        <div class="react-icon react-icon-2">
                                            <ul>
                                                <li>
                                                    <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Favourites">
                                                        <i class="flaticon-heart"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Compare">
                                                        <i class="flaticon-left-and-right-arrows"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="verified-area">
                                            <h3 class="item-title"><a href="#">Family House For Rent</a></h3>
                                        </div>
                                        <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                        <div class="item-categoery3">
                                            <ul>
                                                <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                    <div class="item-img">
                                        <a href="#"><img src="img/blog/blog14.jpg" alt="blog" width="250" height="200"></a>
                                        <div class="item-category-box1">
                                            <div class="item-category">For Rent</div>
                                        </div>
                                    </div>
                                    <div class="item-content item-content-property">
                                        <div class="item-category10"><a href="#">Appartment</a></div>
                                        <div class="react-icon react-icon-2">
                                            <ul>
                                                <li>
                                                    <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Favourites">
                                                        <i class="flaticon-heart"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Compare">
                                                        <i class="flaticon-left-and-right-arrows"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="verified-area">
                                            <h3 class="item-title"><a href="#">Family House For Rent</a></h3>
                                        </div>
                                        <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                        <div class="item-categoery3">
                                            <ul>
                                                <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                    <div class="item-img">
                                        <a href="#"><img src="img/blog/blog15.jpg" alt="blog" width="250" height="200"></a>
                                        <div class="item-category-box1">
                                            <div class="item-category">For Rent</div>
                                        </div>
                                    </div>
                                    <div class="item-content item-content-property">
                                        <div class="item-category10"><a href="#">Appartment</a></div>
                                        <div class="react-icon react-icon-2">
                                            <ul>
                                                <li>
                                                    <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Favourites">
                                                        <i class="flaticon-heart"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Compare">
                                                        <i class="flaticon-left-and-right-arrows"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="verified-area">
                                            <h3 class="item-title"><a href="#">Family House For Rent</a></h3>
                                        </div>
                                        <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                        <div class="item-categoery3">
                                            <ul>
                                                <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                    <div class="item-img">
                                        <a href="#"><img src="img/blog/blog16.jpg" alt="blog" width="250" height="200"></a>
                                        <div class="item-category-box1">
                                            <div class="item-category">For Rent</div>
                                        </div>
                                    </div>
                                    <div class="item-content item-content-property">
                                        <div class="item-category10"><a href="#">Appartment</a></div>
                                        <div class="react-icon react-icon-2">
                                            <ul>
                                                <li>
                                                    <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Favourites">
                                                        <i class="flaticon-heart"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Compare">
                                                        <i class="flaticon-left-and-right-arrows"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="verified-area">
                                            <h3 class="item-title"><a href="#">Family House For Rent</a></h3>
                                        </div>
                                        <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                        <div class="item-categoery3">
                                            <ul>
                                                <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                    <div class="item-img">
                                        <a href="#"><img src="img/blog/blog17.jpg" alt="blog" width="250" height="200"></a>
                                        <div class="item-category-box1">
                                            <div class="item-category">For Rent</div>
                                        </div>
                                    </div>
                                    <div class="item-content item-content-property">
                                        <div class="item-category10"><a href="#">Appartment</a></div>
                                        <div class="react-icon react-icon-2">
                                            <ul>
                                                <li>
                                                    <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Favourites">
                                                        <i class="flaticon-heart"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Compare">
                                                        <i class="flaticon-left-and-right-arrows"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="verified-area">
                                            <h3 class="item-title"><a href="#">Family House For Rent</a></h3>
                                        </div>
                                        <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                        <div class="item-categoery3">
                                            <ul>
                                                <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="property-box2 property-box4 wow animated fadeInUp" data-wow-delay=".6s">
                                    <div class="item-img">
                                        <a href="#"><img src="img/blog/blog18.jpg" alt="blog" width="250" height="200"></a>
                                        <div class="item-category-box1">
                                            <div class="item-category">For Rent</div>
                                        </div>
                                    </div>
                                    <div class="item-content item-content-property">
                                        <div class="item-category10"><a href="#">Appartment</a></div>
                                        <div class="react-icon react-icon-2">
                                            <ul>
                                                <li>
                                                    <a href="favourite.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Favourites">
                                                        <i class="flaticon-heart"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="compare.html" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                                        title="Compare">
                                                        <i class="flaticon-left-and-right-arrows"></i>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="verified-area">
                                            <h3 class="item-title"><a href="#">Family House For Rent</a></h3>
                                        </div>
                                        <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                        <div class="item-categoery3">
                                            <ul>
                                                <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pagination-style-1">
                            <ul class="pagination">
                                <li class="page-item">
                                    <a class="page-link" href="with-sidebar.html" 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> -->
                    </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>
@endsection