<?php
if (function_exists('render_block_preview_image') && render_block_preview_image($block, 'Pricing Plans Block Preview')) {
    return;
}
$heading        = get_field('pricing_plan_heading');
$subheading     = get_field('pricing_plan_subheading');
$plans_posts    = get_field('plans');
$below_heading  = get_field('plans_table_below_heading');
$month_tab  = get_field('month_tab');
$minute_tab = get_field('minute_tab');
if (empty($plans_posts)) {
    $plans_posts = get_posts([
        'post_type'      => 'plans',
        'post_status'    => 'publish',
        'posts_per_page' => -1,
        'orderby'        => 'menu_order',
        'order'          => 'ASC',
    ]);
}
$className = 'sk-pricing-section ' . ($block['className'] ?? '');
?>
<section class="<?php echo esc_attr(trim($className)); ?>">
    <div class="container">
        <div class="sk-pricing-header">
            <?php if (isset($heading) && !empty($heading)) : ?>
                <h1><?php echo esc_html($heading); ?></h1>
            <?php endif; ?>
            <?php if (isset($subheading) && !empty($subheading)) : ?>
                <p><?php echo esc_html($subheading); ?></p>
            <?php endif; ?>
            <div class="sk-pricing-tabs">
                <button class="tab-btn active" data-tab="per-month">
                    <?php
                    if (isset($month_tab) && !empty($month_tab)) :
                        echo esc_html($month_tab);
                    else :
                        echo esc_html('Per Month');
                    endif;
                    ?>
                </button>
                <button class="tab-btn" data-tab="per-minute">
                    <?php
                    if (isset($minute_tab) && !empty($minute_tab)) :
                        echo esc_html($minute_tab);
                    else :
                        echo esc_html('Per Minute');
                    endif;
                    ?>
                </button>
            </div>
        </div>
        <?php if (!empty($plans_posts)) : ?>
            <div class="sk-pricing-content active" id="per-month">
                <div class="sk-pricing-grid">
                    <?php foreach ($plans_posts as $plan) :
                        $plan_id = is_object($plan) ? $plan->ID : $plan;
                        $title = get_the_title($plan_id);
                        $price_month = get_field('price_for_month', $plan_id);
                        $add_plus    = get_field('add_plus_transcription', $plan_id);
                        $price_trans = get_field('price_transcription', $plan_id);
                        $popular     = get_field('most_popular', $plan_id);
                        $cta         = get_field('cta_button', $plan_id);
                    ?>
                        <div class="sk-pricing-plan <?php echo ($popular) ? 'popular' : ''; ?>">
                            <?php if ($popular) :
                                $popular_image = get_field('most_popular_image'); ?>
                                <div class="tag">
                                    <?php echo esc_html__('Most Popular', 'successkpi'); ?>
                                    <?php if (isset($popular_image) && !empty($popular_image) && isset($popular_image['url']) && !empty($popular_image['url'])) : ?>
                                        <img decoding="async"
                                            src="<?php echo esc_url($popular_image['url']); ?>"
                                            alt="<?php echo (isset($popular_image['alt']) && !empty($popular_image['alt'])) ? esc_attr($popular_image['alt']) : ''; ?>">
                                    <?php endif; ?>
                                </div>
                            <?php endif; ?>
                            <?php if (isset($title) && !empty($title)) : ?>
                                <h3><?php echo esc_html($title); ?></h3>
                            <?php endif; ?>
                            <p class="price">
                                <?php if (isset($price_month) && !empty($price_month)) : ?>
                                    <?php echo esc_html($price_month); ?>
                                <?php endif; ?>
                                <span>per agent/month</span>
                                <?php if ($add_plus && isset($price_trans) && !empty($price_trans)) : ?>
                                    <span>plus $<?php echo esc_html($price_trans); ?>/minute of transcription</span>
                                <?php endif; ?>
                            </p>
                            <div class="pricing-des">
                                <?php
                                $desc = get_field('post_content', $plan_id);
                                if (isset($desc) && !empty($desc)) :
                                    echo wp_kses_post($desc);
                                endif;
                                ?>
                            </div>
                            <?php
                            $features = get_the_terms($plan_id, 'features');
                            if (isset($features) && !empty($features) && !is_wp_error($features)) : ?>
                                <ul class="sk-pricing__features">
                                    <?php foreach ($features as $feature) : ?>
                                        <li><?php echo esc_html($feature->name); ?></li>
                                    <?php endforeach; ?>
                                </ul>
                            <?php endif; ?>
                            <?php if (isset($cta) && !empty($cta) && isset($cta['url']) && !empty($cta['url'])) : ?>
                                <a href="<?php echo esc_url($cta['url']); ?>"
                                    target="<?php echo (isset($cta['target']) && !empty($cta['target'])) ? esc_attr($cta['target']) : '_blank'; ?>"
                                    class="sk-price-btn">
                                    <?php echo (isset($cta['title']) && !empty($cta['title'])) ? esc_html($cta['title']) : esc_html__('Get started', 'successkpi'); ?>
                                </a>
                            <?php endif; ?>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
            <div class="sk-pricing-content" id="per-minute">
                <div class="sk-pricing-grid">
                    <?php foreach ($plans_posts as $plan) :
                        $plan_id = is_object($plan) ? $plan->ID : $plan;
                        $title = get_the_title($plan_id);
                        $price_minute = get_field('price_for_minute', $plan_id);
                        $add_plus     = get_field('add_plus_transcription', $plan_id);
                        $price_trans  = get_field('price_transcription', $plan_id);
                        $popular      = get_field('most_popular', $plan_id);
                        $cta          = get_field('cta_button', $plan_id);
                    ?>
                        <div class="sk-pricing-plan <?php echo ($popular) ? 'popular' : ''; ?>">
                            <?php if ($popular) : ?>
                                <div class="tag">
                                    <?php echo esc_html__('Most Popular', 'successkpi'); ?>
                                    <img decoding="async"
                                        src="<?php echo esc_url(wp_upload_dir()['baseurl'] . '/2026/04/Popular-star.webp'); ?>"
                                        alt="<?php echo esc_attr__('star', 'successkpi'); ?>">
                                </div>
                            <?php endif; ?>
                            <?php if (isset($title) && !empty($title)) : ?>
                                <h3><?php echo esc_html($title); ?></h3>
                            <?php endif; ?>
                            <p class="price">
                                <?php if (isset($price_minute) && !empty($price_minute)) : ?>
                                    <?php echo esc_html($price_minute); ?>
                                <?php endif; ?>
                                <span>per agent/minute</span>
                                <?php if ($add_plus && isset($price_trans) && !empty($price_trans)) : ?>
                                    <span>plus $<?php echo esc_html($price_trans); ?>/minute of transcription</span>
                                <?php endif; ?>
                            </p>
                            <div class="pricing-des">
                                <?php
                                $desc = get_field('post_content', $plan_id);
                                if (isset($desc) && !empty($desc)) :
                                    echo wp_kses_post($desc);
                                endif;
                                ?>
                            </div>
                            <?php
                            $features = get_the_terms($plan_id, 'features');
                            if (isset($features) && !empty($features) && !is_wp_error($features)) : ?>
                                <ul class="sk-pricing__features">
                                    <?php foreach ($features as $feature) : ?>
                                        <li><?php echo esc_html($feature->name); ?></li>
                                    <?php endforeach; ?>
                                </ul>
                            <?php endif; ?>
                            <?php if (isset($cta) && !empty($cta) && isset($cta['url']) && !empty($cta['url'])) : ?>
                                <a href="<?php echo esc_url($cta['url']); ?>"
                                    target="<?php echo (isset($cta['target']) && !empty($cta['target'])) ? esc_attr($cta['target']) : '_blank'; ?>"
                                    class="sk-price-btn">
                                    <?php echo (isset($cta['title']) && !empty($cta['title'])) ? esc_html($cta['title']) : esc_html__('Get started', 'successkpi'); ?>
                                </a>
                            <?php endif; ?>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        <?php endif; ?>
        <?php if (isset($below_heading) && !empty($below_heading)) : ?>
            <div class="plans-below-text">
                <?php echo wp_kses_post($below_heading); ?>
            </div>
        <?php endif; ?>
    </div>
</section>