@php
use Illuminate\Support\Str;
@endphp
<div class="row">
    @forelse ( $forbuyadvertisments as $advertisment)

    <div class="col-sm-12 col-md-6 col-lg-3 mb-3">
        <a href="{{url($code.'/'.$target .'/'.str::slug($advertisment->title).'/'.$advertisment->id)}}"
            class="custom_cardImg" style="display: flex; flex-direction: column; gap:10px; justify-content: center; align-items: center;">
            <span style="color: black;text-decoration: none; font-weight: bold;">{{ $advertisment->main_category }}</span>

            <span style="display: flex; gap:10px; background-color: rgb(243, 234, 217);color:black; width: 100%; justify-content: center; align-items: center;padding:5px;border-radius: 8px;">
                <img src="{{ $advertisment->sub_category_image ? $advertisment->sub_category_image : asset('frontend/img/forBuy.png') }}" class="card-img-top" alt="{{ $advertisment->sub_category_slug }}" style="width: auto;height:50px;">
                {{ $advertisment->sub_category }}
            </span>
            @if (count($advertisment->InternationalPromoted) > 0 || $advertisment->isLocalPromoted($countryID))
                <div class="promotedTag">
                    <img class="me-1" src="{{ asset('frontend/img/Line.svg') }}" alt="">
                    <span class="promoText ">{{__("$advertisment->promoWord")}}</span>
                    {{-- <span class="promoText ">{{__("words.PROMOTED")}}</span> --}}
                </div>
            @endif

        </a>
        <div class="card custom_card looktoBuy-card">

                @auth
                @if(auth()->user()->id!=$advertisment->created_by_id)
                <div class="heartlikeBox_">
                    <img src="{{ !empty($advertisment->favourite) ? asset('frontend/img/likeIcon.svg') : asset('frontend/img/heartIcon.png') }}" class="img-fluid heartOverlap likeUnLike {{ !empty($advertisment->favourite) ? '' : 'lookbuyHeart' }}"
                    id="likeDislike{{ $advertisment->id }}"
                    data-id="{{ $advertisment->id }}">
                </div>
                @endif
                @endauth

                @guest
                <div class="heartlikeBox_">

                <a class="lookbuyHeart" href="{{route('login')}}"><span>
                        <img src="{{ asset('frontend/img/heartIcon.png') }}" class="img-fluid heartOverlap likeUnLike">
                    </span></a>
                </div>
                @endguest

            {{-- @if (count($advertisment->InternationalPromoted)>0 || $advertisment->isLocalPromoted($countryID))
            <div class="promotedTag">
                <img class="me-1" src="{{ asset('frontend/img/Line.svg') }}" alt="">
                <span class="promoText ">{{__("words.PROMOTED")}}</span>
            </div>

           @endif --}}
            <div class="card-body custom_cardBody">
                <div class="commonCardbox_">
                    <div class="cardTop_">
                        <div class="listDetails">
                            <a href="{{url($code.'/'.$target .'/'.str::slug($advertisment->title).'/'.$advertisment->id)}}">
                                <h5 class="sscard_title">
                                    {{-- {{$advertisment->getTranslatedTitle($target)}} --}}
                                    {{ $advertisment->translatedTitle }}
                                </h5>
                            </a>

                            <p class="card_subtitle">
                                <span class="flag-icon flag-icon-{{ !empty($advertisment->country->iso2) ? strtolower($advertisment->country->iso2) :'' }} flag-icon-squared"></span>

                                @if(empty($advertisment->jobs))
                                {{-- {{$advertisment->getTranslatedAddress('address')}} --}}
                                {{ $advertisment->translatedAddress }}
                                @endempty
                             </p>
                        </div>


                        <div class="listDetailsTime">

                            @php
                            $verifyCount = $advertisment->getCreatedBy->getVerifyCount()->count();
                            @endphp
                            @if($verifyCount > '0')
                            <div class="mainboxcount">
                                <div class="limitbadge">
                                    <div class="userIcon">
                                        <img src="{{ asset('frontend/img/adusericon.png') }}" class="img-fluid">
                                        <div class="positionicon">
                                            <img src="{{ asset('frontend/img/verified.svg') }}" class="img-fluid">
                                        </div>
                                    </div>
                                    <h4>{{$verifyCount}}y</h4>
                                </div>
                            </div>
                            @endif
                            <span class="listTime">{{$advertisment->created_at->diffForHumans()}}</span>
                        </div>
                    </div>
                    <h4 class="listPrice_">{{$advertisment->price_with_currency}}
                        <span class="card_subtitle">{{__('detail.(Fixed Price)')}}</span>
                    </h4>
                    <div class="bitcoinbox col-sm-12">

                        <input type="hidden" id="amountToConvert{{$advertisment->id}}" value="{{$advertisment->price}}" data-ref="convertedAmount{{$advertisment->id}}">
                        <input type="hidden" id="fromCurrency{{$advertisment->id}}" value="{{$advertisment->getCurrency->symbol}}">

                        <select class="form-control bitcoinselect select2-multiple-convertor" name="sort" aria-label="Default select example" data-id={{$advertisment->id}}>
                            @foreach ($json['allCurrency'] as $currency)
                            <option value="{{$currency->symbol}}" title="{{$currency->image}}" {{($currency->symbol == 'BTC') ? 'selected=""' : ''}}>{{$currency->symbol}}</option>
                            @endforeach

                        </select>
                        <h6 id="convertedAmount{{$advertisment->id}}">{{ $advertisment->converted_amount}}</h6>
                    </div>
                    <ul class="accptableCoins">
                        <h6> {{__('words.Accept')}} </h6>

                        @foreach ($advertisment->cryptoPayment as $method)

                        <li class="coinsItems">
                            <a href="javascript:void(0);" class="coinsLinks">
                                @if (!empty($method->payment->image))
                                <img src="{{ $method->payment->image }}" class="img-fluid">
                                @else
                                <span class="{{count($advertisment->methods) > '3' ? 'otherCurrencyClass' : ''}}">{{$method->payment->title}}</span>

                                @endif
                            </a>
                        </li>
                        @endforeach
                    </ul>
                    <h5 class="fiattext_">
                        @if($advertisment->is_accept_fiat == \App\Models\Advertisment::IS_ACCEPT_FIAT_TRUE)
                        <img src="{{ asset('frontend/img/fiatImg.svg') }}" class="img-fluid"> {{__('words.Fiat Money')}}
                        @endif
                    </h5>
                </div>
                <div class="d-flex justify-content-center">
                    @if (empty($advertisment->checkAllowChat()))
                        <a class="cardBtn" onclick="noChatUser(true)" >
                            <img src="{{ asset('frontend/img/chatIcon.png') }}"
                                class="img-fluid">
                            {{ __('words.Chat with buyer') }}
                        </a>
                    @else
                        <a href="{{route('chat.index',['id' => encrypt($advertisment->id)])}}"
                        class="cardBtn">
                            <img src="{{ asset('frontend/img/chatIcon.png') }}"
                                class="img-fluid">
                            {{ __('words.Chat with buyer') }}
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @empty
    <p class="nofound"> {{__('words.No data found')}}</p>
    @endforelse
</div>
<script src="{{ asset('js/pages/advertisment/currencyConvert.js') }}"></script>