<?php
if (function_exists('render_block_preview_image') && render_block_preview_image($block, 'Left Right Media Cards block preview')) {
    return;
}

$className = 'sk-media-content-section sk-section-spacing ' . ($block['className'] ?? '');
?>

<div class="<?php echo esc_attr(trim($className)); ?>">
    <div class="container">
        <?php
        $heading = get_field('heading') ?? '';
        $description = get_field('description') ?? '';
        if (!empty($heading) || !empty($description)) :
        ?>
            <div class="sk-media-content-section-heading" data-aos="fade-up">
                <?php if (!empty($heading)) : ?>
                    <h2><?php echo esc_html($heading); ?></h2>
                <?php endif; ?>

                <?php if (!empty($description)) : ?>
                    <?php echo wp_kses_post($description); ?>
                <?php endif; ?>
            </div>
        <?php endif; ?>

        <?php if (have_rows('media_and_content_repeater')) : ?>
            <?php while (have_rows('media_and_content_repeater')) : the_row(); ?>
                <?php $is_even_row = get_row_index() % 2 === 0; ?>
                <div class="sk-media-content-wrapper">
                    <?php if ($is_even_row) : ?>
                        <div class="sk-content-col" data-aos="fade-up">
                            <?php $media_content_title = get_sub_field('media_content_title') ?? ''; ?>
                            <?php if (!empty($media_content_title)) : ?>
                                <h2><?php echo esc_html($media_content_title); ?></h2>
                            <?php endif; ?>

                            <?php $media_content_description = get_sub_field('media_content_description') ?? ''; ?>
                            <?php if (!empty($media_content_description)) : ?>
                                <?php echo wp_kses_post($media_content_description); ?>
                            <?php endif; ?>

                            <?php
                            $media_content_link = get_sub_field('media_content_link') ?? '';
                            if (!empty($media_content_link['url'])) :
                                $link_target = !empty($media_content_link['target']) ? $media_content_link['target'] : '_self';
                            ?>
                                <a href="<?php echo esc_url($media_content_link['url']); ?>" class="custom-btn" target="<?php echo esc_attr($link_target); ?>">
                                    <?php echo esc_html($media_content_link['title']); ?>
                                </a>
                            <?php endif; ?>
                        </div>
                    <?php endif; ?>

                    <?php $media_type = get_sub_field('media_type') ?? ''; ?>
                    <?php $image = $media_type === 'image' ? (get_sub_field('image') ?? '') : ''; ?>
                    <?php $video = $media_type === 'video' ? (get_sub_field('video') ?? '') : ''; ?>
                    <?php $lottie = $media_type === 'lottie' ? (get_sub_field('lottie') ?? '') : ''; ?>
                    <?php if (($media_type === 'image' && !empty($image['url'])) || ($media_type === 'video' && !empty($video['url'])) || ($media_type === 'lottie' && !empty($lottie['url']))) : ?>
                        <div class="sk-media-col" data-aos="fade-up">
                            <div class="sk-media">
                                <?php if ($media_type === 'image') : ?>
                                    <?php $image_alt = !empty($image['alt']) ? $image['alt'] : ($image['title'] ?? ''); ?>
                                    <img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image_alt); ?>">
                                <?php elseif ($media_type === 'video') : ?>

                                    <?php
                                    $poster = get_sub_field('video_poster');
                                    $poster_url = (is_array($poster) && !empty($poster['url'])) ? $poster['url'] : '';
                                    $video_id = 'video-' . get_row_index();
                                    ?>

                                    <video
                                        playsinline
                                        id="<?php echo esc_attr($video_id); ?>"
                                        <?php if ($poster_url): ?> poster="<?php echo esc_url($poster_url); ?>" <?php endif; ?>>
                                        <source src="<?php echo esc_url($video['url']); ?>" type="<?php echo esc_attr($video['mime_type'] ?? 'video/mp4'); ?>">
                                    </video>

                                    <button
                                        type="button"
                                        class="sk-play-video"
                                        data-video="<?php echo esc_attr($video_id); ?>"
                                        aria-label="<?php esc_attr_e('Play video', 'successkpi'); ?>">
                                        <i class="fa fa-play"></i>
                                    </button>
                                <?php elseif ($media_type === 'lottie') : ?>
                                    <lottie-player
                                        class="lottie"
                                        src="<?php echo esc_url($lottie['url']); ?>"
                                        background="transparent"
                                        speed="1"
                                        style="width: 100%; height: auto;"
                                        direction="1"
                                        playmode="normal">
                                    </lottie-player>
                                <?php endif; ?>
                            </div>
                        </div>
                    <?php endif; ?>

                    <?php if (!$is_even_row) : ?>
                        <div class="sk-content-col" data-aos="fade-up">
                            <?php $media_content_title = get_sub_field('media_content_title') ?? ''; ?>
                            <?php if (!empty($media_content_title)) : ?>
                                <h2><?php echo esc_html($media_content_title); ?></h2>
                            <?php endif; ?>

                            <?php $media_content_description = get_sub_field('media_content_description') ?? ''; ?>
                            <?php if (!empty($media_content_description)) : ?>
                                <?php echo wp_kses_post($media_content_description); ?>
                            <?php endif; ?>

                            <?php
                            $media_content_link = get_sub_field('media_content_link') ?? '';
                            if (!empty($media_content_link['url'])) :
                                $link_target = !empty($media_content_link['target']) ? $media_content_link['target'] : '_self';
                            ?>
                                <a href="<?php echo esc_url($media_content_link['url']); ?>" class="custom-btn" target="<?php echo esc_attr($link_target); ?>">
                                    <?php echo esc_html($media_content_link['title']); ?>
                                </a>
                            <?php endif; ?>
                        </div>
                    <?php endif; ?>
                </div>
            <?php endwhile; ?>
        <?php endif; ?>
    </div>
</div>