@layout('parts.layout')
@php
/** 
 * Template Name:列表 || 产品中心
 */
@endphp


{{-- 单页-页 --}}
@php
    # 页面数据
    $pageid = get_the_ID();
    $pageField = $product_field = $product_fieldx2 = get_fields($pageid);
    $product_id = 144;
    $navHeight = true;
    $scriptForm = true;
    $productExternalUrlStatus = false;

    $param = filter_input_array(INPUT_GET, FILTER_SANITIZE_STRING)?:[];

    $isAjax = false;
    if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && 
        strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest') {
        $isAjax = true;
    }
    $isPjax = false;
    if (isset($_SERVER['HTTP_X_PJAX']) && 
        strtolower($_SERVER['HTTP_X_PJAX']) === 'true') {
        $isPjax = true;
    }
    $isPjaxNoAction = ($isAjax || $isPjax) ? true : false; 
    $isPjaxNoAction = true;
    
    # Cookie保留页面链接-ON
    $current_url = home_url(add_query_arg(array(), $wp->request));
    if (is_front_page()) {
        $current_url = home_url('/');
    }
    $existing_cookie = isset($_COOKIE['pageurl']) ? $_COOKIE['pageurl'] : '';
    $url_array = $existing_cookie ? explode("\n", $existing_cookie) : array();
    $url_array = array_filter($url_array, function($item) {
        return !empty(trim($item));
    });
    $url_array = array_filter($url_array, function($url) use ($current_url) {
        return trim($url) !== trim($current_url);
    });
    $url_array = array_values($url_array);
    if (!in_array($current_url, $url_array)) {
        array_unshift($url_array, $current_url);
    }
    if (count($url_array) > 10) {
        $url_array = array_slice($url_array, 0, 10);
    }
    $new_cookie_value = implode("\n", $url_array);
    setcookie(
        'pageurl',
        $new_cookie_value,
        time() + (1 * 24 * 60 * 60),
        '/',
        $_SERVER['HTTP_HOST'],
        is_ssl(),
        true
    );
    # Cookie保留页面链接-END
    
    
@endphp


@php $modelBanner = true; @endphp
@section('banner')
@endsection


@section('main')

<!-- Schema结构-ON -->
@php
    $cs_categories = get_categories();
    if (!empty($cs_categories)) {
        $classid = $cs_categories[0]->term_id;
    } else {
        $classid = 10;
    }
    
    $classid = 10;
    $showLdjsonData = get_all_articles_by_category($classid);
@endphp
<script type="application/ld+json" class="yoast-schema-graph">
    {
      "@type": "ItemList",
      "name": "Top Disposable Vape Pens for Wholesale",
      "description": "List of high-quality empty disposable vapes including Solo, Vision, and more.",
      "itemListElement": [
            
            @foreach ($showLdjsonData as $key => $value )
            @if($key!=0),@endif {
                "@type": "ListItem",
                "position": {{ $value['id'] }},
                "item": {
                    "@type": "Product",
                    "name": "{{ $value['name'] }}",
                    "description": "{{ $value['description'] }}",
                    "url": "{{ $value['url'] }}",
                    "image": "{{ $value['image'] }}"
              }
            }
            @endforeach
            
        ]
    }
</script>
<!-- Schema结构-END -->

<link rel="preload" as="image" href="https://www.ciliconplus.com/wp-content/themes/gwcms-cilicon/assets/images/product-bg.webp" fetchpriority="high">
<link rel="stylesheet" href="https://www.ciliconplus.com/wp-content/themes/gwcms-cilicon/assets/css/products.css">

{{-- 产品列表1 --}}
<section class="c-product">
    
    <div class="pjax_data">
        @php  
            
            $cs_categories = get_categories( array(
                'search'         => get_the_title(),         // 搜索名称或描述包含"cs"的分类
                'orderby'        => 'name',       // 按名称排序
                'order'          => 'ASC',        // 升序
                'hide_empty'     => true,        // 显示包含0篇文章的分类（默认隐藏）
                'taxonomy'       => 'category'    // 指定为文章分类（若需其他 taxonomies，如标签，改为'tag'）
            ) );
            if (!empty($cs_categories)) {
                $classid = $cs_categories[0]->term_id;
            } else {
                $classid = 10;
            }
            
            # 产品条件
            $pro_filter_model = $product_field['category'];
            $pro_where = array();
            foreach ($pro_filter_model['list']?:[] as $key => $value) {
                $filter_name = strtolower(trim($value['name']));
                $filter = $param[$filter_name] ? explode(",", $param[$filter_name]) : array();
                if ($filter && is_array($filter) && count($filter)>0) {
                    $pro_where[] = array(
                        'taxonomy' => 'post_tag',
                        'field'    => 'term_id',
                        'terms'    => $filter,
                        'operator' => 'IN',
                    );
                }
            }
            
            $args_where = array();
            $args_query = array();
            if ($pro_where && is_array($pro_where) && count($pro_where)>0 ) {
                $args_query =  array('relation' => 'AND');
                
                foreach ($pro_where?:[] as $key => $value) {
                    $args_query[] = $value;
                }
                
            }
            $args_where['tax_query'] = $args_query;
            
            $showData = getShowData($classid, 9999, false, $args_where, $filter);
            $showCount = count($showData);
        @endphp
            
        @php $modelName = 'category'; $model = $product_field[$modelName]; @endphp
        @if($model['status'] || true)
        <div class="c-menu-box">
            <div class="c-menu1  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
                <div class="container">
                    
                    <!-- 产品列表 -->
                                        <img src="https://www.ciliconplus.com/wp-content/themes/gwcms-cilicon/assets/images/product-bg.webp" alt="{{ $model_title }}" fetchpriority="high" width="1400" height="340">
                    <div class="c-wrap">
                        <h1 class="c-title font48">{{ nl2br($model['title']) }}</h1>
                        
                        @if( isset($model['describe']) && $model['describe'] )
                        <p class="c-text font16">{{ nl2br($model['describe']) }}<p>
                        @endif
                        
                        @php $cateData = getCateData($product_id); @endphp
                        <div class="c-box">
                            <p class="c-check font20">{{ get_the_Title() }}</p>
                            <ul class="c-list pjax_nav">

                                @php
                                    $forData = $cateData;
                                    $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                                @endphp
                                @foreach ($forData as $key => $value )
                                @if($key < 5)
                                <li @if($value['id'] == $pageid ) class="on" @endif >
                                    <a {{ returnLink($value['url']) }}>{{ $value['title'] }}</a>
                                </li>
                                @endif
                                @endforeach

                            </ul>
                            <p class="c-filter">
                                <span>Filter</span>
                                <img loading="lazy" src="{{ pathSite('web') }}/assets/images/ico-filter.svg" alt="{{ $webTitle }}">
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="c-menu2  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
                <div class="container" >
                    <p class="c-filter">
                        <span>Filter</span>
                        <img loading="lazy" src="{{ pathSite('web') }}/assets/images/ico-filter.svg" alt="{{ $webTitle }}">
                    </p>
                    <form class="container pjax_form " action="{{ str_replace('http:', 'https:', get_permalink()); }}" method="get" style="display: none;">
                        
                        @php
                            $forData = $model['list'];
                            $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                        @endphp
                        @foreach ($forData as $key => $value )
                        @php
                            $filter_name = strtolower(trim($value['name']));
                            $filter = $param[$filter_name] ? explode(",", $param[$filter_name]) : array();
                        @endphp
                        <input type="hidden" name="{{ $filter_name }}" class="{{ $filter_name }}" value="{{ implode(',', $filter) }}" />
                        @endforeach
                        
                        <button type="submit" class=""></button>
                    </form>
                    <ul class="c-list">

                        @php
                            $forData = $model['list'];
                            $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                        @endphp
                        @foreach ($forData as $key => $value )
                        @php
                            $filter_name = strtolower(trim($value['name']));
                            $filter = $param[$filter_name] ? explode(",", $param[$filter_name]) : array();
                        @endphp
                        <li class="product-filter-select-group" data-name="{{ $filter_name }}" >
                            <p class="c-title font18">{{ $value['name'] }}</p>
                            <ul class="c-list2">

                                @php
                                    $tags_array = get_tag_names_by_ids($value['tags']);
                                    $forDataTwo = $tags_array;
                                    $forDataTwo = is_object($forDataTwo) ? $forDataTwo : ( is_array($forDataTwo) ? $forDataTwo : array());
                                @endphp
                                @foreach ($forDataTwo as $keyTwo => $valueTwo )
                                <li class="product-filter-select-value" data-value="{{ $keyTwo }}" >
                                    <label>
                                        <input type="checkbox" name="{{ $filter_name }}" value="{{ $keyTwo }}" @if(in_array($keyTwo, $filter)) checked @endif >
                                        <span class="c-text">{{ $valueTwo }}</span>
                                    </label>
                                </li>
                                @endforeach

                            </ul>
                        </li>
                        @endforeach

                    </ul>
                    <p class="c-num"><span>{{ $showCount }}</span> products</p>
                </div>
            </div>
        </div>
        @endif

        
        <div class="container ">
            <div class="c-main">
                <ul class="public-list">

                    @php
                        $forData = $showData;
                        $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                    @endphp
                    @foreach ($forData as $key => $value )
                    @php
                        $valueData = $value['field']['info'];
                        if ($productExternalUrlStatus) {
                            $value['url'] = array(
                                'target'    =>  1,
                                'url'       =>  $value['field']['link'],
                            );
                        }
                    @endphp
                    <li>
                        <a {{ returnLink($value['url']) }} class="c-wrap  @if(!$isPjaxNoAction) wow fadeInUp @endif ">

                            @if(strpos($valueData['type'], '2:') !== false)
                                <p class="c-tag new">New</p>
                            @elseif(strpos($valueData['type'], '3:') !== false)
                                <p class="c-tag">Best Seller</p>
                            @else

                            @endif

                            <div class="public-img" >
                                <img fetchpriority="high" {{ returnImage($valueData['thumb'], true, false, wp_is_mobile() ? 'image_500' : 'image_800') }}>
                            </div>
                            <p class="c-title font22">{{ nl2br($value['title']) }}</p>
                            <p class="c-text">{{ nl2br($valueData['text']) }}</p>
                            <p class="c-more font18">
                                <span>Learn More</span>
                                <img loading="lazy" src="{{ pathSite('web') }}/assets/images/ico-arrow2.svg" alt="{{ $webTitle }}"  >
                            </p>
                        </a>
                    </li>
                    @endforeach
                    @if($showCount <= 0)
                        @include('parts.empty')
                    @endif


                </ul>
            </div>
        </div>

    </div>

    @if($pageid != 178)
    {{-- 产品列表2 --}}
    @php $modelName = 'model1'; $model = $product_field[$modelName]; @endphp
    @if($model['status'])
    <div class="c-product2  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
        <div class="container">
            <div class="c-wrap">
                <div class="public-img">
                    <img loading="lazy" {{ returnImage($model['bgimg'], true, false) }}>
                    <video class="c-video" src="{{ returnImage($model['video'], false, false) }}" loop muted preload="metadata" playsinline webkit-playsinline x-webkit-airplay x5-video-player-fullscreen x5-video-player-type="h5"type="video/mp4">
                    </video>
                </div>
                <div class="c-box">
                    <h2 class="c-title font56">{{ nl2br($model['title']) }}</h2>
                    <p class="c-text font22">{{ nl2br($model['text']) }}</p>
                </div>
            </div>
            <div class="c-play-box font18">
                <div class="c-box" data-video-src="{{ returnImage($model['video'], false, false) }}">
                    <div class="c-ico">
                        <img loading="lazy" src="{{ pathSite('web') }}/assets/images/ico-play.svg" alt="{{ $webTitle }}">
                    </div>
                    <p>Play full video</p>
                </div>
            </div>
        </div>
    </div>
    @endif
    

    @php $modelName = 'model2'; $model = $product_field[$modelName]; @endphp
    @if($model['status'])
    <div class="x-rosc3 product">
        {{-- Postless Purity Terpene Integrity --}}
        <section class="x-deli2">
            <div class="x-container2">
                <div class="x-xia  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
                    <div class="x-le">
                        <ul>

                            @php
                                $forData = $model['list'];
                                $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                            @endphp
                            @foreach ($forData as $key => $value )
                            <li>
                                <h3 class="x-tit font36">{{ nl2br($value['title']) }}</h3>
                                <div class="x-p font18">
                                    <p>{{ nl2br($value['text']) }}</p>
                                </div>
                            </li>
                            @endforeach

                        </ul>
                    </div>
                    <div class="x-ri">
                        <div class="swiper">
                            <div class="swiper-wrapper">

                                @php
                                    $forData = $model['list'];
                                    $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                                @endphp
                                @foreach ($forData as $key => $value )
                                <div class="swiper-slide">
                                    <div class="public-img">
                                        <img loading="lazy" {{ returnImage($value['image'], true, false) }}>
                                    </div>
                                    <div class="x-box-yd">
                                        <h3 class="x-tit font36">{{ nl2br($value['title']) }}</h3>
                                        <div class="x-p font18">
                                            <p>{{ nl2br($value['text']) }}</p>
                                        </div>
                                    </div>
                                </div>
                                @endforeach

                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <ul class="c-list2"></ul>
                    </div>
                </div>
            </div>
        </section>
    </div>
    @endif


    {{-- 产品列表4 --}}
    @php $modelName = 'model3'; $model = $product_field[$modelName]; @endphp
    @if($model['status'])
    <div class="c-product4">
        <div class="container">
            <div class="public-title  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
                <h2 class="c-title font56">{{ nl2br($model['title']) }}</h2>
                <p class="c-text font22">{{ nl2br($model['text']) }}</p>
            </div>
            <picture class="public-img  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
                {{-- pc端 --}}
                <source media="(min-width: 768px)" srcset="{{ returnImage($model['pc_image'], false, false) }}">
                {{-- 移动端 --}}
                <img loading="lazy" {{ returnImage($model['m_image'], true, false) }}>
            </picture>
        </div>
    </div>
    @endif


    {{-- 产品列表5 --}}
    @php $modelName = 'model4'; $model = $product_field[$modelName]; @endphp
    @if($model['status'])
    <div class="c-product5">
        <div class="container">
            <div class="public-title  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
                <h2 class="c-title font56">{{ nl2br($model['title']) }}</h2>
            </div>
            <div class="swiper">
                <ul class="c-list swiper-wrapper">

                    @php
                        $cateData = getCateData($product_id);
                        $forData = $cateData;
                        $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                    @endphp
                    @foreach ($forData as $key => $value )
                    @php $valueData = get_fields($value['id']); @endphp
                    @if($value['id'] != $pageid && $key <4)
                    <li class="swiper-slide">
                        <a {{ returnLink($value['url']) }} class="c-wrap  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
                            <div class="public-img">
                                <img loading="lazy" {{ returnImage($valueData['thumb'], true, false) }}>
                            </div>
                            <h3 class="c-title font26">{{ $value['title'] }}</h3>
                            <p class="c-text font20">{{ nl2br($valueData['text']) }}</p>
                        </a>
                    </li>
                    @endif
                    @endforeach

                </ul>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    @endif
    @endif


    {{-- 产品列表6 --}}
    @php $modelName = 'model5'; $model = $product_field[$modelName]; @endphp
    @if($model['status'])
        @include('parts.module.public_contact_form')
    @endif


    {{-- 产品列表7 --}}
    @php $modelName = 'model6'; $model = $product_field[$modelName]; @endphp
    @if($model['status'])
    <div class="c-product7  @if(!$isPjaxNoAction) wow fadeInUp @endif ">
        <div class="container">
            @php
                $forData = $model['list'];
                $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
            @endphp
            @foreach ($forData as $key => $value )
            @if($key==0)
            <article class="public-content">
                <p class="c-title font30">{{ nl2br($value['title']) }}</p>
                @php
                    if (false) {
                        $value['text'] = htmlspecialchars_decode($value['text']);
                        $value['text'] = str_replace("\n", '</p><p>', $value['text']);
                        $value['text'] = str_replace("<p></p>", '<br/>', $value['text']);
                        $pattern = '/<p\s*[^>]*>\s*<\/p>/i';
                        $value['text'] = preg_replace($pattern, '<br/>', $value['text']);
                    }else{
                        $value['text'] = htmlspecialchars_decode($value['text']);
                        $pattern = '/<p\s*[^>]*>\s*<\/p>/i';
                        $value['text'] = preg_replace($pattern, '<br/>', $value['text']);
                    }
                @endphp
                <p>{{ ($value['text']) }}</p>
            </article>
            @endif
            @endforeach

            <ul class="c-list">

                @php
                    $forData = $model['list'];
                    $forData = is_object($forData) ? $forData : ( is_array($forData) ? $forData : array());
                @endphp
                @foreach ($forData as $key => $value )
                @if($key!=0)
                <li>
                    <p class="c-title font30">{{ nl2br($value['title']) }}</p>
                    <div class="c-text">
                        <p>{{ str_replace("\n", '</p><p>', $value['text'])  }}</p>
                    </div>
                </li>
                @endif
                @endforeach
                
            </ul>

            @if($model['btn_name'])
            <div class="c-btn-box">
                <div class="public-btn font18">
                    <span>{{ $model['btn_name'] }}</span>
                    <div class="c-ico">
                        <img loading="lazy" src="{{ pathSite('web') }}/assets/images/ico-arrow2.svg" alt="{{ $webTitle }}" class="c-svg"  >
                    </div>
                </div>
            </div>
            @endif

        </div>
    </div>
    @endif

    
</section>
@endsection


@section('scripts')
<script type="text/javascript">
    $(document).on("change", 'input[type="checkbox"]', function() {
        let _this = $(this);
        
        let filter_name = _this.parents("li.product-filter-select-group").attr("data-name");
        let filter_array = [];
        _this.parents("li.product-filter-select-group").find('input[type="checkbox"]:checked').each(function(){
            filter_array.push($(this).val());
        })
        let filter_value = filter_array.join(',');
        $(".pjax_form ."+filter_name+"").val(filter_value);

        pjax_submit_form();
    })

    function pjax_submit_form(){
        $(".pjax_form button").click();
    }
</script>
 
<script src="https://www.ciliconplus.com/wp-content/themes/gwcms-cilicon/assets/js/products.min.js"></script>
@endsection