<?php
/**
 * Template Name: Custom Home
 */
get_header(); ?>

<main id="skip-content" role="main">

	<?php do_action( 'luzuk_true_check_verification_above_banner' ); ?>

	<section id="banner">	  
		<div class="overat"></div>
		<div class="container">
			<div class="bannerinn">
				<div class="content-box">
					<div class="row mr-0">
						<div class="content-boxinn">
							<div class="sub-title">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
									fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
									stroke-linejoin="round"
									class="lucide lucide-sparkles w-4 h-4 text-[#2563eb]">
									<path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path>
									<path d="M20 3v4"></path>
									<path d="M22 5h-4"></path>
									<path d="M4 17v2"></path>
									<path d="M5 18H3"></path>
								</svg>

								<?php
								echo esc_html(
									get_theme_mod(
										'luzuk_true_check_verification_bannerheadingtrustedbytext',
										esc_html__( 'Trusted by 500+ Global Enterprises', 'true-check-verification' )
									)
								);
								?>
							</div>

							<h2>
								<?php
								echo esc_html(
									get_theme_mod(
										'luzuk_true_check_verification_bannerheading1',
										esc_html__( 'Background Checks', 'true-check-verification' )
									)
								);
								?>
							</h2>

							<h2 class="banner_titlehigh">
								<?php
								echo esc_html(
									get_theme_mod(
										'luzuk_true_check_verification_bannerheading2',
										esc_html__( 'Without the.', 'true-check-verification' )
									)
								);
								?>
								<span>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_bannerheadingspan',
											esc_html__( 'Wait', 'true-check-verification' )
										)
									);
									?>
								</span>
							</h2>

							<p>
								<?php
								echo esc_html(
									get_theme_mod(
										'luzuk_true_check_verification_bannerdescription',
										esc_html__(
											'Lightning-fast employment verification powered by AI and global data networks. Get comprehensive screening results in hours, not days',
											'true-check-verification'
										)
									)
								);
								?>
							</p>
							<!--  -->
							<!-- start -->
							<?php if ( get_theme_mod('icnnbx_display', 'show') === 'show' ) : ?>

								<div class="bannture-single-area">
									<div class="row mr-0">

										<?php
										$lists = array(
											1 => 'fa-regular fa-circle-check',
											2 => 'fa-regular fa-circle-check',
											3 => 'fa-regular fa-circle-check',
											4 => 'fa-regular fa-circle-check',
										);

										foreach ( $lists as $i => $icon ) :
											$title = get_theme_mod(
												'luzuk_true_check_verification_sliderlist' . $i,
												''
											);

											if ( empty( $title ) ) {
												continue;
											}
										?>

										<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 bann-bx">
											<div class="bannsingle">
												<div class="bann-icon">
													<span class="<?php echo esc_attr( $icon ); ?>"></span>
												</div>

												<div class="bann-title inner-area-title">
													<?php echo esc_html( $title ); ?>
												</div>

												<div class="clearfix"></div>
											</div>
										</div>

										<?php endforeach; ?>

										<div class="clearfix"></div>
									</div>
								</div>

							<?php endif; ?>
                			<!-- end -->

							<!--  -->
							<div class="banner-btn">

								<a class="bt1"
								href="<?php
										echo esc_url(
											get_theme_mod(
												'luzuk_true_check_verification_bannerbtnlink',
												'#'
											)
										);
								?>">
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_bannerbtntext',
											esc_html__( 'Start Free Trial', 'true-check-verification' )
										)
									);
									?>

									<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 24 24"
										fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
										stroke-linejoin="round"
										class="lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform"
										aria-hidden="true">
										<path d="M5 12h14"></path>
										<path d="m12 5 7 7-7 7"></path>
									</svg>
								</a>

								<div class="banner-mail">
									<a href="<?php
										echo esc_url(
											get_theme_mod(
												'luzuk_true_check_verification_bannerscheduledemolink',
												'#'
											)
										);
									?>">
										<?php
										echo esc_html(
											get_theme_mod(
												'luzuk_true_check_verification_bannerscheduledemotext',
												esc_html__( 'Schedule Demo', 'true-check-verification' )
											)
										);
										?>
									</a>
								</div>

							</div>

						</div>
						<div class="img-box">
							<?php
							$b_icn_num = get_theme_mod(
								'luzuk_true_check_verification_banner_image_verification_num',
								'2.5M+'
							);

							$b_icn_txt = esc_html__( 'Verifications', 'true-check-verification' );

							$h_num = get_theme_mod(
								'luzuk_true_check_verification_banner_image_avgtime',
								'24hr'
							);

							$h_txt = esc_html__( 'Average Time', 'true-check-verification' );
							?>

							<div class="profileimg">
								<?php
								$luzuk_true_check_verification_banner_profileimg = get_theme_mod(
									'luzuk_true_check_verification_banner_profileimg'
								);

								if ( ! empty( $luzuk_true_check_verification_banner_profileimg ) ) {
									echo '<img alt="' . esc_attr( get_the_title() ) . '" 
										src="' . esc_url( $luzuk_true_check_verification_banner_profileimg ) . '" 
										class="img-responsive secondry-bg-img" />';
								} else {
									echo '<img alt="' . esc_attr__( 'Profile image', 'true-check-verification' ) . '" 
										src="' . esc_url( get_template_directory_uri() . '/assets/images/bannm.png' ) . '" 
										class="img-responsive" />';
								}
								?>

								<div class="tp">
									<div class="row">

										<?php if ( ! empty( $b_icn_num ) ) { ?>
											<div class="vcount">
												<div class="vcountinn">
													<div class="b_icnbx">
														<span class="fa fa-check" aria-hidden="true"></span>
													</div>
													<div class="vdtlsbx">
														<div class="b_icnnum">
															<?php echo esc_html( $b_icn_num ); ?>
														</div>
														<div class="b_icntxt">
															<?php echo esc_html( $b_icn_txt ); ?>
														</div>
													</div>
												</div>
											</div>
										<?php } ?>

										<?php if ( ! empty( $h_num ) ) { ?>
											<div class="hbx">
												<div class="hbxinn">
													<div class="h-num">
														<?php echo esc_html( $h_num ); ?>
													</div>
													<div class="h-txt">
														<?php echo esc_html( $h_txt ); ?>
													</div>
												</div>
											</div>
										<?php } ?>

									</div>
								</div>


			                   	<?php
									$pb_title = esc_html__( 'Verification Status', 'true-check-verification' );
									$pb_tg    = esc_html__( 'Active', 'true-check-verification' );

									$pb_list  = '<li>' . esc_html__( 'Identity', 'true-check-verification' ) . '</li>'
											. '<li>' . esc_html__( 'Employment', 'true-check-verification' ) . '</li>'
											. '<li>' . esc_html__( 'Education', 'true-check-verification' ) . '</li>'
											. '<li>' . esc_html__( 'Criminal', 'true-check-verification' ) . '</li>';

									$progress_value = get_theme_mod(
										'luzuk_true_check_verification_banner_image_verificationstatus_score',
										95
									);

									$progress_value = min( max( absint( $progress_value ), 0 ), 100 );
								?>

			                    <div class="btm">
			                        <div class="s-bar">
			                            <div class="s-bx">
											<div class="stle">
												<?php echo esc_html( $pb_title ); ?>
											</div>

											<?php if ( ! empty( $pb_tg ) ) : ?>
												<div class="tg">
													<?php echo esc_html( $pb_tg ); ?>
												</div>
											<?php endif; ?>
										</div>

			                            <div class="sbx">
			                                <div class="progress-wrapper">
			                                    <div class="progress-container">
			                                        <div class="progress-bar" id="progressBar"></div>
			                                    </div>
			                                    <span class="progress-text" id="progressText"></span>
			                                </div>
			                            </div>
										<div class="list">
											<?php echo wp_kses_post( $pb_list ); ?>
										</div>
			                        </div>
			                    </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script>
		  const progressValue = <?php echo esc_js( $progress_value ); ?>;

		  const bar  = document.getElementById('progressBar');
		  const text = document.getElementById('progressText');

		  bar.style.width = progressValue + '%';
		  text.textContent = progressValue + '%';
		</script>
	</section>
	
	<?php do_action('luzuk_true_check_verification_below_banner'); ?>

	<section id="services-section">
		<div class="container"> 
			<div class="headbx">	
				<div class="head">

					<h3 class="subheading">
						<?php
						echo esc_html(
							get_theme_mod(
								'luzuk_true_check_verification_servicessubheading',
								esc_html__( 'Comprehensive Verification Services', 'true-check-verification' )
							)
						);
						?>
					</h3>

					<h2 class="heading">
						<?php
						echo esc_html(
							get_theme_mod(
								'luzuk_true_check_verification_servicesheading',
								esc_html__( 'Every Check You Need,', 'true-check-verification' )
							)
						);
						?>
						<br>
						<span>
							<?php
							echo esc_html(
								get_theme_mod(
									'luzuk_true_check_verification_servicesheadingspan',
									esc_html__( 'One Powerful Platform', 'true-check-verification' )
								)
							);
							?>
						</span>
					</h2>

					<p class="description">
						<?php
						echo esc_html(
							get_theme_mod(
								'luzuk_true_check_verification_servicesdescription',
								esc_html__(
									'From identity to education, criminal records to compliance—comprehensive screening solutions designed to protect your organization and ensure regulatory adherence.',
									'true-check-verification'
								)
							)
						);
						?>
					</p>

				</div>
		
					
				<div class="box">
					<div class="row m-0">
						<div class="boximg">
							<?php 
								$luzuk_ser_headtpimg = get_theme_mod('luzuk_ser_headtpimg');

								if(!empty($luzuk_ser_headtpimg)){
									echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($luzuk_ser_headtpimg).'" class="img-responsive secondry-bg-img" />';
								}else{
									echo '<img alt="luzuk_ser_headtpimg" src="'.get_template_directory_uri().'/assets/images/serupbx.png" class="img-responsive" />';
								}
									?>

						</div>
						<div class="boxcontent">
							<h3 class="boxsubheading"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-[#1F9D55]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg>
							<?php
								echo esc_html(
									get_theme_mod(
										'luzuk_true_check_verification_servicesboxsubheading',
										esc_html__( 'Most Requested', 'true-check-verification' )
									)
								);
								?>
							</h3>

							<h3 class="boxheading">
								<?php
								echo esc_html(
									get_theme_mod(
										'luzuk_true_check_verification_servicesboxheading',
										esc_html__( 'Complete Background Screening', 'true-check-verification' )
									)
								);
								?>
							</h3>

							<p class="boxdescription">
								<?php
								echo esc_html(
									get_theme_mod(
										'luzuk_true_check_verification_servicesboxdescription',
										esc_html__(
											'Our most comprehensive package combines criminal records, employment history, education verification, and reference checks into one streamlined process.',
											'true-check-verification'
										)
									)
								);
								?>
							</p>

							<div class="boxtime">
								<div class="row m-0">

									<div class="time">
										<h3 class="num">
											<?php
											echo esc_html(
												get_theme_mod(
													'luzuk_true_check_verification_servicesboxtiming',
													esc_html__( '24-48hrs', 'true-check-verification' )
												)
											);
											?>
										</h3>

										<p>
											<?php
											echo esc_html(
												get_theme_mod(
													'luzuk_true_check_verification_servicesboxtimingtext',
													esc_html__( 'Turnaround Time', 'true-check-verification' )
												)
											);
											?>
										</p>
									</div>

									<div class="accuracy">
										<h3 class="num">
											<?php
											echo esc_html(
												get_theme_mod(
													'luzuk_true_check_verification_servicesboxaccuracy',
													esc_html__( '99.9%', 'true-check-verification' )
												)
											);
											?>
										</h3>

										<p>
											<?php
											echo esc_html(
												get_theme_mod(
													'luzuk_true_check_verification_servicesboxaccuracytext',
													esc_html__( 'Accuracy Rate', 'true-check-verification' )
												)
											);
											?>
										</p>
									</div>

								</div>
								<div class="clearfix"></div>
							</div>							
							<div class="bxbtn">
								<a href="<?php echo esc_url(get_theme_mod('luzuk_true_check_verification_servicesboxbtnlink', '#')); ?>">
									<?php _e('Learn More', 'true-check-verification'); ?> <svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
								</a>
							</div>
						</div>
					</div>
				</div>

				
			</div>
			<div class="row">
				<?php
				$pages_selected = false;

				// Check if any page is selected
				for ( $i = 1; $i <= 6; $i++ ) {
					$selected_page_id = absint(
						get_theme_mod( 'luzuk_true_check_verification_page_setting_' . $i )
					);

					if ( $selected_page_id ) {
						$pages_selected = true;
						break;
					}
				}

				if ( $pages_selected ) {

					for ( $i = 1; $i <= 6; $i++ ) {

						$selected_page_id = absint(
							get_theme_mod( 'luzuk_true_check_verification_page_setting_' . $i )
						);

						if ( $selected_page_id ) {

							$page = get_post( $selected_page_id );

							if ( ! $page ) {
								continue;
							}
							?>
							<div class="col-lg-4 col-md-4 col-sm-6 serbx">
								<div class="serbxinn">

									<div class="serimgbx">
										<a href="<?php echo esc_url( get_permalink( $page->ID ) ); ?>">
											<?php
											echo get_the_post_thumbnail(
												$page->ID,
												'medium',
												array(
													'alt' => esc_attr( get_the_title( $page->ID ) ),
												)
											);
											?>
											<div class="oly"></div>
										</a>
									</div>

									<div class="sconbx">
										<a href="<?php echo esc_url( get_permalink( $page->ID ) ); ?>">
											<h4><?php echo esc_html( get_the_title( $page->ID ) ); ?></h4>
										</a>

										<p><?php echo esc_html( get_the_excerpt( $page->ID ) ); ?></p>

										<div class="ser-btn">
											<a href="<?php echo esc_url( get_permalink( $page->ID ) ); ?>">
												<?php esc_html_e( 'View Details', 'true-check-verification' ); ?>
												<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
													<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
														d="M9 5l7 7-7 7"></path>
												</svg>
											</a>
										</div>
									</div>

								</div>
							</div>
							<?php
						}
					}

				} else {
					echo '<p>' . esc_html__( 'Please select pages from the customizer', 'true-check-verification' ) . '</p>';
				}
				?>
			</div>

		</div>
	</section>

	<?php do_action('luzuk_true_check_verification_below_services_section'); ?>

	<section id="verificationprocess-section">
		<div class="container">
			<div class="row">

				<div class="col-lg-6 col-md-6 col-sm-12 detailbxout">
					<div class="detailbx">

						<h6>
							<?php
							echo esc_html(
								get_theme_mod(
									'luzuk_true_check_verification_verificationprocessubheading',
									esc_html__( 'Simple Process', 'true-check-verification' )
								)
							);
							?>
						</h6>

						<h5>
							<?php
							echo esc_html(
								get_theme_mod(
									'luzuk_true_check_verification_verificationprocessheading',
									esc_html__( 'How Our Verification Works', 'true-check-verification' )
								)
							);
							?>
						</h5>

						<p>
							<?php
							echo esc_html(
								get_theme_mod(
									'luzuk_true_check_verification_verificationprocessdescription',
									esc_html__(
										'A streamlined, secure, and efficient process designed to deliver accurate results without compromising on speed or quality.',
										'true-check-verification'
									)
								)
							);
							?>
						</p>
					</div>

					<div class="listbx">

						<div class="list">
							<div class="licn licn1">
								<i class="fa-solid fa-check" aria-hidden="true"></i>
							</div>
							<div class="licntxtbx">
								<h3 class="title">
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocesstabsyears1list1heading',
											esc_html__( 'Fully Compliant', 'true-check-verification' )
										)
									);
									?>
								</h3>
								<div class="text">
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocesstabsyears1list1description',
											esc_html__(
												'FCRA, GDPR, and industry-specific compliance guaranteed',
												'true-check-verification'
											)
										)
									);
									?>
								</div>
							</div>
						</div>

						<div class="list">
							<div class="licn licn2">
								<i class="fa-solid fa-check" aria-hidden="true"></i>
							</div>
							<div class="licntxtbx">
								<h3 class="title">
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocesstabsyears1list2heading',
											esc_html__( 'Bank-Grade Security', 'true-check-verification' )
										)
									);
									?>
								</h3>
								<div class="text">
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocesstabsyears1list2description',
											esc_html__(
												'256-bit encryption and ISO 27001 certified data centers',
												'true-check-verification'
											)
										)
									);
									?>
								</div>
							</div>
						</div>

					</div>
				</div>

				<div class="col-lg-6 col-md-6 col-sm-12">
					<div class="steps">

						<div class="step">
							<div class="oursteps-icon">
								<i class="fa-solid fa-check" aria-hidden="true"></i>
							</div>
							<div class="details">
								<h3>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step1heading',
											esc_html__( 'Submit Request', 'true-check-verification' )
										)
									);
									?>
								</h3>
								<p>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step1description',
											esc_html__(
												'Upload candidate information through our secure portal or API integration',
												'true-check-verification'
											)
										)
									);
									?>
								</p>
							</div>
						</div>

						<div class="step">
							<div class="oursteps-icon">
								<i class="fa-solid fa-check" aria-hidden="true"></i>
							</div>
							<div class="details">
								<h3>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step2heading',
											esc_html__( 'Verification Process', 'true-check-verification' )
										)
									);
									?>
								</h3>
								<p>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step2description',
											esc_html__(
												'Our team conducts comprehensive background checks across multiple databases',
												'true-check-verification'
											)
										)
									);
									?>
								</p>
							</div>
						</div>

						<div class="step">
							<div class="oursteps-icon">
								<i class="fa-solid fa-check" aria-hidden="true"></i>
							</div>
							<div class="details">
								<h3>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step3heading',
											esc_html__( 'Quality Review', 'true-check-verification' )
										)
									);
									?>
								</h3>
								<p>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step3description',
											esc_html__(
												'Every report undergoes rigorous quality assurance by our compliance team',
												'true-check-verification'
											)
										)
									);
									?>
								</p>
							</div>
						</div>

						<div class="step">
							<div class="oursteps-icon">
								<i class="fa-solid fa-check" aria-hidden="true"></i>
							</div>
							<div class="details">
								<h3>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step4heading',
											esc_html__( 'Receive Results', 'true-check-verification' )
										)
									);
									?>
								</h3>
								<p>
									<?php
									echo esc_html(
										get_theme_mod(
											'luzuk_true_check_verification_verificationprocess_step4description',
											esc_html__(
												'Get detailed reports with actionable insights within 24-48 hours',
												'true-check-verification'
											)
										)
									);
									?>
								</p>
							</div>
						</div>

					</div>
				</div>

			</div>
		</div>
	</section>


	<?php do_action('luzuk_true_check_verification_below_verificationprocess_section'); ?>

	<div class="container">
	  	<?php while ( have_posts() ) : the_post(); ?>
	  		<div class="lz-content">
	        	<?php the_content(); ?>
	        </div>
	    <?php endwhile; // end of the loop. ?>
	</div>
</main>

<?php get_footer(); ?>