@extends('layouts.auth')
@php
use Illuminate\Support\Str;
function custom_asset($path) { return url('/' . $path); }
@endphp
<style>
    .spinner {
        border: 6px solid #f3f3f3;
        border-top: 6px solid #e63c2f;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 0.8s linear infinite;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        30% { transform: rotate(30deg); }
        50% { transform: rotate(90deg); }
        50% { transform: rotate(180deg); }
        100% { transform: rotate(360deg); }
    }
    .ads {
        position: relative;
    }

    .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')

    @php
        if ($mainCategory == false) {
            try{
                $mainCategory = $categoryModel->getTopRootParentCategory($categoryModel);
            } catch(\Exception $e){
                return response()->json($e);
            }

        }
    @endphp
    <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->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>

                    @if (!empty(request()->get('search')))
                        <div class="commonselectCategory">
                            @foreach ($advertisments as $advertisment)
                                @php
                                    $name = [];
                                    $category = \App\Models\Category::find(getFirstCategoryByAdId($advertisment->id));
                                @endphp
                                @if (!in_array($category->title, $name))
                                    <div class="select-currency mt-2 mb-2">
                                        <label class="checkbox_">{{ __("category.$category->title") }}
                                            <input type="radio" name="search_category" class="searchCategory"
                                                value="{{ encrypt($category->id) }}">
                                            <span class="checkmark newCheck"></span>
                                        </label>
                                    </div>
                                @endif


                                @php
                                    $name[] = $category->title;
                                @endphp
                            @endforeach
                        </div>
                        @endif
                        
                    <div class="row filteredAdsOuter" id="filteredAds">
                        
                        <div id="advertismentList" class="row">
                            {{-- <div id="category-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;"></div> --}}
                            <input type="hidden" value="{{ $maxPrice }}" id="maxRangePrice">
                            <input type="hidden" value="{{ $minPrice }}" id="minRangePrice">
                            <div id="category-loader" style="
                                display: none;
                                position: fixed;
                                top: 0;
                                left: 0;
                                z-index: 9999;
                                width: 100%;
                                height: 100%;
                                background: rgba(255,255,255,0.6);
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            ">
                                <div class="spinner"></div>
                            </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();
            // 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