@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">

          </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">@lang('general.totalProject') <b> {{ count($allProjects) }} </b>  @lang('general.projectAvailable')</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 active" data-bs-toggle="tab" href="#mylisting"><i class="fas fa-th"></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 show active" id="mylisting" role="tabpanel">
                                    <div class="row">
                                      @if(!$allProjects->isEmpty())
                                         @foreach($allProjects 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">
                                                          <a href="#" style="color:white">@lang('general.360_virtual_tour')</a>
                                                        </div>
                                                    </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>
                                                        @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-sidebar2.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="with-sidebar2.html">1</a></li>
                                            <li class="page-item"><a class="page-link" href="with-sidebar2.html">2</a></li>
                                            <li class="page-item"><a class="page-link" href="with-sidebar2.html">3</a></li>
                                            <li class="page-item"><a class="page-link" href="with-sidebar2.html">4</a></li>
                                            <li class="page-item">
                                                <a class="page-link" href="with-sidebar2.html" aria-label="Next">
                                                    <span aria-hidden="true">&raquo;</span>
                                                    <span class="sr-only">Next</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                            </div>
                        </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