<?php
    if (function_exists('render_block_preview_image') && render_block_preview_image($block, 'Contact us form block preview')) {
        return;
    }
    $className = 'contact-us-section sk-section-spacing ' . ($block['className'] ?? '');
    $heading = get_field('heading');
    $description = get_field('description');
    $left_heading = get_field('left_heading');
    $email = get_field('email');
    $phone = get_field('phone');
    ?>
 <section class="<?php echo esc_attr(trim($className)); ?>">
     <div class="container">
         <div class="contact-us-block">
             <div class="contact-us-header">
                 <?php if (!empty($heading)) : ?>
                     <h1><?php echo esc_html($heading); ?></h1>
                 <?php endif; ?>
                 <?php if (!empty($description)) : ?>
                     <?php echo wp_kses_post($description); ?>
                 <?php endif; ?>
             </div>
             <div class="contact-form">
                 <div class="contact-us-block-content">
                     <?php if (!empty($left_heading)) : ?>
                         <h3><?php echo esc_html($left_heading); ?></h3>
                     <?php endif; ?>
                     <div class="input-wrapper">
                         <?php
                            if (have_rows('form_tabs')) :
                                $tab_count = 0;
                                while (have_rows('form_tabs')) : the_row();
                                    $label = get_sub_field('tag_label');
                                    $tab_count++;
                            ?>
                                 <div class="input-title <?php echo ($tab_count == 1) ? 'active' : ''; ?>"
                                     data-tab="<?php echo esc_attr($label); ?>">
                                     <?php echo esc_html($label); ?>
                                     <span><i class="fa-solid fa-chevron-right"></i></span>
                                 </div>
                         <?php endwhile;
                            endif; ?>
                     </div>
                     <div class="contacts-info">
                         <?php if (!empty($email)) : ?>
                             <a href="mailto:<?php echo esc_attr($email); ?>">
                                 <i class="fa-regular fa-envelope"></i>
                                 <?php echo esc_html($email); ?>
                             </a>
                         <?php endif; ?>
                         <?php if (!empty($phone)) : ?>
                             <a href="tel:<?php echo esc_attr($phone); ?>">
                                 <i class="fa-solid fa-phone"></i>
                                 <?php echo esc_html($phone); ?>
                             </a>
                         <?php endif; ?>
                     </div>
                 </div>
                 <div class="contact-us-block-form">
                     <?php
                        if (have_rows('form_tabs')) :
                            $form_count = 0;
                            while (have_rows('form_tabs')) : the_row();
                                $label = get_sub_field('tag_label');
                                $region = get_sub_field('region');
                                $portal = get_sub_field('portal_id');
                                $formid = get_sub_field('form_id');
                                $campaign = get_sub_field('campaign_id');
                                $form_count++;
                        ?>
                             <div class="form-wrapper hbspt-form <?php echo ($form_count == 1) ? 'form-active' : ''; ?>"
                                 data-form="<?php echo esc_attr($label); ?>"
                                 data-region="<?php echo esc_attr($region); ?>"
                                 data-portal="<?php echo esc_attr($portal); ?>"
                                 data-formid="<?php echo esc_attr($formid); ?>"
                                 data-campaign="<?php echo esc_attr($campaign); ?>">
                             </div>
                     <?php endwhile;
                        endif; ?>
                 </div>
             </div>
         </div>
     </div>
 </section>