<?php

defined('ABSPATH') || exit;

?>
<div id="competitor-compare" class="seoaic-modal">
    <div class="seoaic-modal-background seoaic-modal-close"></div>
    <div class="seoaic-popup competitor-compare">
        <div class="seoaic-popup__header">
            <span class="seoaic-modal-close">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 1L15 15M15 1L1 15" stroke="#F1EBF7" stroke-width="2"/>
                </svg>
            </span>
            <h3><?php esc_html_e('Compare positions', 'seoaic');?></h3>
        </div>
        <div class="seoaic-popup__content">
            <div class="table">
                <div class="heading">
                    <div class="table-row">
                        <div class="your-website"><?php echo esc_html(wp_parse_url(home_url())['host']);?></div>
                        <div class="competitor"><?php esc_html_e('www.competitor.com', 'seoaic');?></div>
                    </div>
                </div>
                <div class="body">
                    <div class="body">
                        <div class="table-row">
                            <div class="position">-</div>
                            <div class="position">20</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="seoaic-popup__footer">
            <button type="button"
                    class="seoaic-popup__btn seoaic-modal-close"><?php esc_html_e('OK', 'seoaic');?></button>
        </div>
    </div>
</div>