@extends('layouts.auth')
@php
use Illuminate\Support\Str;
function custom_asset($path) { return url('/' . $path); }
@endphp
<style>
    #loader::after{
        content: "";
        display: block;
        position: absolute;
        left: 48%;
        top: 40%;
        width: 40px;
        height: 40px;
        border-style: solid;
        border-color: #e63c2f;
        border-top-color: transparent;
        border-width: 4px;
        border-radius: 50%;
        -webkit-animation: spin 0.8s linear infinite;
        animation: spin 0.8s linear infinite;
    }
    .apply_all_filters {
        border: none;
        text-align: center;
        background: #e63c2f;
        border-radius: 7px;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #ffffff;
        padding: 9px 36px;
    }
    .apply_all_filters:hover {
        color: #ffffff;
    }
</style>

<div class="notranslate">
    {{-- @section('keywords') {{ __('words.Buy and sell product for') }}
        @empty(!$categoryModel)
            @foreach ($categoryModel->subcategory()->get() as $keycategory)
                {{ $keycategory->title }},
            @endforeach
            @php
                $fistCategory = $categoryModel->subcategory()->with('subSubCategory')->first();
            @endphp
            @empty(!$fistCategory)
                @foreach ($fistCategory->subSubCategory as $keyscategory)
                    {{ $keyscategory->title }},
                @endforeach
            @endempty

        @endempty

    @endsection --}}

    @section('title')
         {{ __('words.for buy and sell') }}
        | {{ config('app.name') }}
    @endsection

    @section('description')
        {{ __('words.Ambayo is the safest digital property marketplace. If you want to buy or sell a product for') }}
            @endsection
</div>


@section('content')
    <section class="car-filter">
        <div class="container">
            <div class="row">
                                
                @include('category.filter')
                <!-- Start Car Ads Section -->
                <div class="col-sm-12 col-lg-9 notranslate ">

                    <div class="publish-cars">
                        <div class="col-lg-4">
                            <p class="categoryCountOuter"> <span class="categoryCount">{{ $count }}</span>
                                {{ !empty($categoryModel) && !empty($categoryModel->title) ? __("category.$categoryModel->title") : '' }}
                                {{ __('words.Ads') }}</p>
                        </div>

                        <div class="col-lg-6  publish-dates dropdownDiv ">
                            <div class="btcButton_">
                                @php
                                    $isSelected = false;
                                    $current = '';

                                    if (!empty(request()->get('currency'))) {
                                        $current = request()->get('currency');
                                        $isSelected = true;
                                    } else {
                                        $current = 'BTC';
                                    }

                                @endphp

                                <select class="form-control bitcoinselect headerSelect" aria-label="Default select example"
                                    name="header_select">

                                    @foreach ($currencies as $currency)
                                        <option
                                            value="{{ $currency->symbol }}"
                                            title="{{ $currency->image }}"
                                            {{ $current == $currency->symbol ? 'selected=""' : '' }}
                                            >{{ $currency->symbol }}</option>
                                    @endforeach

                                </select>
                            </div>
                            <div class="newitems_">
                                <p>{{ __('words.Sort by') }}: </p>
                                <select class="form-select dropdownSelect categorySort" name="sort"
                                    aria-label="Default select example">
                                    <option value="4">{{ __('words.Lowest First') }}</option>
                                    <option value="5">{{ __('words.Highest First') }}</option>
                                    <option value="0" selected="">{{ __('words.Newest Ads') }}</option>
                                    <option value="1">{{ __('words.Oldest Ads') }}</option>
                                    <option value="2">{{ __('words.Most Popular') }}</option>
                                    <option value="3">{{ __('words.Seller Rating') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                        
                    <div class="row filteredAdsOuter" id="filteredAds">
                        <div id="advertismentList" class="row">
                            <input type="hidden" value="{{ $maxPrice }}" id="maxRangePrice">
                            <input type="hidden" value="{{ $minPrice }}" id="minRangePrice">
                            <div id="loader" style="position: absolute; width: 100%; left: 0; right: 0; top: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.7);z-index: 9999;display: none;"></div>
                            <div class="ads row"></div>
                        </div>
                        <br>
                    </div>

                </div>
               

                <!-- End Car Ads Section -->

                <div class="PaginationMain_box">
                    @if(isset($advertisments) && count($advertisments) > 0)
                    <div class="pagination paginationOuter">
                        {!! $advertisments->render() !!}
                    </div>
                    @if (isset($advertisments) && $advertisments->count() >= '36')
                        <div class="gotoPage_">
                            <div class="leftinputbox_">
                                <span class="subgohead_">Go To Page</span>
                                <input type="number" class="custom-contol pageInput" id="goTo" placeholder="">
                            </div>
                            <button type="submit" class="goBtn_ goToButton" disabled>Go</button>
                        </div>
                    @endif
                    @endif
                </div>
             
            </div>
        </div>
    </section>


    <input type="hidden" value="{{ $maxPrice }}" id="maxRangePrice">
    <input type="hidden" value="{{ $minPrice }}" id="minRangePrice">
    @push('page_script')
        <script src="https://cdn.jsdelivr.net/npm/big.js@5.2.2"></script>
        <script type="text/javascript" src="{{ asset('js/pages/advertisment/currencyConvert.js') }}"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/decimal.js/9.0.0/decimal.js"></script>
        {{-- <script type="text/javascript" src="{{ asset('frontend/js/rangeslider.js') }}"></script> --}}
        <script type="text/javascript" src="{{ asset('frontend/js/rangeslider.js') }}"></script>
        <script type="text/javascript" src="{{ asset('frontend/js/advertisementFilter.js') }}"></script>
        <script type="text/javascript" src="{{ asset('frontend/js/filter.js') }}"></script>
        {{-- <script type="text/javascript" src="{{ custom_asset('frontend/js/rangeslider.js') }}"></script>
        <script type="text/javascript" src="{{ custom_asset('frontend/js/advertisementFilter.js') }}"></script>
        <script type="text/javascript" src="{{ custom_asset('frontend/js/filter.js') }}"></script> --}}
        <script type="text/javascript">
        $(function(){
            // filterCategoryData();
            // fetchAdvertisementListing();
            fetchSearchedAdvertisementList();
            // fetchAdvertisements();   
            const queryParams = new URLSearchParams(window.location.search);

            // Fetch the 'search' parameter
            const searchParam = queryParams.get('search');

            // Check and log the parameter
            if (searchParam) {
                console.log('Search parameter:', searchParam);
            }
        })

        </script>
    @endpush
@endsection