@php
    use App\Libraries\General;
    use App\Libraries\FileSystem;
    use Illuminate\Support\str; 
    use App\Models\User\Products;
@endphp

@foreach($listing->items() as $k => $row)
    <div class="content_area">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                @php
                    $pet_image_single = isset($row['image']) && $row['image'] ? json_decode($row['image']) : [];    
                @endphp

                @if(isset($row['pet_status']) && $row['pet_status'] == 1)
                    @php
                        $corner_class = 'change_bg2'; 
                        $text = 'Available'; 
                    @endphp
                    @elseif(isset($row['pet_status']) && $row['pet_status'] == 2)
                    @php
                        $corner_class = 'change_bg1';
                        $text = 'Hold'; 
                    @endphp
                    @elseif(isset($row['pet_status']) && $row['pet_status'] == 3)
                    @php
                        $corner_class = '';
                        $text = 'Sold'; 
                    @endphp
                    @else
                        @php
                            $corner_class = ''; 
                            $text = ''; 
                        @endphp
                    @endif

                <div class="ad_area">
                    <div class="inner_area">
                        <div class="left_area">
                            <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($pet_image_single[0]->path) && $pet_image_single[0]->path ?  $pet_image_single[0]->path : ''  ), 'medium') }}" alt="..." />
                            <div class="flag">
                                <img src="https://flagpedia.net/data/flags/h80/{{ strtolower($row['iso2']) }}.webp" alt="..."/>
                            </div>

                            <div class="heart">
                                <a href="javascript:;" class="product_wishlist {{ isset($row['favourite']) && $row['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($row['id']) }}" data-url="{{ route('products.likes') }}">
                                    @if(isset($row['favourite']) && $row['favourite'])
                                    <i class="fas fa-heart"></i>
                                    @else
                                    <i class="fal fa-heart"></i>
                                    @endif
                                </a>
                            </div>
                        </div>
                        <div class="right_area">
                            <div class="content">
                                <div class="left">
                                    <p>
                                        <a href="{{ route('products.single', ['slug' => $row['slug']]) }}" class="view_count" data-id="{{ General::encrypt($row['id']) }}" data-url="{{ route('products.views') }}">
                                            {{ $row['title'] }}
                                        </a>
                                        {{-- <a href="#" data-bs-toggle="modal" data-bs-target="#select-plan">dfdfdf</a> --}}
                                        @php
                                            $microchips = [];
                                            if(!empty($row['dog_microchip']) && count($row['dog_microchip']) > 0)
                                            {
                                                foreach($row['dog_microchip'] as $k => $d)
                                                {
                                                    $microchips[] = $d['gender'];
                                                }
                                            }
                                        @endphp
                                        @if(isset($microchips) && $microchips && in_array('male', $microchips) && isset($microchips) && $microchips && in_array('female', $microchips))
                                            <i class="far fa-venus-mars"></i>
                                        @elseif(isset($microchips) && $microchips && in_array('male', $microchips) && !in_array('female', $microchips))
                                            <i class="far fa-venus"></i>
                                        @elseif(isset($microchips) && $microchips && in_array('female', $microchips) && !in_array('male', $microchips))
                                            <i class="far fa-mars"></i>
                                        @endif
                                    </p>
                                    <h5>Posted on : {{ isset($row['created']) && $row['created'] ? _d($row['created']) : '' }}</h5>
                                    <h5>{{ isset($row['state_name']) && $row['state_name'] ? $row['state_name'].', '.$row['country_name'] : '' }}</h5>
                                    <h6>{{ str::limit( isset($row['description']) && $row['description'] ? $row['description'] : '' , 300 , '......')  }}</h6>

                                    @if(isset($row->status) && $row->status)
                                    <div class="button_area">
                                        @if($row->plan_actions)
                                        <ul>
                                            @if(strtotime($row->plan_actions->expired_on) > strtotime(date('Y-m-d H:i:s')))
                                                @if(Products::hasPermission($row->bumped,$user->membership_id,'bumped',$row->ad_type))
                                                <li><a href="{{ route('user.updateAd',['status' => 'bumped','id' => General::encrypt($row->id)]) }}" class="btn btn-primary-7">Bump AD</a></li>
                                                @endif
                                                @if(Products::hasPermission($row->highlight,$user->membership_id,'highlight',$row->ad_type))
                                                <li><a href="{{ route('user.updateAd',['status' => 'highlight', 'id' => General::encrypt($row->id)]) }}" class="btn btn-primary-7">Highlight AD</a></li>
                                                @endif
                                            @endif
                                            
                                            {{-- @if(strtotime(date('Y-m-d H:i:s',strtotime('- 5 days '.$row->plan_actions->expired_on))) <= strtotime(date('Y-m-d H:i:s'))) --}}
                                            <li><a href="{{ route('user.updateAd',['status' => 'renew','id' => General::encrypt($row->id)]) }}" class="btn btn-primary-7">Renew AD</a></li>
                                            {{-- @endif --}}
                                        </ul>
                                         @endif
                                        
                                    </div>
                                    @endif
                                </div>
                                @if(isset($row->status) && $row->status)
                                <div class="right">
                                    <div class="icon_area">
                                        <ul>
                                            <li>
                                                <div class="dropdown">
                                                    <button class="dropdown" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <a href="javascript:;" class="color"><i class="fal fa-pen"></i></a>
                                                    </button>
                                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                        <li>
                                                            @if(isset($row['ad_type']) && $row['ad_type'] =='upcoming_litter')
                                                                <a class="dropdown-item" href="{{ route('placeAdd.litterDetail', ['bid' => General::encrypt($row['id']), 'unique_id' => base64_encode($row['dog_unique_id']) ]) }}">Details</a>
                                                            @else
                                                                <a class="dropdown-item" href="{{ route('placeAdd.dogDetail', ['bid' => General::encrypt($row['id']), 'unique_id' => base64_encode($row['dog_unique_id']) ]) }}">Details</a>
                                                            @endif
                                                        </li>
                                                        <li>
                                                            <a class="dropdown-item" href="{{ route('placeAdd.photos', ['id' => General::encrypt($row['id'])]) }}" >Photos</a>
                                                        </li>
                                                        <li>
                                                            <a class="dropdown-item" href="{{ route('placeAdd.healthTests', ['id' => General::encrypt($row['id']), 'unique_id' => base64_encode($row['dog_unique_id']) ]) }}" >Health Tests</a>
                                                        </li>
                                                        <li>
                                                            <a class="dropdown-item" href="{{ route('placeAdd.pedigree', [
                                                                'id' => General::encrypt($row['id']), 'unique_id' => base64_encode($row['dog_unique_id']) ]) }}" >Pedigree</a>
                                                        </li>
                                                        @if(!$row->plan_actions)
                                                        <li>
                                                            <a class="dropdown-item" href="{{ route('placeAdd.plans', ['id' => General::encrypt($row['id']), 'unique_id' => base64_encode($row['dog_unique_id']) ]) }}" >Plans</a>
                                                        </li>
                                                        @endif
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="d-none">
                                                <a href="{{ route('placeAdd.dogDetail', ['bid' => General::encrypt($row['id'])]) }}"><i class="fal fa-pen"></i></a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="_delete_confirm" data-type="ads" data-id="{{ General::encrypt($row['id']) }}" data-url="{{ route('placeAdd.delete', ['id' => General::encrypt($row->id)]) }}" ><i class="fal fa-trash-alt"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                @endif
                            </div>

                        </div>
                    </div>
                    <div class="corner_title {{ $corner_class }}">
                        <p>{{ $text }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach



<div class="modal el_modal Select-Plan fade" id="select-plan" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog  modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title">Select Plan</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fal fa-times"></i>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="content_box">
                            <div class="content">
                                <div class="alrrey_slect">
                                    <div class="subs_type">
                                        <div class="left_area">
                                            <div class="custom-control custom-checkbox">
                                                <input type="radio" class="custom-control-input" id="7-3" name="age" value="month">
                                                <label class="custom-control-label" for="7-3">Bump Ad <span>Set max of 1 bumb a day</span></label>
                                            </div>
                                        </div>
                                        <div class="right_area">
                                            <p>
                                                £5.00
                                            </p>
                                        </div>
                                    </div>
                                    <div class="or">
                                        <p>
                                            or
                                        </p>
                                    </div>
                                </div>
                                <div class="subscribe_plan">
                                    <div class="head_plan">
                                        <h1>Choose Subscription Plan</h1>
                                    </div>
                                    <div class="inner_detail">
                                        <div class="plan_detail">
                                            <div class="subs_type">
                                                <div class="left_area">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="radio" class="custom-control-input" id="7-1" name="age" value="month">
                                                        <label class="custom-control-label" for="7-1">Monthly Subscription</label>
                                                    </div>
                                                </div>
                                                <div class="right_area">
                                                    <p>
                                                        £15.00
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="subs_type">
                                                <div class="left_area">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="radio" class="custom-control-input" id="7-2" name="age" value="month">
                                                        <label class="custom-control-label" for="7-2">Annual Subscription</label>
                                                    </div>
                                                </div>
                                                <div class="right_area">
                                                    <p>
                                                        £15.00
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="plan_detail two">
                                            <div class="subs_type">
                                                <div class="left_area">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="radio" class="custom-control-input" id="7-3" name="age" value="month">
                                                        <label class="custom-control-label" for="7-3">'New ad' <span> Duration 30 days</span></label>
                                                    </div>
                                                </div>
                                                <div class="right_area">
                                                    <p>
                                                        £15.00
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="subs_type">
                                                <div class="left_area">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="radio" class="custom-control-input" id="7-4" name="age" value="month">
                                                        <label class="custom-control-label" for="7-4">Highlighted UCL ad<span>Rotate for 7 days</span></label>
                                                    </div>
                                                </div>
                                                <div class="right_area">
                                                    <p>
                                                        £15.00
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="seprater"></div>
                                        <div class="plan_detail two">
                                                <div class="subs_type">
                                                    <div class="left_area">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="radio" class="custom-control-input" id="7-3" name="age" value="month">
                                                            <label class="custom-control-label" for="7-3">Upcoming Litter (UCL) ad <span> Duration 30 days</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_area">
                                                        <p>
                                                            £15.00
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="subs_type">
                                                    <div class="left_area">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="radio" class="custom-control-input" id="7-4" name="age" value="month">
                                                            <label class="custom-control-label" for="7-4">Highlighted UCL ad<span>Rotate for 7 days</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_area">
                                                        <p>
                                                            £15.00
                                                        </p>
                                                    </div>
                                                </div>
                                        </div>
                                        <div class="pay_total">
                                            <a href="#" class="btn btn-primary w-100">Pay £5.00</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>