@extends('layouts.site')

@section('content')


<!-- 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">  {{__('Offers')}}</h2>
                <ul class="page-list">
                <li><a href="{{route('home_index')}}">{{__('Home')}}</a></li>
                    <li> {{__('Offers')}} </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($query_ads)
                            {{__(' Search Result')}} : {{count($query_ads) ?? '0'}}    
                                @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($query_ads)


            @foreach($query_ads as $advertisment)

            <div class="col-lg-4 col-md-6">
                @include('front.advertisments.advertisments-partial_content')
            </div>

            @endforeach

        </div>
        
          @endisset
        
        {{-- $query_ads ->withQueryString()->links('vendor.pagination.bootstrap-4') --}}

        {{-- $brands-> withQueryString () ->links('front.pagination.custom') --}}
        <div class="pagination-area text-center mt-4">
  
<style>

.pagination .page-item .page-link {
    background:#ededed;}
    
      .active {
        color:#9851b5 !important;
        font-weight: 400;
} 
</style>
             
                    {{  $query_ads->withQueryString()->links('front.pagination.custom')  }}
                   
                
        </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