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

<section class="banner_section top-space" style="background-image: url('{{ General::renderImage(FileSystem::getAllSizeImages($home->banner_image), 'original') }}');" id="page1">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-md-12 col-sm-12 col-12">
                <div class="banner_content_side">
                    <div class="left">
                        <h1>
                           {{ $home->banner_title }}
                        </h1>
                        <p>
                            {{ $home->banner_description }}
                        </p>
                    </div> 
                </div>
                <div class="main_banner_dots_container">
                    <ul id="scoll_pagination_home">
                        <li class="first_element active">
                            <a href="#page1"></a>
                        </li>
                        <li class="second_element">
                            <a href="#page2"></a>
                        </li>
                        <li class="third_element">
                            <a href="#page3"></a>
                        </li>
                        <li class="fourth_element">
                            <a href="#page4"></a>
                        </li>
                        <li class="fifth_element">
                            <a href="#page5"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="search_bar">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-md-12 col-sm-12 col-12">
                <div class="search_bar_wrap">
                    <form action="{{ route('products.listing', ['type'=>'all']) }}" method="get">
                        <div class="type">
                            <div class="location">
                                <div class="form-group">
                                    <select class="form-select left_space" name="location" required>
                                        <option value="">Location</option>
                                        @foreach($locations as $locationsKey => $locationsVlaue)
                                            <option value="{{ $locationsVlaue['countries_id'] }}">{{ $locationsVlaue['countries_name'] }}</option>
                                        @endforeach
                                    </select>
                                    <div class="icon_wrap">
                                        <i class="fal fa-map-marker-alt"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="breed">
                                <div class="form-group">
                                    <select class="form-select left_pd" name="breed[]" required>
                                        <option value="">Select Breed</option>
                                        @foreach($breed as $breedKey => $breedVlaue)
                                            <option value="{{ $breedVlaue['breed_id'] }}">{{ $breedVlaue['breed_name'] }}</option>
                                        @endforeach
                                    </select>
                                    <div class="icon_wrap d-sm-none d-block">
                                        <i class="fal fa-dog"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="search">
                            <div class="search_wrap">
                                <button type="submit" class="btn btn-primary w-100">Search</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

@if(isset($highlightsListing) && $highlightsListing->toArray())
<section class="highlights_section" id="page2">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="heading">
                    <h2>
                        Highlights
                    </h2>
                </div>
                <div class="highlights_wrap">
                    <div class="owl-carousel" id="highlight_slide">
                        @foreach($highlightsListing as $p)
                        @php
                            $image = isset($p['image']) && $p['image'] ? json_decode($p['image']) : [];
                        @endphp
                        <div class="item">
                            <div class="one_third">
                                <div class="img_area">
                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($image[0]->path) && $image[0]->path ? $image[0]->path : ''), 'medium') }}" alt="..." />
                                </div>
                                <div class="detail">
                                    <div class="name">
                                        <div class="left">
                                            <p>
                                                {{ $p['title'] }}
                                            </p>
                                        </div>
                                        <div class="right">
                                            @php
                                                $microchips = [];
                                                if(count($p['dog_microchip']) > 0)
                                                {
                                                    foreach($p['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>
                                    </div>

                                    @if(isset($p['state_name']) && $p['state_name'] || isset($p['country_name']) && $p['country_name'] || isset($p['price']) && $p['price'] > 0)
                                    <div class="loaction">
                                        @if(isset($p['state_name']) && $p['state_name'] || isset($p['country_name']) && $p['country_name'])
                                            @if(isset($p['state_name']) && $p['state_name'] && isset($p['country_name']) && $p['country_name'])
                                            <span>
                                                {{ $p['state_name'].', '.$p['country_name'] }}
                                            </span>
                                            @elseif(!isset($p['state_name']) && isset($p['country_name']) && $p['country_name'])
                                            <span>
                                                {{ $p['country_name'] }}
                                            </span>
                                            @endif
                                        @endif

                                        @if(isset($p['price']) && $p['price'] > 0.00 && $p->price_status == 1 && $p->ad_type == 'available_dogs')
                                        <h6>
                                            {{ priceformat($p['price']) }}
                                        </h6>
                                        @endif
                                    </div>
                                    @endif

                                    <div class="price">
                                        <div class="visite">
                                            <a href="{{ route('products.single', ['slug' => $p['slug']]) }}">
                                                <i class="fal fa-long-arrow-up"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="favt">
                                    @if(isset($loginUserId) && $loginUserId)
                                    <a href="javascript:;" class="product_wishlist {{ isset($p['favourite']) && $p['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($p['id']) }}" data-url="{{ route('products.likes') }}">
                                        @if(isset($p['favourite']) && $p['favourite'])
                                        <i class="fas fa-heart"></i>
                                        @else
                                        <i class="fal fa-heart"></i>
                                        @endif
                                    </a>
                                    @else
                                    <a href="{{ route('user.login') }}" class="">
                                        <i class="fal fa-heart"></i>
                                    </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif

@if(isset($products) && $products->toArray())
<section class="listing_section" id="page3">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="heading">
                    <h2>
                        Latest Listings
                    </h2>
                </div>
                <div class="highlights_wrap">
                    <div class="list_divide_main">
                        <div class="list_divide arrow_animate_items">
                            <div class="slick" id="listing">
                                @foreach($products as $key => $p)
                                <div class="home_list">
                                    <div class="item match_height_col" id="{{$key}}_id">
                                        <div class="one_third match_height_txt">
                                            <div class="img_area latest_img">
                                                @php
                                                    $images = isset($p['image']) && $p['image'] ? json_decode($p['image']) : [];
                                                @endphp
                                                <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($images[0]->path) && $images[0]->path ? $images[0]->path : ''), 'medium') }}" alt="..." />
                                                <div class="favt">
                                                    <a href="javascript:;" class="product_wishlist {{ isset($p['favourite']) && $p['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($p['id']) }}" data-url="{{ route('products.likes') }}">
                                                        @if(isset($p['favourite']) && $p['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($p['iso2']) }}.webp" alt="..."/>
                                                </div>
                                            </div>
                                            <div class="detail">
                                                <div class="name">
                                                    <div class="left">
                                                        <p>
                                                            {{ $p['title'] }}
                                                        </p>
                                                    </div>
                                                    <div class="right">
                                                        @php
                                                            $microchips = [];
                                                            if(count($p['dog_microchip']) > 0)
                                                            {
                                                                foreach($p['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($p['gender']) && $p['gender'] == 'male' )
                                                            <i class="far fa-mars"></i>
                                                        @elseif(isset($p['gender']) && $p['gender'] == 'female' )
                                                            <i class="far fa-venus"></i>
                                                        @endif --}}
                                                    </div>
                                                </div>
                                                <div class="list_met_hit">
                                                    @if(isset($p['state_name']) && $p['state_name'] || isset($p['country_name']) && $p['country_name'] || isset($p['price']) && $p['price'] > 0)
                                                    <div class="loaction match_height_txt">
                                                        @if(isset($p['state_name']) && $p['state_name'] || isset($p['country_name']) && $p['country_name'])
                                                            @if(isset($p['state_name']) && $p['state_name'] && isset($p['country_name']) && $p['country_name'])
                                                            <span>
                                                                {{ $p['state_name'].', '.$p['country_name'] }}
                                                            </span>
                                                            @elseif(!isset($p['state_name']) && isset($p['country_name']) && $p['country_name'])
                                                            <span>
                                                                {{ $p['country_name'] }}
                                                            </span>
                                                            @endif
                                                        @endif

                                                        @if(isset($p['price']) && $p['price'] > 0.00 && $p->price_status == 1 && $p->ad_type == 'available_dogs')
                                                        <h6>
                                                            {{ price_format($p['price']) }}
                                                        </h6>
                                                        @endif
                                                    </div>
                                                    @endif
                                                    <div class="price">
                                                        <div class="visite">
                                                            <a href="{{ route('products.single', ['slug' => $p['slug']]) }}" class="view_count" data-id="{{ General::encrypt($p['id']) }}" data-url="{{ route('products.views') }}">
                                                                <i class="fal fa-long-arrow-up"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif

<section class="have_found_section" style="background-image: url('frontend/images/Rectangle-70.png');" id="page4">
    <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="found_set">
                    <h2>
                        {{ $home->pet_title }}
                    </h2>
                    @if(isset($home->pet_link_title) && $home->pet_link_title)
                    <div class="miss_out">
                        <a href="{{ $home->pet_link }}" class="btn btn-primary">
                            {{ $home->pet_link_title }}<i class="fal fa-long-arrow-up"></i>
                        </a>
                    </div>
                    @endif
                </div>
                <div class="img_warp">
                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages($home->pet_image), 'large') }}" alt=".." />
                </div>
                <div class="main_banner_dots_container">
                    <ul id="scoll_pagination_home">
                        <li class="first_element active">
                            <a href="#page1"></a>
                        </li>
                        <li class="second_element">
                            <a href="#page2"></a>
                        </li>
                        <li class="third_element">
                            <a href="#page3"></a>
                        </li>
                        <li class="fourth_element">
                            <a href="#page4"></a>
                        </li>
                        <li class="fifth_element">
                            <a href="#page5"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

@if(isset($breeders) && $breeders->toArray())
<section class="listing_section breeders_listing_section">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="heading">
                    <h2>
                        Breeders
                    </h2>
                </div>
                <div class="highlights_wrap">
                    <div class="list_divide_main">
                        <div class="list_divide">
                            <div class="breeders_slick">
                                @foreach($breeders as $b)
                                    <div class="item">
                                        <div class="one_third match_height_col">
                                            <div class="img_area latest_img">
                                                @php
                                                    $images = isset($b['image']) && $b['image'] ? json_decode($b['image']) : [];
                                                @endphp
                                                <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($images[0]->path) && $images[0]->path ? $images[0]->path : ''), 'medium') }}" alt="..." />
                                                <div class="favt">
                                                    <a href="javascript:;" class="product_wishlist {{ isset($b['favourite']) && $b['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($b['id']) }}" data-url="{{ route('products.likes') }}">
                                                        @if(isset($b['favourite']) && $b['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($b['iso2']) }}.webp" alt="..."/>
                                                </div>
                                            </div>
                                            <div class="detail match_height_txt" style="min-height: 135px;">
                                                <div class="name">
                                                    <div class="left">
                                                        <p>
                                                            {{ $b['title'] }}
                                                        </p>
                                                    </div>
                                                    <div class="right">
                                                        <i class="far fa-venus-mars"></i>
                                                    </div>
                                                </div>
                                                @if(isset($b['state_name']) && $b['state_name'] || isset($b['country_name']) && $b['country_name'])
                                                <div class="loaction">
                                                   @if(isset($b['state_name']) && $b['state_name'] || isset($b['country_name']) && $b['country_name'])
                                                        @if(isset($b['state_name']) && $b['state_name'] && isset($b['country_name']) && $b['country_name'])
                                                        <span>
                                                            {{ $b['state_name'].', '.$b['country_name'] }}
                                                        </span>
                                                        @elseif(!isset($b['state_name']) && isset($b['country_name']) && $b['country_name'])
                                                        <span>
                                                            {{ $b['country_name'] }}
                                                        </span>
                                                        @endif
                                                    @endif
                                                </div>
                                                 @endif
                                                <div class="price">
                                                    <div class="visite">
                                                        <a href="{{ route('products.single', ['slug' => $b['slug']]) }}" class="view_count" data-id="{{ General::encrypt($b['id']) }}" data-url="{{ route('products.views') }}">
                                                            <i class="fal fa-long-arrow-up"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif

@if(isset($testimonials) && $testimonials->toArray())
<section class="safte_section" id="page5">
    <div class="container-fluid">
        <div class="row ">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="heading">
                    <h2>
                        SAFE<span>4</span>dogs
                    </h2>
                </div>
                <div class="safte_reviews">
                    <div class="safte_warp">
                        <div class="owl-carousel owl-theme" id="safte">
                            @foreach($testimonials as $p)
                            <div class="item">
                                <div class="onw_third">
                                    <div class="view">
                                        <p class="match_height_txt">
                                            {{ $p['description'] }}
                                        </p>
                                    </div>
                                    <div class="user">
                                        <div class="left">
                                            <div class="img_wrap">
                                                <img src="{{ General::renderImage(FileSystem::getAllSizeImages($p['image']), 'medium') }}" alt=".." />
                                            </div>
                                        </div>
                                        <div class="right">
                                            <div class="name">
                                                <p>
                                                    {{ $p['name'] }}
                                                </p>
                                                <span>
                                                    {{ $p['designation'] }}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif

<section class="foot_over">
    <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="img_area">
                    <img src="{{ url('frontend/images/OE-mixed4.png') }}" alt=".." />
                </div>
            </div>
        </div>
    </div>
</section>

@endsection