<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?>
<div class="view-360-section modal position-fixed" id="view-360" aria-hidden="true" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="kirb-modal-content">
            <div class="d-flex ">
                <div class="pera-content"><?php echo esc_html(kirb_string_split_translate($diamond['title'], $kirb_filter_values_translation_mapping)); ?><br></div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="view-360-div">
                    <iframe id="kirb_360_frame" frameborder="0"
                        allow="accelerometer; autoplay; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <div class="keyideas-logo" id="keyideas-logo-360">
                    <img src="<?php echo esc_url(KIRB_PLUGIN_DIR); ?>/assets/images/powered-by.svg" width="110px" height="15px"
                        alt="">
                </div>

                <?php
                $dia_type = $is_gemstone ? 'Gemstone' : 'Diamond';
                $zoom_str = 'Super Zoom - Actual ' . $dia_type . ' Image Shown with 40x Magnification.';
                ?>
                <div class="pera-content super-zoom-text"><?php echo esc_html($zoom_str); ?></div>
            </div>
        </div>
    </div>
</div>