@php
use Illuminate\Support\Str;
@endphp

<!-- start Related Ads -->
<div class="related-ads notranslate">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="ads_subheading">{{__("detail.Related ADS")}}</h2>
                <div class="owl-carousel owl-theme">

                    @php
                          $code = getcountryCode();

                    @endphp

                    @foreach ($relatedAdvertisments as $model)

                    <div class="item" style="transform: translate3d(0px, 6px, 0px);">
                        <div class="card custom_card {{($slug == 'buy') ? 'looktoBuy-card' : ''}}">
                                @if (($slug != 'buy'))
                                <a href="{{url($code.'/'.$target .'/'.$model->title.'/'.$model->id)}}" class="custom_cardImg">
                                    <img src="{{ isset($model->thumbnail_image) ? $model->thumbnail_image : asset('images/default-watermark.png') }}" class="card-img-top" alt="{{ $model->title }}" style="height: auto !important;">
                                    {{-- <img src="{{ $model->image }}" class="card-img-top" alt="{{ $model->title }}" style="height: auto !important;"> --}}

                                    </a>
                                    @if (auth()->check())
                                    <img src="{{ !empty($model->is_favorite) ? asset('frontend/img/likeIcon.svg') : asset('frontend/img/heartIcon.png') }}" class="img-fluid heartOverlap likeUnLike {{ !empty($advertisment->is_favorite) ? '' : 'lookbuyHeart'}}"
                                    id="likeDislike{{$model->id}}" data-id="{{$model->id}}">


                                        @else
                                            <a href="{{route('login')}}"><span>
                                            <img src="{{ asset('frontend/img/heartIcon.png') }}" class="img-fluid heartOverlap likeUnLike">
                                            </span></a>
                                            @endif
                                @else
                                <div style="display: flex; flex-direction: column; gap:10px; justify-content: center; align-items: center; padding: 10px;">
                                    <span style="color: black;text-decoration: none; font-weight: bold;">{{ $model->category_details['sub_category'] != "Look to Buy" ? $model->category_details['sub_category'] : $model->category_details['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="{{ !empty($model->category_details['sub_category_image']) ? $model->category_details['sub_category_image'] : asset('frontend/img/forBuy.png') }}" class="card-img-top" alt="{{ $model->sub_category_slug }}" style="width: auto;height:50px;">
                                        Look To Buy
                                    </span>
                                </div>
                                        <div class="heartlikeBox_">
                                            @auth
                                            <img src="{{ !empty($model->favourite) ? asset('frontend/img/likeIcon.svg') : asset('frontend/img/heartIcon.png') }}" class="img-fluid heartOverlap likeUnLike {{ !empty($model->favourite) ? '' : 'lookbuyHeart' }}"
                                            id="likeDislike{{ $model->id }}"
                                            data-id="{{ $model->id }}">

                                            @endauth

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


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

                                        <p class="card_subtitle">

                                            <span class="flag-icon flag-icon-{{!empty($model->country->code)?$model->country->code:''}} flag-icon-squared"></span>

                                           {{-- {{!empty($model->address)?$model->address:'Los Angels, CA .'}}
                                            <span class="citytext_">{{$model->city->name}}</span> --}}
                                            {{$model->getTranslatedAddress()}}

                                        </p>
                                    </div>

                                    <div class="listDetailsTime">

                                        @php

                                        $verifyCount = $model->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">{{$model->created_at->diffForHumans()}}</span>

                                    </div>


                                </div>
                                <div class="cardPriceList_">
                                <h4 class="listPrice_">{{$model->price_with_currency}}
                                </h4>
                                <span class="card_subtitle">{{__('words.(Fixed Price)')}}</span>
                                </div>
                                <div class="bitcoinbox col-sm-12">

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

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

                                    </select>
                                        @php
                                        $param = [
                                                                            'end_point' => 'convert',
                                                                            'access_key' => env('COINLAYER_KEY'),
                                                                            'input' => [
                                                                                'from' => $model->getCurrency->symbol,
                                                                                'to' => 'BTC',
                                                                                'amount' => $model->price
                                                                            ]
                                                                        ];
                                        @endphp

                                    <h6 id="convertedAmount{{$model->id}}">{{ getConvertedAmount($param)}}</h6>
                                </div>
                                <ul class="accptableCoins">
                                    <h6>
                                        {{__('words.Accept')}}:

                                    </h6>

                                    @foreach ($model->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($model->methods) > '3' ? 'otherCurrencyClass' : ''}}">{{$method->payment->title}}</span>

                                            @endif
                                        </a>
                                    </li>
                                    @endforeach
                                </ul>
                                <h5 class="fiattext_">
                                    @if($model->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>
                             @php
                                $chatText = ($slug != 'buy') ? 'Chat with seller' : 'Chat with buyer'
                             @endphp
                             <div class="d-flex justify-content-center">
                                <a href="{{route('chat.index',['id' => encrypt($model->id)])}}" class="cardBtn">
                                    <img src="{{ asset('frontend/img/chatIcon.png') }}" class="img-fluid">
                                   {{__("words.$chatText")}}
                                </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach

                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Related Ads -->