@php
    use App\Libraries\General;
    use App\Libraries\DateTime;
    use App\Libraries\FileSystem;
    $age = '';
@endphp

@extends('layouts.frontlayout')
@section('content')

<section class="detail_section top-space">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                @if(isset($product['pet_status']) && $product['pet_status'] == 1)
                    @php
                        $corner_class = ''; 
                        $class = 'available'; 
                        $text = 'Available'; 
                    @endphp
                    @elseif(isset($product['pet_status']) && $product['pet_status'] == 2)
                    @php
                        $corner_class = 'change_bg1'; 
                        $class = 'hold'; 
                        $text = 'Hold'; 
                    @endphp
                    @elseif(isset($product['pet_status']) && $product['pet_status'] == 3)
                    @php
                        $corner_class = 'change_bg2'; 
                        $class = ''; 
                        $text = 'Sold'; 
                    @endphp
                    @else
                        @php
                        $corner_class = ''; 
                        $class = ''; 
                        $text = ''; 

                    @endphp
                @endif
                <div class="detail_area">
                    <div class="row">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="detail_slider sticky-md-top">
                                <div class="detail_page_start">
                                    <div class="product_images">
                                         @php
                                            $img = '';

                                            $pet_images = isset($product->image) && $product->image ? json_decode($product->image) : [];
                                            $pet_videos = isset($product->video) && $product->video ? FileSystem::getAllVideoThumbnailImages($product->video,'videos_thumbnails') : [];

                                            $pet_youtube = isset($product->youtube) && $product->youtube ? json_decode($product->youtube) : [];
                                            $pet_facebook = isset($product->facebook) && $product->facebook ? json_decode($product->facebook) : [];

                                        @endphp
                                        @if(isset($pet_images) && count($pet_images) > 0)
                                        <div id="sync1" class="owl-carousel-cc">
                                            <!-- ===== Images ==== -->
                                            @if(isset($pet_images) && $pet_images)
                                                @foreach($pet_images as $pet_image_key => $pet_image_value)
                                                    <div class="item">
                                                        <div class="single_image">
                                                            <img src="{{ General::renderImage(FileSystem::getAllSizeImages($pet_image_value->path), 'large') }}" alt="..." />
                                                            <div class="incon">
                                                                <a href="javascript:;" class="product_wishlist {{ isset($product['favourite']) && $product['favourite'] ? 'active' : '' }}"data-id="{{ General::encrypt($product['id']) }}"     data-url="{{ route('products.likes') }}">
                                                                    @if(isset($product['favourite']) && $product['favourite'])
                                                                    <i class="fas fa-heart"></i>
                                                                    @else
                                                                    <i class="fal fa-heart"></i>
                                                                    @endif
                                                                </a>
                                                            </div>
                                                            <div class="flag">
                                                                <img src="https://flagpedia.net/data/flags/h80/{{ strtolower($product->iso2) }}.webp" alt="..."/>
                                                            </div>
                                                            <div class="corner_info {{ $corner_class }}">
                                                                <p>{{ $text }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif

                                            <!-- ===== Videos ==== -->
                                            @if(isset($pet_videos) && $pet_videos)
                                                @foreach($pet_videos as $pet_videos_key => $pet_videos_value)
                                                    <div class="item">
                                                        <div class="single_image">
                                                            <img src="{{ General::renderImage($pet_videos_value,'large') }}" alt="">
                                                            <div class="incon">
                                                                <a href="javascript:;" class="product_wishlist {{ isset($product['favourite']) && $product['favourite'] ? 'active' : '' }}"data-id="{{ General::encrypt($product['id']) }}"     data-url="{{ route('products.likes') }}">
                                                                @if(isset($product['favourite']) && $product['favourite'])
                                                                 <i class="fas fa-heart"></i>
                                                                @else
                                                                <i class="fal fa-heart"></i>
                                                                @endif
                                                            </a>
                                                            </div>
                                                            <div class="flag">
                                                                <img src="https://flagpedia.net/data/flags/h80/{{ strtolower($product->iso2) }}.webp" alt="..."/>
                                                            </div>
                                                            <div class="flag" style="right: 13px; left: initial;">
                                                                <a data-fancybox="video-gallery" href="{{ isset($pet_videos_value['video_url']) && $pet_videos_value['video_url'] ? $pet_videos_value['video_url'] : General::renderImage($pet_videos_value,'large') }}" data-width="640" data-height="360">
                                                                    <i class="fad fa-play-circle"></i>
                                                                </a>
                                                            </div>
                                                            <div class="corner_info d-none {{ $corner_class }}">
                                                                <p>{{ $text }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                            
                                            <!-- ===== Youtube ==== -->
                                            @if(isset($pet_youtube) && $pet_youtube)
                                                @foreach($pet_youtube as $pet_youtube_key => $pet_youtube_value)
                                                @php
                                                    $video_id = explode("?v=", $pet_youtube_value);
                                                    $video_id = isset($video_id[1]) && $video_id[1] ? $video_id[1] : '';
                                                @endphp
                                                    <div class="item">
                                                        <div class="single_image">
                                                            <img src="https://img.youtube.com/vi/{{ $video_id }}/hqdefault.jpg" alt="">
                                                            <div class="incon">
                                                                <a href="javascript:;" class="product_wishlist {{ isset($product['favourite']) && $product['favourite'] ? 'active' : '' }}"data-id="{{ General::encrypt($product['id']) }}"     data-url="{{ route('products.likes') }}">
                                                                @if(isset($product['favourite']) && $product['favourite'])
                                                                 <i class="fas fa-heart"></i>
                                                                @else
                                                                <i class="fal fa-heart"></i>
                                                                @endif
                                                            </a>
                                                            </div>
                                                            <div class="flag">
                                                                <img src="https://flagpedia.net/data/flags/h80/{{ strtolower($product->iso2) }}.webp" alt="..."/>
                                                            </div>
                                                            <div class="flag" style="right: 13px; left: initial;">
                                                                <a data-fancybox="video-gallery" href="{{ $pet_youtube_value }}" data-width="640" data-height="360">
                                                                    <i class="far fa-video"></i>
                                                                </a>
                                                            </div>
                                                            <div class="corner_info d-none {{ $corner_class }}">
                                                                <p>{{ $text }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif

                                            @if(isset($pet_facebook) && $pet_facebook)
                                                @foreach($pet_facebook as $pet_videos_key => $pet_videos_value)
                                                    @php
                                                        $url = parse_url($pet_videos_value);
                                                        $video_id = [];
                                                        if($url)
                                                        {
                                                            //get the pathe and split to get the video id
                                                            $url=$url['path'];
                                                            $url = explode('/',$url);
                                                            if(count($url) == 3)
                                                            {
                                                                $video_id=$url[3];
                                                            }
                                                        }
                                                    @endphp
                                                    <div class="item ">
                                                        <div class="single_image">
                                                            {{-- <img src="{{ General::renderImage(FileSystem::getAllSizeImages($pet_videos_value), 'small') }}" alt=""> --}}
                                                            <div class="incon">
                                                                <a href="javascript:;" class="product_wishlist {{ isset($product['favourite']) && $product['favourite'] ? 'active' : '' }}"data-id="{{ General::encrypt($product['id']) }}"     data-url="{{ route('products.likes') }}">
                                                                @if(isset($product['favourite']) && $product['favourite'])
                                                                 <i class="fas fa-heart"></i>
                                                                @else
                                                                <i class="fal fa-heart"></i>
                                                                @endif
                                                            </a>
                                                            </div>
                                                            <div class="flag">
                                                                <img src="https://flagpedia.net/data/flags/h80/{{ strtolower($product->iso2) }}.webp" alt="..."/>
                                                            </div>
                                                            <div class="fb-video"  data-href="{{ $pet_videos_value }}" data-allowfullscreen="true" data-width="640"></div>
                                                            <div class="flag" style="right: 13px; left: initial;">
                                                                <a data-fancybox="video-gallery" href="{{ $pet_videos_value }}"  data-height="360">
                                                                    <i class="far fa-video"></i>
                                                                </a>
                                                            </div>
                                                            <div class="corner_info d-none {{ $corner_class }}">
                                                                <p>{{ $text }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                        <div id="sync2" class="owl-carousel-cc">
                                            <!-- ===== Images ==== -->
                                            @if(isset($pet_images) && count($pet_images) > 0)
                                                @foreach($pet_images as $pet_image_key => $pet_image_value)
                                                    <div class="item">
                                                        <div class="botttom_image">
                                                            <img src="{{ General::renderImage(FileSystem::getAllSizeImages($pet_image_value->path), 'small') }}" alt="..." />
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif

                                            <!-- ===== Videos ==== -->
                                            @if(isset($pet_videos) && $pet_videos)
                                                @foreach($pet_videos as $pet_videos_key => $pet_videos_video)
                                                    <div class="item">
                                                        <div class="botttom_image">
                                                            <img src="{{ General::renderImage($pet_videos_video,'small') }}" alt="">
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif

                                            <!-- ===== Youtube ==== -->
                                            @if(isset($pet_youtube) && $pet_youtube)
                                                @foreach($pet_youtube as $pet_youtube_key => $pet_youtube_video)
                                                    @php
                                                        $video_id = explode("?v=", $pet_youtube_video);
                                                        $video_id = $video_id = isset($video_id[1]) && $video_id[1] ? $video_id[1] : '';
                                                    @endphp
                                                    <div class="item">
                                                        <div class="botttom_image">
                                                            <img src="https://img.youtube.com/vi/{{ $video_id }}/hqdefault.jpg" alt="">
                                                            <div class="icon">
                                                                <i class="far fa-video"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif

                                            <!-- ===== Facebook ==== -->
                                            @if(isset($pet_facebook) && $pet_facebook)
                                                @foreach($pet_facebook as $pet_videos_key => $pet_facebook_video)
                                                    <div class="item">
                                                        <div class="botttom_image">
                                                            <img src="{{ General::renderImage(FileSystem::getAllSizeImages($pet_facebook_video), 'small') }}" alt="">
                                                            <div class="icon">
                                                                <i class="far fa-video"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                        @else
                                        <img src="{{ General::renderImage(FileSystem::getAllSizeImages($img), 'medium') }}" class="w-100" alt="..." />
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="content_area">
                                <div class="header_area">
                                    <div class="left">
                                        <p>{{ time_ago($product->created) }}</p>
                                        @if($totalViews > 0)
                                        <a href="javascript:;">
                                            <h6>
                                                <i class="far fa-eye pe-2"></i>
                                                {{ $totalViews }} viewed this AD
                                            </h6>
                                        </a>
                                        @endif
                                    </div>
                                    <div class="right">
                                        <div class="dropdown">
                                            <button type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class="far fa-ellipsis-v ellipsis-spaces"></i>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <li>
                                                    <a class="dropdown-item product_report" href="javascript:;" data-id="{{ General::encrypt($product->id) }}" data-url="{{ route('products.report') }}">Report AD</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="inner_area">
                                    <h2>
                                        {{ $product->title }} 
                                    </h2>
                                    @if(isset($product->ad_type) && $product->ad_type == 'available_dogs')
                                        <div class="price">
                                            <h2>{{ isset($product->price) && $product->price > 0.00 && $product->price_status == 1 ? priceformat($product->price) : 'Please Contact'; }}</h2>
                                        </div>
                                    @endif
                                    <p>{{ $product->city_name.', '.$product->country_name }}</p>
                                    @if(isset($product->ad_type) && $product->ad_type == 'available_dogs')
                                        <div class="icon">
                                            {{-- @if(isset($product) && $product['gender'] == 'male' )
                                                <i class="far fa-mars"></i>
                                            @elseif(isset($product) && $product['gender'] == 'female' )
                                                <i class="far fa-venus"></i>
                                            @endif --}}
                                            @php
                                                $microchips = [];
                                                if(count($product['dog_microchip']) > 0)
                                                {
                                                    foreach($product['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
                                        </div>
                                    @endif
                                </div>
                                <div class="map_area">
                                    <div class="left">
                                        <div class="image">
                                            <img src="{{ General::renderImage(FileSystem::getAllSizeImages($product->user_profile_image), 'small') }}" alt="..." />
                                        </div>
                                        <h6>{{ $product->user_first_name.' '.$product->user_last_name }}</h6>
                                        <p>
                                            @if($product->users->user_type == 'buyer')
                                            {{ 'Private buyer/seller' }}
                                            @elseif($product->users->user_type == 'seller')
                                            {{ $product->users->seller_id }}
                                            @elseif($product->users->user_type == 'rbe')
                                            {{ $product->users->rbe_number }}
                                            @elseif($product->users->user_type == 'rco')
                                            {{ $product->users->charitable_number }}
                                            @endif
                                        </p>
                                        <p>{{ $product->user_city_name.', '.$product->user_country_name }}</p>
                                    </div>
                                    <div class="right">
                                        <div class="map">
                                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2437885.707017297!2d-10.459920046846163!3d53.36566901862628!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4859bae45c4027fb%3A0xcf7c1234cedbf408!2sIreland!5e0!3m2!1sen!2sin!4v1656767917049!5m2!1sen!2sin" width="100%"  style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                        </div>
                                    </div>
                                </div>
                                <div class="button_area">
                                    <ul>
                                        <li><a href="{{ route('message.startNewConversation', ['to_id' => General::encrypt($product->posted_by), 'product_id' => General::encrypt($product->id)]) }}" class="btn btn-primary">Contact</a></li>
                                        <li><a href="javascript:;" class="btn btn-primary-7">Get directions</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="description_area">
                    <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                Description
                            </button>
                            </h2>
                            @if(isset($product->description) && $product->description)
                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <p>{!! nl2br($product->description) !!}</p>
                                    </div>
                                </div>
                             @else
                                <div class="no_record_row">
                                    <div class="no_record">
                                        <p>
                                            No Description Found
                                        </p>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @if(isset($champion) && $champion)
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="champion_btn">
                        <a href="javascript:;" class="btn btn-primary-8">Champion Bloodlines
                            <div class="image">
                                <img src="{{ url('frontend/') }}/images/trophy_1.png" alt="..." />
                            </div>
                        </a>
                    </div>
                </div>
            @endif
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="information_area">
                    <div class="row">
                        <div class="col-xxl-6 col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="left_side">
                                <div class="description_area">
                                    <div class="accordion" id="accordionExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingOne">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
                                                Additional Info
                                            </button>
                                            </h2>
                                            <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    @if(isset($product['categories']) && $product['categories'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>Breed :</p>
                                                            </div>
                                                            <div class="right">
                                                                <p>     
                                                                    @foreach($product['categories'] as $cKey => $cvalue)
                                                                        {{ $cvalue['title'] }}
                                                                    @endforeach
                                                                </p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if(isset($product['color']) && $product['color'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>Color :</p>
                                                            </div>
                                                            <div class="right">
                                                                <p>
                                                                {{ isset($product['color']) && $product['color'] ? $product['color'] : 'N/A' }}</p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if(isset($product['dob']) && $product['dob'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>
                                                                    @if(isset($product['ad_type']) && $product['ad_type'] == 'upcoming_litter'  )
                                                                    {{ ' Expected Date of birth :' }}
                                                                    @else
                                                                    {{ ' Date of birth :' }}
                                                                    @php
                                                                    $age = '('.DateTime::ageCalculator($product['dob']).')';
                                                                    @endphp
                                                                    @endif
                                                                </p>
                                                            </div>
                                                            <div class="right">
                                                                <p>{{ isset($product['dob']) && $product['dob'] ? _d($product['dob']).$age  : 'N/A' }}</p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if(isset($product['country_name']) && $product['country_name'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>Country :</p>
                                                            </div>
                                                            <div class="right">
                                                                <p>{{ isset($product['country_name']) && $product['country_name'] ? $product['country_name'] : 'N/A' }}</p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if(isset($product['country_origin']) && $product['country_origin'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>Country of origin:</p>
                                                            </div>
                                                            <div class="right">
                                                                <p>{{ isset($product['country_origin']) && $product['country_origin'] ? ucwords($product['country_origin']) : 'N/A' }}</p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if(isset($product['users']['business_name']) && $product['users']['business_name'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>Kennel name :</p>
                                                            </div>
                                                            <div class="right">
                                                                <p>{{ isset($product['users']['business_name']) && $product['users']['business_name'] ? $product['users']['business_name'] : 'N/A' }}</p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if(isset($product['users']['seller_id']) && $product['users']['seller_id'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>Seller ID :</p>
                                                            </div>
                                                            <div class="right">
                                                                <p>{{ isset($product['users']['seller_id']) && $product['users']['seller_id'] ? $product['users']['seller_id'] : 'N/A' }}</p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if(isset($product['users']['rbe_breeding_bitches']) && $product['users']['rbe_breeding_bitches'])
                                                        <div class="add_info">
                                                            <div class="left">
                                                                <p>Max No of Breeding Bitches :</p>
                                                            </div>
                                                            <div class="right">
                                                                <p>{{ isset($product['users']['rbe_breeding_bitches']) && $product['users']['rbe_breeding_bitches'] ? $product['users']['rbe_breeding_bitches'] : 'N/A' }}</p>
                                                            </div>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="right_side">
                                <div class="description_area">
                                    <div class="accordion" id="accordionExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingOne">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
                                                Microchip Details
                                            </button>
                                            </h2>
                                            <div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <div class="microchip_detail">
                                                        <div class="table_area">
                                                            <div class="table_row_area">
                                                                <div class="table-responsive">
                                                                    <table class="table">
                                                                        <thead>
                                                                            <tr>
                                                                                <th>

                                                                                </th>
                                                                                <th>
                                                                                    Microchip Number
                                                                                </th>
                                                                                <th>
                                                                                    Gender
                                                                                </th>
                                                                                <th>
                                                                                    Color
                                                                                </th>
                                                                                <th>
                                                                                    Status
                                                                                </th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                           @if(!empty($microchip_data->toArray()) && $microchip_data)
                                                                                @foreach($microchip_data as $microchip_dataKey => $microchip_dataValue)
                                                                                    <tr class="abc">
                                                                                        <td valign="middle">
                                                                                            <i class="fal fa-check"></i>
                                                                                        </td>
                                                                                        <td valign="middle">
                                                                                            {{ isset($microchip_dataValue['microchip_number']) && $microchip_dataValue['microchip_number'] ? $microchip_dataValue['microchip_number'] : '' }}
                                                                                        </td>
                                                                                        <td valign="middle">
                                                                                            {{ isset($microchip_dataValue['gender']) && $microchip_dataValue['gender'] ? ucfirst($microchip_dataValue['gender']) : '' }}
                                                                                        </td>
                                                                                        <td valign="middle">
                                                                                            {{ isset($microchip_dataValue['dog_color']) && $microchip_dataValue['dog_color'] ? $microchip_dataValue['dog_color'] : '' }}
                                                                                        </td>
                                                                                        <td>
                                                                                            <div class="sold {{ $class }}">
                                                                                                <p>{{$text}}</p>
                                                                                            <div>
                                                                                        </td>   
                                                                                    </tr>
                                                                                @endforeach
                                                                            @else
                                                                            <tr>
                                                                                <td colspan="5">
                                                                                    <div class="no_record_row">
                                                                                        <div class="no_record">
                                                                                            <p>
                                                                                                No Microchip Details Found
                                                                                            </p>
                                                                                        </div>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                            @endif
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @if(isset($product->ad_type) && $product->ad_type == 'available_dogs')
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
                    <div class="checked_list_area">
                        <div class="inner_area">
                            <ul>
                                @if(isset($product['registration_health']) && $product['registration_health'])
                                @php
                                    $registration_health = isset($product['registration_health']) && $product['registration_health'] ? json_decode($product['registration_health']) : [];
                                @endphp
                                @foreach($registration_health as $rKey => $rValue)
                                <li><i class="fal fa-check me-2"></i>
                                @if($rValue == 'ikc_registered')
                                    {{ 'KC Registered' }}
                                @else
                                {{ ucwords(str_replace('_', ' ', $rValue)) }}
                                @endif
                                </li>
                                @endforeach
                                @else
                                <div class="no_record_row">
                                    <div class="no_record">
                                        <p>
                                            No Registration Found
                                        </p>
                                    </div>
                                </div>
                                @endif 
                            </ul>
                        </div>
                    </div>
                </div>
            @endif
            
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="health_test_section">
                    <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseOne">
                                    Health Tests
                                </button>
                            </h2>
                            @if(!empty($sire_health_test->toArray()) && $sire_health_test || !empty($dam_health_test->toArray()) && $dam_health_test)
                                <div id="collapseFour" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <div class="information_area health_test">
                                            <div class="row">
                                                @if(!empty($sire_health_test->toArray()) && $sire_health_test)
                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                        <div class="right_side">
                                                            <div class="dog_namedd">
                                                                <p>Sire : {{ isset($product['health_test_sire_name']) && $product['health_test_sire_name'] ? $product['health_test_sire_name'] : 'N/A' }}
                                                                </p>
                                                            </div>
                                                            <div class="description_area">
                                                                <div class="microchip_detail">
                                                                    <div class="table_area">
                                                                        <div class="table_row_area">
                                                                            <div class="table-responsive">
                                                                                <table class="table">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th>
                                                                                                Test
                                                                                            </th>
                                                                                            <th>
                                                                                                Result
                                                                                            </th>
                                                                                            <th>
                                                                                                Date
                                                                                            </th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                        @foreach($sire_health_test as $sireHealthKey => $sireHealthValue)
                                                                                            <tr>
                                                                                                <td>
                                                                                                    {{ $sireHealthValue['test_name'] }}
                                                                                                </td>
                                                                                                <td>
                                                                                                    {{ $sireHealthValue['result'] }}
                                                                                                </td>
                                                                                                <td>
                                                                                                    {{ _d($sireHealthValue['test_date']) }}
                                                                                                </td>
                                                                                            </tr>
                                                                                        @endforeach
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                @if(!empty($dam_health_test->toArray()) && $dam_health_test)
                                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                        <div class="right_side">
                                                        <div class="dog_namedd">
                                                                <p>Dam :
                                                                   {{ isset($product['health_test_dam_name']) && $product['health_test_dam_name'] ? $product['health_test_dam_name'] : 'N/A' }}
                                                                </p>
                                                            </div>
                                                            <div class="description_area">
                                                                <div class="microchip_detail">
                                                                    <div class="table_area">
                                                                        <div class="table_row_area">
                                                                            <div class="table-responsive">
                                                                                <table class="table">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th>
                                                                                                Test
                                                                                            </th>
                                                                                            <th>
                                                                                                Result
                                                                                            </th>
                                                                                            <th>
                                                                                                Date
                                                                                            </th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                    @foreach($dam_health_test as $damHealthKey =>$damHealthValue)
                                                                                        <tr>
                                                                                           <td>
                                                                                                {{ $damHealthValue['test_name'] }}
                                                                                            </td>
                                                                                            <td>
                                                                                                {{ $damHealthValue['result'] }}
                                                                                            </td>
                                                                                            <td>
                                                                                                {{ _d($damHealthValue['test_date']) }}
                                                                                            </td>
                                                                                        </tr>
                                                                                    @endforeach
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="no_record_row">
                                    <div class="no_record">
                                        <p>
                                            No Health Test Found
                                        </p>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
                       
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="pedigree_area">
                    <div class="header">
                        <h6>Pedigree</h6>
                    </div>
                    @if(!empty($pedigree) && $pedigree)
                        <div class="content_area">
                            <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <td>
                                            Parents
                                        </td>
                                        <td>
                                            Grand Parents
                                        </td>
                                        <td>
                                            Great Grand Parents
                                        </td>
                                        @if(isset($product['display_generations']) && $product['display_generations'] == 4)
                                        <td>
                                            Great Great Grand Parents
                                        </td>
                                        @endif
                                    </tr>
                                </thead> 
                                <tbody>
                                    @foreach($pedigree as $parent)
                                    <tr>
                                        <td valign="middle">
                                            <table class="table">
                                                <tr>
                                                    <td rowspan="8" {{ isset($parent['champion']) && $parent['champion'] == 1 ? 'class=color' : '' }} >{{ $parent['name'] }}</td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td valign="middle">
                                            <table class="table">
                                                @foreach($parent['grand_parent'] as $grandParent)
                                                    <tr>
                                                        <td class="col2  {{ isset($grandParent['champion']) && $grandParent['champion'] == 1 ? 'color' : '' }}"  >{{ $grandParent['name'] }}</td>
                                                    </tr>
                                                @endforeach
                                            </table>
                                        </td>
                                        <td valign="middle">
                                            <table class="table">
                                                @foreach($parent['grand_parent'] as $grandParent)
                                                    @foreach($grandParent['great_grand_parents'] as $greatGrandParent)
                                                        <tr>
                                                            <td class="col3 {{ isset($greatGrandParent['champion']) && $greatGrandParent['champion'] == 1 ? 'color' : '' }}">{{ $greatGrandParent['name'] }}</td>
                                                        </tr>
                                                    @endforeach
                                                @endforeach
                                            </table>
                                        </td>
                                        @if(isset($product['display_generations']) && $product['display_generations'] == 4)
                                         <td valign="middle">
                                            <table class="table">
                                                    @foreach($parent['grand_parent'] as $grandParent)
                                                        @foreach($grandParent['great_grand_parents'] as $greatGrandParent)
                                                            @foreach($greatGrandParent['great_great_grandparent'] as $greatGreatGrandParent)
                                                                <tr>
                                                                    <td {{ isset($greatGreatGrandParent['champion']) && $greatGreatGrandParent['champion'] == 1 ? 'class=color' : '' }} >{{ $greatGreatGrandParent['name'] }}</td>
                                                                </tr>
                                                            @endforeach
                                                        @endforeach
                                                    @endforeach
                                            </table>
                                        </td>
                                        @endif
                                    </tr>
                                    @endforeach 
                                </tbody>
                            </table>
                            </div>
                        </div>
                    @else
                        <div class="no_record_row bgcolor pt-4">
                            <div class="no_record">
                                <p>
                                    No Pedigree Details Found  
                                </p>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="social_icon_area">
                    <div class="inner_area">
                        <ul>
                            <li>
                                Share Ad
                            </li>
                            <li>
                                <a href="https://www.facebook.com/sharer/sharer.php?u={{ URL::current() }}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" title="Share on Facebook">
                                    <i class="fab fa-facebook"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://twitter.com/share?url={{ URL::current() }}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" title="Share on Twitter">
                                    <i class="fab fa-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.instagram.com/sharer.php?u={{ URL::current() }}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" title="Share on Instagram">
                                    <i class="fab fa-instagram"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#"><i class="fal fa-envelope"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="listing_section breeders_listing_section search_result related_ads">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="releted_ads_area">
                    <div class="top_header">
                        <a href="javascript:;" data-bs-toggle="modal" data-bs-target=".instruction_tips"><h6>Instructions and tips for buying a dog</h6></a>
                    </div>
                    <div class="heading">
                        <h2>
                            Related Ads
                        </h2>
                    </div>
                    <div class="highlights_wrap">
                        <div class="list_divide_main">
                            <div class="list_divide">
                                <div class="breeders_slick">
                                  @if(!empty($relatedProducts) && $relatedProducts)
                                    @php
                                        $relatedProducts = isset($relatedProducts) && $relatedProducts ? $relatedProducts : []; 
                                    @endphp
                                    @foreach($relatedProducts as $relatedProductsKey => $relatedProductsValue)
                                    @php
                                        $relatedImages = isset($relatedProductsValue['image']) && $relatedProductsValue['image'] ? json_decode($relatedProductsValue['image']) : [];
                                    @endphp
                                        <div class="item">
                                            <div class="one_third match_height_col">
                                                <div class="img_area latest_img">
                                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($relatedImages[0]) && $relatedImages[0] ? $relatedImages[0] : ''), 'medium') }}" alt="..." />
                                                    <div class="favt">
                                                        <a href="javascript:;" class="product_wishlist {{ isset($relatedProductsValue['favourite']) && $relatedProductsValue['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($relatedProductsValue['id']) }}" data-url="{{ route('products.likes') }}">
                                                            @if(isset($relatedProductsValue['favourite']) && $relatedProductsValue['favourite'])
                                                            <i class="fas fa-heart"></i>
                                                            @else
                                                            <i class="fal fa-heart"></i>
                                                            @endif
                                                        </a>
                                                    </div>
                                                    <div class="flag">
                                                        <img src="https://flagpedia.net/data/flags/h80/{{ strtolower($relatedProductsValue->iso2) }}.webp" alt="..."/>
                                                    </div>
                                                </div>
                                                <div class="detail match_height_txt">
                                                        <div class="name">
                                                        <div class="left">
                                                            <p>
                                                                {{ $relatedProductsValue['title']; }} 
                                                            </p>
                                                        </div>
                                                        <div class="right">
                                                            @php
                                                                $microchips = [];
                                                                if(count($relatedProductsValue['dog_microchip']) > 0)
                                                                {
                                                                    foreach($relatedProductsValue['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

                                                            {{-- @if(isset($relatedProductsValue['dog_gender']) && $relatedProductsValue['dog_gender'] == 'male' )
                                                                <i class="far fa-mars"></i>
                                                            @elseif(isset($relatedProductsValue['dog_gender']) && $relatedProductsValue['dog_gender'] == 'female' )
                                                                <i class="far fa-venus"></i>
                                                            @endif --}}
                                                        </div>
                                                    </div>
                                                    <div class="loaction">
                                                        <span>
                                                            {{ $relatedProductsValue['state_name'].', '.$relatedProductsValue['country_name'] }} 
                                                        </span>
                                                        <h6>
                                                            {{ isset($relatedProductsValue->price) && $relatedProductsValue->price > 0.00 ? priceformat($relatedProductsValue->price) : ''; }} 
                                                        </h6>
                                                    </div>
                                                    <div class="price">
                                                        <div class="visite">
                                                            <a href="{{ route('products.single', ['slug' => $relatedProductsValue->slug]) }}" class="view_count" data-id="{{ General::encrypt($relatedProductsValue->id) }}" data-url="{{ route('products.views') }}">
                                                                <i class="fal fa-long-arrow-up"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                    @else
                                        <div class="no_record_row">
                                            <div class="no_record">
                                                <p>
                                                    No Related Ads Found
                                                </p>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@include('frontend.products.instructionTips')

@endsection