<?php
use Heku\HekuClass\Templates\Product;
/**
 * 文章内容页
 */
global $is_from_show;
$is_from_show = true;

wp_enqueue_script( 'heku-viewer', HEKU_THEME_URI . '/Assets/js/viewer.min.js' );
$custom_inline_script = '// 内容图片 222点击放大， 元素框:id:single_info_content 高清图源:src(本身放大)
window.addEventListener("DOMContentLoaded", function () {
	var single_info_galley = document.getElementById("single_info_content");
	var single_info_viewer = new Viewer(single_info_galley, {
	  url: "src",
	  toolbar:{
		oneToOne: false,
		play: false,
		prev: function() {
			single_info_viewer.prev(true);
		},
		next: function() {
			single_info_viewer.next(true);
		},
	  },
	  title:false,
	});
});';
wp_add_inline_script( 'heku-viewer', $custom_inline_script, 'after' ); 

$custom_tocbot_inline_script = '//   网站导航条自动悬浮设置 #heku_top_menu2
var id = 1;
$(".entry-content").children("h1,h2,h3,h4,h5").each(function () {
	// .content 为正文容器的 class，根据自己的情况修改
	var hyphenated = "mashiro-" + id;
	$(this).attr("id", hyphenated);
	id++;
});
tocbot.init({
	// Where to render the table of contents.
	tocSelector: ".toc-container",
	// Where to grab the headings to build the table of contents.
	contentSelector: ".entry-content",
	// Which headings to grab inside of the contentSelector element.
	headingSelector: "h2,h3,h4",
	collapseDepth: 3,
	headingsOffset: 100,
	collapsibleClass: "is-collapsible",
	isCollapsedClass: "is-collapsed",
	scrollSmoothOffset: -100,

	scrollSmoothDuration: 250,
	// scrollEndCallback: function (e) {
	//     window.scrollTo(window.scrollX, window.scrollY - 180);
	// },
	orderedList: true,
});';

if(strpos(get_the_content(), 'hekutitle0') !== false){
	wp_enqueue_script( 'heku-tocbot', HEKU_THEME_URI . '/Assets/js/tocbot.min.js' );
	wp_add_inline_script( 'heku-tocbot', $custom_tocbot_inline_script, 'after' ); 

}

add_action('heku_footer_inline_js','footer_inline_js_html', 10);
function footer_inline_js_html(){
	wp_print_scripts('heku-viewer'); 
	wp_print_scripts('heku-tocbot');
}

$product_model = get_post_meta( get_the_ID(), 'product_model', true );
$banner_group = get_post_meta( get_the_ID(), 'product_imgs', true );

?>

	<!-- / star heku_top  -->
<?php get_template_part( "TempParts/Main/TopMenu/top_menu"); ?>
<?php get_template_part( "TempParts/Main/TopBanner/top_banner"); ?>
	<!-- / end heku_top  -->



	<div id="product_introduction_line">
		<div class="justify-content-xl-between pt-5">
			<div class="container wow slideInUp pt-2 pb-4 introduction-title ">
				<div class="text-center h1">Single Axis Vibration Sensor</div>
				<div class="row">
					<div class="col-lg-5 col-sm-12 col-12 align-self-center pr-4">
						<div class="wow fadeInLeft introduction-img" data-tagvale="2" data-wow-delay=".5s">
							<img src="<?php echo $value;?>" alt="" >
						</div>
					</div>
					<div class="col-lg-7 col-sm-12 col-12 pt-4 pb-4 pl-4">
						<div class="index-about-title">
							<div class="a h3">Product Introduction</div>
						</div>
						<div class="wow fadeInRight" data-wow-delay=".3s" >
							<div class="c pb-2 wow fadeInUp" data-wow-delay=".5s">The ICP/IEPE piezoelectric accelerometer comes with an internal charge amplifier, where power supply and signal output share a single cable (commonly known as a two-wire system, i.e., coaxial cable providing a constant current power supply of 2-10mA to the sensor, and the output signal is also transmitted through this coaxial cable). </div>
							<div class="c py-1 pb-2 wow fadeInUp" data-wow-delay=".5s">The components utilize stable piezoelectric ceramic crystal materials. The piezoelectric ceramic sensor elements exhibit excellent long-term stability, ensuring prolonged, repeatable, and accurate measurements. </div>
							<div class="c py-1 pb-2 wow fadeInUp" data-wow-delay=".5s">Additionally, the shear-type element design features low lateral sensitivity, insensitivity to base deformation and thermal transients, reducing interference, providing reliability, and simplifying testing methods. ICP/IEPE accelerometers support long-distance signal transmission.</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>




	<div id="product_features_line">
		<div class="container wow slideInUp pt-5 pb-3 ">
			<div class="product-single-title">
				<div class="a h2 text-left">Application Scenarios</div>
			</div>
			<div class="features-c">Featuring excellent anti-interference and high-resolution performance, it can be used for general vibration testing, such as vibration testing in factory production workshops, fan vibration testing, mechanical arm vibration testing, road surface testing, modal analysis, and more.</div>
		</div>
		<div class="container wow slideInUp pb-5">
			<div class="product-single-title">
				<div class="a h2 text-left">Features</div>
			</div>
			<div class="text-left pb-4">
				<div class="features-c">- Wide frequency range and high measurement accuracy.</div>
				<div class="features-c">- Stable signal and high reliability.</div>
				<div class="features-c">- IEPE type supports long-distance transmission through coaxial cable.</div>
				<div class="features-c">- Shear mode technology ensures excellent base sensitivity strain error.</div>
				<div class="features-c">- Utilizes piezoelectric ceramics as sensitive elements, providing a broad bandwidth response characteristic.</div>
			</div>
		</div>
	</div>

	<div id="product_parameters_line">
		<div class="container wow slideInUp pt-5 pb-5 ">
			<div class="a text-left h1">Product Parameters</div>
			<div class="parameters-table no-gutters wow fadeInUp">
				<?php echo get_post_meta( get_the_ID(), 'home_parameters', true ); ?>
			</div>
		</div>
	</div>


	<div id="product_parameters_line">
		<div class="container wow slideInUp pt-5 pb-5 ">
            <div class="a text-left h1">Product Parameters</div>
			<div class="parameters-table no-gutters wow fadeInUp">
				<?php echo get_post_meta( get_the_ID(), 'wiki_test_wysiwyg', true ); ?>
			</div>
        </div>
	</div>
	<?php the_content(); ?>

<style>


#product_introduction_line{background-image:-webkit-linear-gradient(-60deg,#f7f8f8 0%,rgb(222 239 249) 100%);background-image:linear-gradient(-60deg,#f7f8f8 0%,rgb(222 239 249) 100%);}
#product_introduction_line .h1{color: var(--color_eye);}
#product_introduction_line .introduction-img{border:10px solid rgba(255,255,255,0.24);border-radius:8px;}
#product_introduction_line .introduction-img img{width:100%;height:100%;object-fit:cover;}
#product_introduction_line .c{font-family:"Noto Sans",Sans-serif;font-size:1rem;line-height:2rem;font-weight:lighter;}

#product_features_line{background: #f1f1f1;}
#product_features_line .b{color:#4c4948;font-size:1.2rem;padding-bottom:0.2rem;}

#product_features_line .h2{color: var(--color_eye);padding: 1rem 0rem 1rem 0rem;}
#product_features_line .features-c{font-family:"Noto Sans",Sans-serif;font-size:1.2rem;line-height:2rem;font-weight:lighter;}

#product_parameters_line .h1{color: var(--color_eye);}



.parameters-table table{margin:8px auto;border-spacing:0;border-collapse:unset !important;max-width:100%;background:var(--background_translucent_3);border-radius:var(--radius_big);}
.parameters-table table th{line-height:36px;}
.parameters-table table td{text-align:center;line-height:36px;border:1px solid #fff;padding: 0px 8px;}
.parameters-table table tr:first-child td:first-child{border-top-left-radius:6px;}
.parameters-table table tr:first-child td:last-child{border-top-right-radius:6px;}
.parameters-table table tr:last-child td:first-child{border-bottom-left-radius:6px;}
.parameters-table table tr:last-child td:last-child{border-bottom-right-radius:6px;}
.parameters-table table tr:nth-child(2n+1){background:var(--background_translucent);}

</style>