<?php

defined('ABSPATH') || exit;

?>
<div id="keyword-rank-history" class="seoaic-modal">
    <div class="seoaic-modal-background seoaic-modal-close"></div>
    <div class="seoaic-popup rank-history">
        <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('Rank History', 'seoaic');?></h3>
            <div class="selected-rank-title"></div>
        </div>
        <div class="seoaic-popup__content">
            <div class="table">
                <div class="heading" style="display: none">
                    <div class="table-row">
                        <div class="month"><?php esc_html_e('Month', 'seoaic');?></div>
                        <div class="avg_position"><?php esc_html_e('Position', 'seoaic');?></div>
                    </div>
                </div>
                <div class="body" style="display: none"></div>
                <div id="seoaic_common_chart" style="max-width: 100%"></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>