@extends('layouts.site')

@section('content')

@php
list($currency_code,$curr_symbol, $exchange_rate,$name,$slug,$detail)= getData();
  
 @endphp
<!-- breadcrumb start -->
<div class="breadcrumb-area bg-overlay-2 direction" style="background-image:url({{asset('assets/front/img/property.png')}}">

    <div class="container">
        <div class="breadcrumb-inner">
            <div class="section-title">
                <h2 class="page-title">@isset($category)
                    {{ $category[$name]  }}
                                @endisset </h2>
                <ul class="page-list">
                    <li><a href="{{route('home_index')}}">{{__('Home')}}</a></li>
                    <li>   
                    @isset($category)
                    {{ $category[$name]  }}
                                @endisset

                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- breadcrumb end -->

<div class="blog-page-area pt-5 pb-5 direction" style="background-image: url(assets/img/about-style3-bg.jpg)" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1200">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="product-search-inner bg-main">
                    <div class="row custom-gutters-20">
                        <div class="col-md-3 align-self-center">
                            <h5>  @isset($advertisments)
                                There are {{count($advertisments) ?? '0'}}   advertisments
                                @endisset
                            </h5>
                        </div>
                        <div class="col-md-6 mt-2 mt-md-0">
                            <div class="widget-search">
                                <div class="single-search-inner">
                                    <input type="text" placeholder="{{__('Search  Here')}}">
                                    <button><i class="la la-search"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-2 mt-md-0 align-self-center">
                            <div class="single-select-inner">
                                <select>
                                    <option value="1"> {{__('Most Recent')}}</option>
                                    <option value="2">   {{__('According to the price')}}</option>
                                     
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            @isset($advertisments)
 

                
                        @foreach($advertisments as $advertisment)

                        <div class="col-lg-4 col-md-6">
                        @if($category->name_en=='lounges') 
                            @include('front.advertisments.advertisments-partial_content')
                            @else
                            @include('front.advertisments.advertisments-partial_content_other')
                            @endif
                        </div>

                        @endforeach
                 
            @endisset
        </div>

      


        <div class="pagination-area text-center mt-4">

            <style>
                .pagination .page-item .page-link {
                    background: #ededed;
                }

                .active {
                    color: #9851b5 !important;
                    font-weight: 400;
                }
            </style>
 @isset($advertisments)
                               
                              
            {{ $advertisments->withQueryString()->links('front.pagination.custom')  }}

  @endisset
        </div>


    </div>
</div>
</div>


@stop

@section('scripts')
<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $(document).on('click', '.addToWishlist', function(e) {
        e.preventDefault();

        @guest()
        $('.not-loggedin-modal').css('display', 'block');
        @endguest
        $.ajax({
            type: 'post',
            url: "{{--Route('wishlist.store')--}}",
            data: {
                'productId': $(this).attr('data-product-id'),
            },
            success: function(data) {
                if (data.wished)
                    $('.alert-modal').css('display', 'block');
                else
                    $('.alert-modal2').css('display', 'block');
            }
        });
    });
</script>

@stop