<?php /* Template name: Pricing */
get_header();
$priceHeading = get_field('price_heading');
$priceDescription = get_field('price_description');
$pricingTagline = get_field('pricing_tagline');
?>
<section class="pricing-section py-120">
<div class="py-120 pb-0">
<div class="container">
<div class="text-center">
<?php if ($priceHeading) { ?>
<h2 class="font-52 font-black font-medium"><?php echo $priceHeading; ?></h2>
<?php } if ($priceDescription) { ?>
<div class="font-20 font-light-black font-medium mt-3"><?php echo $priceDescription; ?></div>
<?php } ?>
</div>
<div class="price-plan mt-60">
<div class="d-flex align-items-center justify-content-start justify-content-lg-center flex-wrap flex-lg-nowrap">
<?php if ($pricingTagline) { ?>
<div class="font-16 font-black font-medium me-3 me-lg-0"><?php echo $pricingTagline; ?></div>
<?php } ?>
<ul class="nav nav-tabs ms-0 ms-lg-3 mt-2 mt-lg-0" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="annual-tab" data-bs-toggle="tab"
data-bs-target="#annual" type="button" role="tab" aria-controls="annual"
aria-selected="true">Annual</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="monthly-tab" data-bs-toggle="tab" data-bs-target="#monthly"
type="button" role="tab" aria-controls="monthly" aria-selected="false">Monthly</button>
</li>
</ul>
</div>
<?php
$pricePlanAnnual = get_field('price_plan_annual');
$pricePlanMonthly = get_field('price_plan_monthly');
?>
<div class="tab-content py-120 pb-0" id="myTabContent">
<div class="tab-pane fade show active" id="annual" role="tabpanel" aria-labelledby="annual-tab">
<div class="d-flex align-items-stretch justify-content-start justify-content-lg-center price-plan-card-content flex-wrap flex-lg-nowrap">
<?php
foreach( $pricePlanAnnual as $PlanAnnual ){
$plan_title = $PlanAnnual['plan_title'];
$price = $PlanAnnual['price'];
$price_tag = $PlanAnnual['price_tag'];
$plan_description = $PlanAnnual['plan_description'];
$plan_features = $PlanAnnual['plan_features'];
$plan_button = $PlanAnnual['plan_button'];
?>
<div class="price-plan-card d-flex flex-column">
<div class="font-32 font-black text-semi"><?php echo $plan_title; ?></div>
<?php if ($price) { ?>
<div class="font-14 text-bold font-black mt-4">
<span class="font-26 text-bold">$<?php echo $price; ?></span>
<span class="font-16 text-light-font">/<?php echo $price_tag; ?></span>
</div>
<?php } else { ?>
<div class="font-14 text-bold font-black mt-4">
<span class="font-16 text-bold"><?php echo $price_tag; ?></span>
</div>
<?php } ?>
<div class="font-16 font-light-black mt-3"><?php echo $plan_description; ?></div>
<div class="my-5">
<?php
foreach($plan_features as $features){
$feature_icon = $features['feature_icon'];
$feature_text = $features['feature_text'];
?>
<div class="d-flex align-items-center mt-2">
<div class="feature-icon">
<img src="<?php echo $feature_icon['url']; ?>"
alt="credential">
</div>
<div class="font-16 font-black ms-2 flex-1">
<?php echo $feature_text; ?>
</div>
</div>
<?php } ?>
</div>
<a href="<?php echo $plan_button['url']; ?>" class="d-flex align-items-center justify-content-center black-btn mt-auto"><?php echo $plan_button['title']; ?></a>
</div>
<?php } ?>
</div>
<?php $plan_features = get_field('plan_features');
$tableHead = $plan_features['header'];
$tableBody = $plan_features['body'];
?>
<div class="plan-feature py-120 pb-0">
<?php if (get_field('plan_feature_title')) { ?>
<div class="text-center">
<h2 class="font-52 font-black font-medium"><?php echo get_field('plan_feature_title'); ?></h2>
</div>
<?php } ?>
<div class="table-wrapper mt-60">
<table class="table">
<thead class="position-sticky">
<tr>
<!-- <th scope="col" width="280"></th> -->
<?php $i=1; foreach ($tableHead as $key => $headRow) {
if ($i == 1) {
?>
<th scope="col" width="280"><?php echo $headRow['c'] ?></th>
<?php } else { ?>
<th scope="col"><?php echo $headRow['c'] ?></th>
<?php } $i++;
} ?>
</tr>
</thead>
<tbody>
<?php foreach ($tableBody as $key => $bodyRow) { ?>
<tr>
<?php
foreach ($bodyRow as $subKey => $valueRow) {
if(empty($bodyRow[1]['c']) && empty($bodyRow[2]['c']) && empty($bodyRow[3]['c']) && empty($bodyRow[4]['c']) && empty($bodyRow[5]['c'])) {
?>
<td class="feature-title font-16 text-semi font-black"><?php echo $valueRow['c']; ?></td>
<?php
} elseif ($subKey == 0) {
?>
<td class="align-items-center justify-content-between text-start font-16 font-light-black"
width="280"><?php echo $valueRow['c']; ?></td>
<?php
} else {
?>
<td class="font-16 font-light-black">
<?php if ($valueRow['c'] === 'Yes' || $valueRow['c'] === 'yes') { ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-check-icon.svg" alt="arrow" />
<?php } elseif ($valueRow['c'] === '') { ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-empty-icon.svg" alt="arrow" />
<?php } else { ?>
<?php echo $valueRow['c']; ?>
<?php } ?>
</td>
<?php
}
}
?>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<div class="tab-pane fade" id="monthly" role="tabpanel" aria-labelledby="monthly-tab">
<div class="d-flex align-items-stretch justify-content-start justify-content-lg-center price-plan-card-content flex-wrap flex-lg-nowrap">
<?php
foreach( $pricePlanMonthly as $PlanMonthly ){
$plan_title = $PlanMonthly['plan_title'];
$price = $PlanMonthly['price'];
$price_tag = $PlanMonthly['price_tag'];
$plan_description = $PlanMonthly['plan_description'];
$plan_features = $PlanMonthly['plan_features'];
?>
<div class="price-plan-card d-flex flex-column">
<div class="font-32 font-black text-semi"><?php echo $plan_title; ?></div>
<?php if ($price) { ?>
<div class="font-14 text-bold font-black mt-4">
<span class="font-26 text-bold">$<?php echo $price; ?></span>
<span class="font-16 text-light-font">/<?php echo $price_tag; ?></span>
</div>
<?php } else { ?>
<div class="font-14 text-bold font-black mt-4">
<span class="text-bold font-16"><?php echo $price_tag; ?></span>
</div>
<?php } ?>
<div class="font-16 font-light-black mt-3"><?php echo $plan_description; ?></div>
<div class="my-5">
<?php
foreach($plan_features as $features){
$feature_icon = $features['feature_icon'];
$feature_text = $features['feature_text'];
?>
<div class="d-flex align-items-center mt-2">
<div class="feature-icon">
<img src="<?php echo $feature_icon['url']; ?>"
alt="credential">
</div>
<div class="font-16 font-black ms-2 flew-1">
<?php echo $feature_text; ?>
</div>
</div>
<?php } ?>
</div>
<a href="<?php echo $plan_button['url']; ?>" class="d-flex align-items-center justify-content-center black-btn mt-auto"><?php echo $plan_button['title']; ?></a>
</div>
<?php } ?>
</div>
<?php $plan_feature_month = get_field('plan_features_monthly');
$tableHead = $plan_feature_month['header'];
$tableBody = $plan_feature_month['body'];
?>
<div class="plan-feature py-120 pb-0">
<?php if (get_field('plan_feature_title_monthly')) { ?>
<div class="text-center">
<h2 class="font-52 font-black font-medium"><?php echo get_field('plan_feature_title_monthly'); ?></h2>
</div>
<?php } ?>
<div class="table-wrapper mt-60">
<table class="table">
<thead class="position-sticky">
<tr>
<!-- <th scope="col" width="280"></th> -->
<?php $i=1; foreach ($tableHead as $key => $headRow) {
if ($i == 1) {
?>
<th scope="col" width="280"><?php echo $headRow['c'] ?></th>
<?php } else { ?>
<th scope="col"><?php echo $headRow['c'] ?></th>
<?php } $i++;
} ?>
</tr>
</thead>
<tbody>
<?php foreach ($tableBody as $key => $bodyRow) { ?>
<tr>
<?php
foreach ($bodyRow as $subKey => $valueRow) {
if(empty($bodyRow[1]['c']) && empty($bodyRow[2]['c']) && empty($bodyRow[3]['c']) && empty($bodyRow[4]['c']) && empty($bodyRow[5]['c'])) {
?>
<td class="feature-title font-16 text-semi font-black"><?php echo $valueRow['c']; ?></td>
<?php
} elseif ($subKey == 0) {
?>
<td class="align-items-center justify-content-between font-16 text-start font-light-black"
width="280"><?php echo $valueRow['c']; ?></td>
<?php
} else {
?>
<td class="font-16 font-light-black">
<?php
//echo '<pre>';
//print_r($valueRow); ?>
<?php if ($valueRow['c'] === 'Yes' || $valueRow['c'] === 'yes') { ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-check-icon.svg" alt="arrow" />
<?php } elseif ($valueRow['c'] === '') { ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-empty-icon.svg" alt="arrow" />
<?php } else { ?>
<?php echo $valueRow['c']; ?>
<?php } ?>
</td>
<?php
}
}
?>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
$blog_choose_heading = get_field('blog_choose_heading');
$blog_heading = get_field('blog_heading');
$select_blog = get_field('select_blogs');
if ($select_blog) {
?>
<section class="engineering-service bg-black py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<<?php echo $blog_choose_heading; ?> class="font-42 text-medium"><?php echo $blog_heading; ?></<?php echo $blog_choose_heading; ?>>
<div class="owl-carousel owl-theme case-study">
<?php foreach ($select_blog as $post) {
$feture_img = get_the_post_thumbnail_url($post->ID);
?>
<div class="item">
<a href="<?php the_permalink($post->ID); ?>" class="engineering-card position-relative overflow-hidden d-block">
<div class="engineering-card-img">
<img src="<?php echo $feture_img; ?>" alt="case-study" />
</div>
<div class="engineering-detail">
<div class="font-20 text-medium detail-text">
<?php echo get_the_title(); ?>
</div>
</div>
</a>
</div>
<?php }
wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<?php } ?>
<section class="contact-section bg-white py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<div class="d-flex justify-content-between align-items-start align-items-lg-center flex-column flex-lg-row">
<div class="content">
<?php if (get_field('title_contact', 28)) { ?>
<div class="text-black font-42 text-medium"><?php echo get_field('title_contact', 28); ?></div>
<?php } if (get_field('description', 28)) { ?>
<div class="font-16 text-black text-medium mt-3">
<?php echo get_field('description', 28); ?>
</div>
</div>
<?php } if (get_field('button_url', 28)) { ?>
<a href="<?php echo get_field('button_url', 28); ?>"
class="mt-4 px-4 font-16 text-bold talk-btn black-btn d-flex align-items-center justify-content-center mx-0">Contact Sales</a>
<?php } ?>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>