<?php

use DaftPlug\Rankify\Helpers\Utils;
use DaftPlug\Rankify\Admin\SiteAudit;

if (!defined('ABSPATH')) {
  exit();
}

$rankifyIsIndexable = (bool) get_option('blog_public');
$rankifyAudit = SiteAudit::snapshot();
$rankifyAi = SiteAudit::aiReadiness();
$rankifyAttention = SiteAudit::needsAttention(5);

// GEO measurement. Rendered server-side rather than fetched: the data is
// already available here, and a card that briefly says "loading" on every page
// load is worse than one that is simply correct when it paints.
$rankifyGeoOn = 'on' === Utils::getSetting('aeoCitationTracking');
$rankifyGeoBots = $rankifyGeoOn && class_exists('\DaftPlug\Rankify\Features\Geo\CrawlerLog') ? \DaftPlug\Rankify\Features\Geo\CrawlerLog::byBot() : [];
$rankifyGeoTotals = $rankifyGeoOn && class_exists('\DaftPlug\Rankify\Features\Geo\CrawlerLog') ? \DaftPlug\Rankify\Features\Geo\CrawlerLog::totals() : ['hits' => 0, 'bots' => 0, 'urls' => 0, 'days' => 7];
$rankifyGeoUrls = $rankifyGeoOn && class_exists('\DaftPlug\Rankify\Features\Geo\CrawlerLog') ? \DaftPlug\Rankify\Features\Geo\CrawlerLog::topUrls(5) : [];
$rankifyGeoCache = class_exists('\DaftPlug\Rankify\Features\Geo\CrawlerLog') ? \DaftPlug\Rankify\Features\Geo\CrawlerLog::pageCacheActive() : false;
$rankifyBeaconOn = class_exists('\DaftPlug\Rankify\Features\Geo\CrawlerBeacon') && \DaftPlug\Rankify\Features\Geo\CrawlerBeacon::receiving();
$rankifyGeoReferrals = class_exists('\DaftPlug\Rankify\Features\Geo\Referrals') ? \DaftPlug\Rankify\Features\Geo\Referrals::bySource() : [];

$rankifyGsc = class_exists('\DaftPlug\Rankify\Features\SearchConsole') && Utils::hasActivePro() ? \DaftPlug\Rankify\Features\SearchConsole::overviewScreen() : ['connected' => false, 'property' => '', 'report' => ['state' => 'disconnected']];
$rankifyGscReport = is_array($rankifyGsc['report'] ?? null) ? $rankifyGsc['report'] : ['state' => 'disconnected'];
$rankifyGscSummary = $rankifyGscReport['summary'] ?? [];
$rankifyGscHasNumbers = in_array($rankifyGscReport['state'] ?? '', ['ready', 'empty'], true);

$rankifyChecks = [
  [
    'id' => 'indexing',
    'label' => __('Search engine indexing', 'crownify'),
    'ok' => $rankifyIsIndexable,
    'okText' => __('Crawlers are allowed to index this site.', 'crownify'),
    'failText' => __('Reading settings are asking search engines not to index this site.', 'crownify'),
    'href' => admin_url('options-reading.php'),
  ],
  [
    'id' => 'sitemap',
    'label' => __('XML sitemap', 'crownify'),
    'ok' => Utils::getSetting('xmlSitemap') === 'on',
    'okText' => __('Your sitemap is being served and kept up to date.', 'crownify'),
    'failText' => __('No sitemap is published, so new content is found more slowly.', 'crownify'),
    'href' => admin_url('admin.php?page=rankify-settings#/sitemaps/'),
  ],
  [
    'id' => 'schema',
    'label' => __('Schema markup', 'crownify'),
    'ok' => Utils::getSetting('schemaMarkup') === 'on',
    'okText' => __('Structured data is attached to your pages.', 'crownify'),
    'failText' => __('Without structured data your pages cannot qualify for rich results.', 'crownify'),
    'href' => admin_url('admin.php?page=rankify-settings#/schema/'),
  ],
  [
    'id' => 'social',
    'label' => __('Social previews', 'crownify'),
    'ok' => Utils::getSetting('openGraph') === 'on',
    'okText' => __('Shared links render with your title, description and image.', 'crownify'),
    'failText' => __('Shared links will look however each platform decides to guess.', 'crownify'),
    'href' => admin_url('admin.php?page=rankify-settings#/social/'),
  ],
  [
    'id' => 'organization',
    'label' => __('Organization identity', 'crownify'),
    'ok' => '' !== (string) Utils::getSetting('schemaSiteLogo'),
    'okText' => __('Your logo is attached to your Organization entity.', 'crownify'),
    'failText' => __('No logo is set, so your Organization cannot qualify for rich results.', 'crownify'),
    'href' => admin_url('admin.php?page=rankify-settings#/schema/'),
  ],
  [
    'id' => 'llms',
    'label' => __('llms.txt', 'crownify'),
    'ok' => Utils::getSetting('llmsTxt') === 'on',
    'okText' => __('AI assistants can find a readable map of your site.', 'crownify'),
    'failText' => __('AI assistants have no summary index of your site to work from.', 'crownify'),
    'href' => admin_url('admin.php?page=rankify-settings#/ai/'),
  ],
];

$rankifyPassed = count(
  array_filter($rankifyChecks, function ($rankifyCheck) {
    return $rankifyCheck['ok'];
  }),
);

/**
 * Coverage rows. Each is "how many of your pages have this", which is a
 * different question from the checklist above — those are one-time switches,
 * these are the state of the actual content.
 */
$rankifyTotal = max(1, (int) $rankifyAudit['total']);
$rankifyCoverage = [
  [
    'label' => __('Custom meta descriptions', 'crownify'),
    'done' => $rankifyAudit['total'] - $rankifyAudit['missingDescription'],
    'hint' => __('Pages without one fall back to the excerpt or the opening of the content.', 'crownify'),
  ],
  [
    'label' => __('Custom SEO titles', 'crownify'),
    'done' => $rankifyAudit['total'] - $rankifyAudit['missingTitle'],
    'hint' => __('Pages without one use the template for their post type, which is usually fine.', 'crownify'),
  ],
  [
    'label' => __('Featured images', 'crownify'),
    'done' => $rankifyAudit['total'] - $rankifyAudit['missingImage'],
    'hint' => __('No image means shared links render as a bare link, with no card.', 'crownify'),
  ],
];
?>

<div class="max-w-6xl 2xl:max-w-7xl w-full mx-auto space-y-4 sm:space-y-6">
  <?php if (!$rankifyIsIndexable): ?>
  <!-- Red, not amber, and above everything else: this single WordPress
       setting overrides every other thing on this page. A site with it on cannot
       rank no matter how green the rest of the checks are, so ranking it
       alongside them as one more amber item would understate it. -->
  <div id="alertNotIndexable" class="flex gap-x-3 bg-red-50 border border-red-200 rounded-xl py-3 px-4" role="alert">
    <svg class="size-4 text-red-800 shrink-0 mt-0.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
      <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path>
      <path d="M12 9v4"></path>
      <path d="M12 17h.01"></path>
    </svg>
    <div class="grow">
      <h3 class="text-sm font-semibold text-red-800">
        <?php esc_html_e('Search engines are blocked', 'crownify'); ?>
      </h3>
      <p class="mt-0.5 text-xs text-red-700">
        <?php
        /* translators: %s: link to the WordPress Reading settings screen. */
        $rankifyNotIndexable = __('WordPress is asking search engines not to index this site, which overrides everything Crownify does. Nothing will rank until it is turned off in %s.', 'crownify');
        printf(wp_kses($rankifyNotIndexable, ['a' => ['href' => [], 'class' => []]]), '<a href="' . esc_url(admin_url('options-reading.php')) . '" class="underline font-semibold">' . esc_html__('Settings → Reading', 'crownify') . '</a>');
        ?>
      </p>
    </div>
  </div>
  <?php endif; ?>
  <div class="grid gap-4 sm:gap-6 xl:grid-cols-2">
    <div class="relative h-full flex flex-col bg-white border border-gray-200 shadow-sm rounded-xl" id="seoHealth">
      <div class="p-5 pb-3 flex justify-between items-center">
        <h2 class="flex items-center text-lg font-semibold text-gray-800">
          <?php esc_html_e('SEO Health', 'crownify'); ?>
          <button type="button" class="group/tooltip relative cursor-help ms-1 flex" tabindex="-1" data-dp-tooltip='{"trigger": "hover", "placement": "top"}'>
            <svg class="shrink-0 size-4 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <circle cx="12" cy="12" r="10" />
              <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
              <path d="M12 17h.01" />
            </svg>
            <span class="dp-tooltip-content group-data-[shown=true]/tooltip:opacity-100 group-data-[shown=true]/tooltip:visible opacity-0 transition-opacity inline-block absolute w-max invisible max-w-xs sm:max-w-lg z-[99999999999999] text-center py-1 px-2 bg-gray-900 text-xs font-medium text-white rounded shadow-sm" role="tooltip">
              <?php esc_attr_e('How many of the site-wide fundamentals are in place. These are one-time settings, not per-page content checks.', 'crownify'); ?>
            </span>
          </button>
        </h2>
      </div>
      <div class="flex flex-col h-full pb-5 px-5">
        <h4 class="text-5xl md:text-6xl font-medium text-blue-600 flex items-end">
          <span class="bg-clip-text bg-gradient-to-tl from-blue-500 to-blue-800 text-transparent"><?php echo esc_html($rankifyPassed); ?></span>
          <span class="ms-1 mb-2 text-lg font-medium text-gray-400">/ <?php echo esc_html(count($rankifyChecks)); ?></span>
        </h4>
        <p class="mt-2 text-sm text-gray-500">
          <?php esc_html_e('Site-wide fundamentals in place.', 'crownify'); ?>
        </p>
        <div class="mt-4 grid grid-cols-2 gap-2">
          <div class="rounded-lg bg-gray-50 px-3 py-2">
            <div class="text-xl font-semibold text-gray-800"><?php echo esc_html(number_format_i18n($rankifyAudit['indexable'])); ?></div>
            <div class="text-xs text-gray-500"><?php esc_html_e('Indexable pages', 'crownify'); ?></div>
          </div>
          <div class="rounded-lg bg-gray-50 px-3 py-2">
            <div class="text-xl font-semibold text-gray-800"><?php echo esc_html(number_format_i18n($rankifyAudit['noindexed'])); ?></div>
            <div class="text-xs text-gray-500"><?php esc_html_e('Set to noindex', 'crownify'); ?></div>
          </div>
        </div>
        <?php if (!Utils::hasActivePro()): ?>
        <div class="mt-5 w-full flex flex-col bg-blue-50 rounded-xl p-3">
          <p class="text-wrap text-[13px] text-blue-600">
            <?php esc_html_e('Enable Pro for AI crawler analytics, referral tracking from ChatGPT and Perplexity, the full schema library and WooCommerce SEO.', 'crownify'); ?>
          </p>
          <button type="button" class="group/pro mt-2.5 inline-flex w-fit cursor-pointer items-center gap-x-1.5 rounded-lg bg-gradient-to-r from-violet-600 to-indigo-600 px-3 py-2 text-xs font-medium text-white shadow-sm hover:from-violet-700 hover:to-indigo-700 hover:shadow-md hover:shadow-violet-500/30" data-needs-active-pro="true">
            <span aria-hidden="true" class="relative inline-block h-4 w-7 shrink-0 rounded-full bg-white/25 transition-colors duration-200 group-hover/pro:bg-white/40"><span class="absolute left-0.5 top-0.5 size-3 rounded-full bg-white shadow-sm transition-shadow duration-200 group-hover/pro:ring-2 group-hover/pro:ring-white/40"></span></span>
            <?php echo esc_html(Utils::getUpgradeLabel()); ?>
          </button>
        </div>
        <?php endif; ?>
      </div>
    </div>

    <div class="relative h-full flex flex-col bg-white border border-gray-200 shadow-sm rounded-xl" id="contentCoverage">
      <div class="p-5 pb-3">
        <h2 class="text-lg font-semibold text-gray-800"><?php esc_html_e('Content Coverage', 'crownify'); ?></h2>
        <p class="mt-0.5 text-xs text-gray-500">
          <?php printf(
            /* translators: %s: number of published pages. */
            esc_html(_n('Across %s published page.', 'Across %s published pages.', (int) $rankifyAudit['total'], 'crownify')),
            esc_html(number_format_i18n($rankifyAudit['total'])),
          ); ?>
        </p>
      </div>
      <div class="flex flex-col h-full pb-5 px-5 space-y-4">
        <?php foreach ($rankifyCoverage as $rankifyRow):

          $rankifyPercent = (int) round(($rankifyRow['done'] / $rankifyTotal) * 100);
          $rankifyBar = $rankifyPercent >= 80 ? 'bg-emerald-500' : ($rankifyPercent >= 40 ? 'bg-amber-500' : 'bg-red-500');
          ?>
        <div>
          <div class="flex items-baseline justify-between">
            <span class="text-sm font-medium text-gray-800"><?php echo esc_html($rankifyRow['label']); ?></span>
            <span class="text-xs font-medium text-gray-500"><?php echo esc_html($rankifyRow['done'] . ' / ' . $rankifyAudit['total']); ?></span>
          </div>
          <div class="mt-1.5 h-1.5 w-full overflow-hidden rounded-full bg-gray-200">
            <div class="h-full rounded-full <?php echo esc_attr($rankifyBar); ?>" style="width:<?php echo esc_attr(max(2, $rankifyPercent)); ?>%"></div>
          </div>
          <p class="mt-1 text-xs text-gray-500"><?php echo esc_html($rankifyRow['hint']); ?></p>
        </div>
        <?php
        endforeach; ?>
        <?php if ($rankifyAudit['longTitles'] > 0): ?>
        <div class="rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-800">
          <?php printf(
            /* translators: %s: number of pages with long titles. */
            esc_html(_n('%s page has a title long enough to be cut off in results.', '%s pages have titles long enough to be cut off in results.', (int) $rankifyAudit['longTitles'], 'crownify')),
            esc_html(number_format_i18n($rankifyAudit['longTitles'])),
          ); ?>
        </div>
        <?php endif; ?>
      </div>
    </div>

  </div>

  <div class="bg-white border border-gray-200 shadow-sm rounded-xl" id="searchConsole">
    <div class="p-5 pb-3 flex flex-wrap items-start justify-between gap-2">
      <div>
        <h2 class="text-lg font-semibold text-gray-800"><?php esc_html_e('Search Console', 'crownify'); ?></h2>
        <p class="mt-0.5 text-sm text-gray-500">
          <?php esc_html_e('Clicks, impressions, CTR and average position from Google, over the last 28 days.', 'crownify'); ?>
        </p>
      </div>
      <a href="<?php echo esc_url(admin_url('admin.php?page=rankify-settings#/search-console/')); ?>" class="shrink-0 py-1.5 px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-300 bg-white text-gray-800 hover:bg-gray-50 shadow-sm">
        <?php echo !empty($rankifyGsc['connected']) ? esc_html__('Manage', 'crownify') : esc_html__('Connect', 'crownify'); ?>
      </a>
    </div>
    <div class="px-5 pb-5">
      <div class="grid gap-4 sm:grid-cols-4">
        <div class="rounded-xl border border-gray-200 p-4">
          <p class="text-2xl font-semibold text-gray-800"><?php echo esc_html($rankifyGscHasNumbers ? number_format_i18n((int) ($rankifyGscSummary['clicks'] ?? 0)) : '—'); ?></p>
          <p class="text-xs text-gray-500"><?php esc_html_e('Clicks', 'crownify'); ?></p>
        </div>
        <div class="rounded-xl border border-gray-200 p-4">
          <p class="text-2xl font-semibold text-gray-800"><?php echo esc_html($rankifyGscHasNumbers ? number_format_i18n((int) ($rankifyGscSummary['impressions'] ?? 0)) : '—'); ?></p>
          <p class="text-xs text-gray-500"><?php esc_html_e('Impressions', 'crownify'); ?></p>
        </div>
        <div class="rounded-xl border border-gray-200 p-4">
          <p class="text-2xl font-semibold text-gray-800"><?php echo esc_html($rankifyGscHasNumbers ? number_format_i18n((float) ($rankifyGscSummary['ctr'] ?? 0) * 100, 1) . '%' : '—'); ?></p>
          <p class="text-xs text-gray-500"><?php esc_html_e('CTR', 'crownify'); ?></p>
        </div>
        <div class="rounded-xl border border-gray-200 p-4">
          <p class="text-2xl font-semibold text-gray-800"><?php echo esc_html($rankifyGscHasNumbers ? number_format_i18n((float) ($rankifyGscSummary['position'] ?? 0), 1) : '—'); ?></p>
          <p class="text-xs text-gray-500"><?php esc_html_e('Position', 'crownify'); ?></p>
        </div>
      </div>

      <?php if ('disconnected' === ($rankifyGscReport['state'] ?? 'disconnected')): ?>
      <p class="mt-4 rounded-lg bg-gray-50 px-3 py-3 text-sm text-gray-600">
        <?php esc_html_e('Not connected. Add your Google Cloud OAuth client in settings, then connect. These figures stay empty until Search Console has something to report.', 'crownify'); ?>
      </p>
      <?php elseif ('empty' === ($rankifyGscReport['state'] ?? '') || 'pending' === ($rankifyGscReport['state'] ?? '') || 'no-property' === ($rankifyGscReport['state'] ?? '')): ?>
      <p class="mt-4 rounded-lg bg-gray-50 px-3 py-3 text-sm text-gray-600">
        <?php esc_html_e('No Search Console rows yet. A new connection, or a property with no impressions in the last 28 days, looks like this until Google has data.', 'crownify'); ?>
      </p>
      <?php elseif ('error' === ($rankifyGscReport['state'] ?? '')): ?>
      <p class="mt-4 rounded-lg bg-red-50 px-3 py-3 text-sm text-red-800"><?php echo esc_html($rankifyGscReport['error'] ?? ''); ?></p>
      <?php elseif (!empty($rankifyGscReport['queries']) || !empty($rankifyGscReport['pages'])): ?>
      <div class="mt-4 grid gap-5 lg:grid-cols-2">
        <div>
          <h3 class="text-sm font-semibold text-gray-800"><?php esc_html_e('Top queries', 'crownify'); ?></h3>
          <ul class="mt-2 divide-y divide-gray-100">
            <?php foreach (array_slice($rankifyGscReport['queries'] ?? [], 0, 5) as $rankifyGscRow): ?>
            <li class="flex items-center gap-3 py-2">
              <span class="grow truncate text-sm text-gray-700"><?php echo esc_html($rankifyGscRow['label']); ?></span>
              <span class="shrink-0 text-sm font-semibold text-gray-800"><?php echo esc_html(number_format_i18n((int) $rankifyGscRow['clicks'])); ?></span>
            </li>
            <?php endforeach; ?>
          </ul>
        </div>
        <div>
          <h3 class="text-sm font-semibold text-gray-800"><?php esc_html_e('Top pages', 'crownify'); ?></h3>
          <ul class="mt-2 divide-y divide-gray-100">
            <?php foreach (array_slice($rankifyGscReport['pages'] ?? [], 0, 5) as $rankifyGscRow): ?>
            <li class="flex items-center gap-3 py-2">
              <span class="grow truncate text-sm text-gray-700"><?php echo esc_html($rankifyGscRow['label']); ?></span>
              <span class="shrink-0 text-sm font-semibold text-gray-800"><?php echo esc_html(number_format_i18n((int) $rankifyGscRow['clicks'])); ?></span>
            </li>
            <?php endforeach; ?>
          </ul>
        </div>
      </div>
      <?php endif; ?>
    </div>
  </div>

  <div class="bg-white border border-gray-200 shadow-sm rounded-xl" id="aiVisibility">
    <div class="p-5 pb-3 flex flex-wrap justify-between items-center gap-2">
      <div>
        <h2 class="text-lg font-semibold text-gray-800"><?php esc_html_e('AI & Answer Engines', 'crownify'); ?></h2>
        <p class="mt-0.5 text-sm text-gray-500">
          <?php esc_html_e('Whether assistants can find, read and cite this site, and which of them actually do.', 'crownify'); ?>
        </p>
      </div>
      <?php if (!Utils::hasActivePro()): ?>
      <button type="button" data-needs-active-pro="true" class="inline-flex shrink-0 cursor-pointer items-center gap-1.5 rounded-lg border border-violet-200 bg-white px-3 py-1.5 text-xs font-medium text-violet-700 shadow-sm hover:bg-violet-50">
        <?php esc_html_e('90 days & verified identity on Pro', 'crownify'); ?>
      </button>
      <?php endif; ?>
    </div>

    <!-- Readiness first, counts second. A crawl count of zero means something
         entirely different depending on whether the crawler was allowed in, so
         the settings that decide that belong above the numbers they explain. -->
    <div class="px-5 pb-5 space-y-3">
      <div class="grid gap-3 sm:grid-cols-3">
      <div class="flex items-center justify-between rounded-lg border border-gray-200 px-3 py-2">
        <div>
          <div class="text-sm font-medium text-gray-800"><?php esc_html_e('Crawler access', 'crownify'); ?></div>
          <div class="text-xs text-gray-500">
            <?php printf(
              /* translators: 1: allowed count, 2: total count. */
              esc_html__('%1$s of %2$s crawlers allowed', 'crownify'),
              esc_html(number_format_i18n($rankifyAi['totalCrawlers'] - $rankifyAi['blockedCount'])),
              esc_html(number_format_i18n($rankifyAi['totalCrawlers'])),
            ); ?>
          </div>
        </div>
        <a href="<?php echo esc_url(admin_url('admin.php?page=rankify-settings#/ai/')); ?>" class="shrink-0 text-xs font-medium text-blue-600 hover:underline"><?php esc_html_e('Manage', 'crownify'); ?></a>
      </div>
      <div class="flex items-center justify-between rounded-lg border border-gray-200 px-3 py-2">
        <div class="text-sm font-medium text-gray-800"><?php esc_html_e('Structured data', 'crownify'); ?></div>
        <span class="text-xs font-medium <?php echo $rankifyAi['schema'] ? 'text-emerald-600' : 'text-gray-400'; ?>">
          <?php echo $rankifyAi['schema'] ? esc_html__('Active', 'crownify') : esc_html__('Off', 'crownify'); ?>
        </span>
      </div>
      <div class="flex items-center justify-between rounded-lg border border-gray-200 px-3 py-2">
        <div class="text-sm font-medium text-gray-800"><?php esc_html_e('llms.txt', 'crownify'); ?></div>
        <span class="text-xs font-medium <?php echo $rankifyAi['llmsTxt'] ? 'text-emerald-600' : 'text-gray-400'; ?>">
          <?php echo $rankifyAi['llmsTxt'] ? esc_html__('Published', 'crownify') : esc_html__('Off', 'crownify'); ?>
        </span>
      </div>
      </div>
      <?php if (!empty($rankifyAi['blockedCitation'])): ?>
      <div class="rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-800">
        <?php printf(
          /* translators: %s: comma-separated crawler names. */
          esc_html__('You are blocking %s. These are the crawlers that let assistants cite you, so blocking them removes this site from AI answers.', 'crownify'),
          '<strong>' . esc_html(implode(', ', $rankifyAi['blockedCitation'])) . '</strong>',
        ); ?>
      </div>
      <?php endif; ?>
      <div class="flex flex-wrap gap-2">
        <?php
        $rankifyLiveFiles = [
          home_url('/sitemap.xml') => 'sitemap.xml',
          home_url('/robots.txt') => 'robots.txt',
          home_url('/llms.txt') => 'llms.txt',
        ];
        foreach ($rankifyLiveFiles as $rankifyFileUrl => $rankifyFileLabel): ?>
        <a href="<?php echo esc_url($rankifyFileUrl); ?>" target="_blank" class="inline-flex items-center gap-1 rounded-lg bg-gray-100 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200">
          <?php echo esc_html($rankifyFileLabel); ?>
          <svg class="size-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6" /><path d="M10 14 21 3" /><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /></svg>
        </a>
        <?php endforeach;
        ?>
      </div>
    </div>

    <div class="border-t border-gray-200 px-5 py-4">
      <h3 class="text-sm font-semibold text-gray-800"><?php esc_html_e('Who is actually reading it', 'crownify'); ?></h3>
      <p class="mt-0.5 text-xs text-gray-500">
        <?php
        /* translators: %s: number of days in the reporting window. */
        $rankifyGeoWindow = _n('Which answer engines read your site in the last %s day.', 'Which answer engines read your site in the last %s days.', (int) $rankifyGeoTotals['days'], 'crownify');
        printf(esc_html($rankifyGeoWindow), esc_html(number_format_i18n((int) $rankifyGeoTotals['days'])));
        ?>
      </p>
    </div>
    <div class="px-5 pb-5">
      <?php if (!$rankifyGeoOn): ?>
      <p class="rounded-lg bg-gray-50 px-3 py-3 text-sm text-gray-600">
        <?php
        /* translators: %s: link to the AI & GEO settings tab. */
        $rankifyGeoOffNotice = __('The AI crawler log is switched off, so nothing is being recorded. Turn it on under %s.', 'crownify');
        printf(wp_kses($rankifyGeoOffNotice, ['a' => ['href' => [], 'class' => []]]), '<a href="' . esc_url(admin_url('admin.php?page=rankify-settings#/ai/')) . '" class="underline font-semibold">' . esc_html__('AI & GEO', 'crownify') . '</a>');
        ?>
      </p>
      <?php else: ?>

      <?php if ($rankifyGeoCache && !$rankifyBeaconOn): ?>
      <!-- Cached hits are invisible until the cache calls the beacon. Saying so
           is what keeps an undercount from being read as a total. -->
      <p class="mb-3 rounded-lg bg-blue-50 px-3 py-2 text-xs text-blue-800">
        <?php esc_html_e('A page cache is active. Cached requests are counted when the cache calls the Crownify crawler beacon. Until it does, treat these numbers as a floor rather than a total.', 'crownify'); ?>
      </p>
      <?php elseif ($rankifyGeoCache): ?>
      <p class="mb-3 rounded-lg bg-blue-50 px-3 py-2 text-xs text-blue-800">
        <?php esc_html_e('A page cache is active. Cached crawler requests are included through the Crownify beacon.', 'crownify'); ?>
      </p>
      <?php endif; ?>

      <div class="grid gap-4 sm:grid-cols-3">
        <div class="rounded-xl border border-gray-200 p-4">
          <p class="text-2xl font-semibold text-gray-800"><?php echo esc_html(number_format_i18n((int) $rankifyGeoTotals['hits'])); ?></p>
          <p class="text-xs text-gray-500"><?php esc_html_e('Crawler requests', 'crownify'); ?></p>
        </div>
        <div class="rounded-xl border border-gray-200 p-4">
          <p class="text-2xl font-semibold text-gray-800"><?php echo esc_html(number_format_i18n((int) $rankifyGeoTotals['bots'])); ?></p>
          <p class="text-xs text-gray-500"><?php esc_html_e('Distinct crawlers', 'crownify'); ?></p>
        </div>
        <div class="rounded-xl border border-gray-200 p-4">
          <p class="text-2xl font-semibold text-gray-800"><?php echo esc_html(number_format_i18n((int) $rankifyGeoTotals['urls'])); ?></p>
          <p class="text-xs text-gray-500"><?php esc_html_e('Pages read', 'crownify'); ?></p>
        </div>
      </div>

      <?php if (empty($rankifyGeoBots)): ?>
      <p class="mt-4 rounded-lg bg-gray-50 px-3 py-3 text-sm text-gray-600">
        <?php esc_html_e('No AI crawler has visited yet. They arrive on their own schedule: a new site, or one only recently opened to indexing, often waits days before the first one.', 'crownify'); ?>
      </p>
      <?php else: ?>
      <div class="mt-4 grid gap-5 lg:grid-cols-2">
        <div>
          <h3 class="text-sm font-semibold text-gray-800"><?php esc_html_e('Crawlers', 'crownify'); ?></h3>
          <ul class="mt-2 divide-y divide-gray-100">
            <?php foreach ($rankifyGeoBots as $rankifyBot): ?>
            <li class="flex items-center gap-3 py-2">
              <div class="grow">
                <p class="flex flex-wrap items-center gap-1.5 text-sm font-medium text-gray-800">
                  <?php echo esc_html($rankifyBot['source']); ?>
                  <?php if ($rankifyBot['citation']): ?>
                  <span class="rounded-md bg-emerald-50 px-1.5 py-0.5 text-[11px] font-medium text-emerald-700 ring-1 ring-inset ring-emerald-200"><?php esc_html_e('Can cite you', 'crownify'); ?></span>
                  <?php endif; ?>
                  <?php if (Utils::hasActivePro() && $rankifyBot['verified'] > 0): ?>
                  <span class="rounded-md bg-blue-50 px-1.5 py-0.5 text-[11px] font-medium text-blue-700 ring-1 ring-inset ring-blue-200"><?php esc_html_e('Identity verified', 'crownify'); ?></span>
                  <?php endif; ?>
                </p>
                <p class="text-xs text-gray-500"><?php echo esc_html($rankifyBot['vendor']); ?></p>
              </div>
              <div class="shrink-0 text-end">
                <p class="text-sm font-semibold text-gray-800"><?php echo esc_html(number_format_i18n($rankifyBot['hits'])); ?></p>
                <p class="text-xs text-gray-500">
                  <?php echo esc_html(SiteAudit::pagesLabel((int) $rankifyBot['urls'])); ?>
                </p>
              </div>
            </li>
            <?php endforeach; ?>
          </ul>
        </div>
        <div>
          <h3 class="text-sm font-semibold text-gray-800"><?php esc_html_e('Most-read pages', 'crownify'); ?></h3>
          <ul class="mt-2 divide-y divide-gray-100">
            <?php foreach ($rankifyGeoUrls as $rankifyGeoUrl): ?>
            <li class="flex items-center gap-3 py-2">
              <span class="grow truncate text-sm text-gray-700" title="<?php echo esc_attr($rankifyGeoUrl['url']); ?>"><?php echo esc_html($rankifyGeoUrl['url']); ?></span>
              <span class="shrink-0 text-sm font-semibold text-gray-800"><?php echo esc_html(number_format_i18n($rankifyGeoUrl['hits'])); ?></span>
            </li>
            <?php endforeach; ?>
          </ul>
        </div>
      </div>
      <?php endif; ?>

      <?php endif; ?>
    </div>

    <?php if (Utils::hasActivePro()): ?>
    <div class="border-t border-gray-200 px-5 py-4">
      <h3 class="text-sm font-semibold text-gray-800"><?php esc_html_e('Visitors arriving from AI answers', 'crownify'); ?></h3>
      <p class="mt-0.5 text-xs text-gray-500">
        <?php esc_html_e('The closest thing to proof your content was cited, not just crawled. Counted from the utm_source an assistant puts on its links, and from the referrer when one survives.', 'crownify'); ?>
      </p>

      <?php if ('on' !== Utils::getSetting('aiReferralTracking')): ?>
      <p class="mt-3 rounded-lg bg-gray-50 px-3 py-3 text-sm text-gray-600">
        <?php
        /* translators: %s: link to the AI & GEO settings tab. */
        $rankifyReferralOff = __('Referral tracking is switched off, so arrivals from AI answers are not being counted. Turn it on under %s.', 'crownify');
        printf(wp_kses($rankifyReferralOff, ['a' => ['href' => [], 'class' => []]]), '<a href="' . esc_url(admin_url('admin.php?page=rankify-settings#/ai/')) . '" class="underline font-semibold">' . esc_html__('AI & GEO', 'crownify') . '</a>');
        ?>
      </p>

      <?php elseif (empty($rankifyGeoReferrals)): ?>
      <!-- Said out loud rather than hidden. An empty list and a feature that is
           not running look identical when the section simply disappears, and
           this is the number the whole GEO half of the plugin is judged on. -->
      <p class="mt-3 rounded-lg bg-gray-50 px-3 py-3 text-sm text-gray-600">
        <?php esc_html_e('Nobody has arrived from an AI assistant yet. This fills in on its own the first time someone clicks through from ChatGPT, Perplexity, Claude, Gemini or Copilot.', 'crownify'); ?>
      </p>

      <?php else: ?>
      <ul class="mt-3 flex flex-wrap gap-2">
        <?php foreach ($rankifyGeoReferrals as $rankifyReferral): ?>
        <li class="rounded-lg border border-gray-200 px-3 py-1.5 text-sm text-gray-700">
          <?php echo esc_html($rankifyReferral['source']); ?>
          <span class="ms-1 font-semibold text-gray-900"><?php echo esc_html(number_format_i18n($rankifyReferral['hits'])); ?></span>
        </li>
        <?php endforeach; ?>
      </ul>
      <?php endif; ?>
    </div>
    <?php endif; ?>
  </div>

  <div class="grid gap-4 sm:gap-6 xl:grid-cols-2">
    <div class="relative h-full flex flex-col bg-white border border-gray-200 shadow-sm rounded-xl" id="seoChecklist">
      <div class="p-5 pb-3 flex justify-between items-center">
        <h2 class="flex items-center text-lg font-semibold text-gray-800">
          <?php esc_html_e('Setup Checklist', 'crownify'); ?>
        </h2>
      </div>
      <div class="flex flex-col h-full pb-5 px-5">
        <ul class="flex flex-col divide-y divide-gray-200 border-t border-gray-200">
          <?php foreach ($rankifyChecks as $rankifyCheck): ?>
          <li class="py-3 flex items-start gap-x-3">
            <?php if ($rankifyCheck['ok']): ?>
            <svg class="shrink-0 size-5 mt-0.5 text-green-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="M21.801 10A10 10 0 1 1 17 3.335" />
              <path d="m9 11 3 3L22 4" />
            </svg>
            <?php else: ?>
            <svg class="shrink-0 size-5 mt-0.5 text-yellow-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" />
              <path d="M12 9v4" />
              <path d="M12 17h.01" />
            </svg>
            <?php endif; ?>
            <div class="grow">
              <h3 class="text-sm font-semibold text-gray-800">
                <?php echo esc_html($rankifyCheck['label']); ?>
              </h3>
              <p class="mt-0.5 text-xs text-gray-500">
                <?php echo esc_html($rankifyCheck['ok'] ? $rankifyCheck['okText'] : $rankifyCheck['failText']); ?>
              </p>
            </div>
            <?php if (!$rankifyCheck['ok']): ?>
            <a href="<?php echo esc_url($rankifyCheck['href']); ?>" class="shrink-0 py-1.5 px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-300 bg-white text-gray-800 hover:bg-gray-50 shadow-sm">
              <?php esc_html_e('Fix', 'crownify'); ?>
            </a>
            <?php endif; ?>
          </li>
          <?php endforeach; ?>
        </ul>
      </div>
    </div>

    <div class="relative h-full flex flex-col bg-white border border-gray-200 shadow-sm rounded-xl" id="needsAttention">
      <div class="p-5 pb-3">
        <h2 class="text-lg font-semibold text-gray-800"><?php esc_html_e('Needs Attention', 'crownify'); ?></h2>
        <p class="mt-0.5 text-xs text-gray-500">
          <?php esc_html_e('Recently updated pages with nothing written for search engines to quote.', 'crownify'); ?>
        </p>
      </div>
      <div class="flex flex-col h-full pb-5 px-5">
        <?php if (empty($rankifyAttention)): ?>
        <div class="flex h-full flex-col items-center justify-center py-8 text-center">
          <svg class="size-8 text-emerald-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M21.801 10A10 10 0 1 1 17 3.335" />
            <path d="m9 11 3 3L22 4" />
          </svg>
          <p class="mt-2 text-sm font-medium text-gray-800"><?php esc_html_e('Nothing needs attention', 'crownify'); ?></p>
          <p class="mt-0.5 text-xs text-gray-500"><?php esc_html_e('Every published page has a description to work from.', 'crownify'); ?></p>
        </div>
        <?php else: ?>
        <ul class="flex flex-col divide-y divide-gray-200 border-t border-gray-200">
          <?php foreach ($rankifyAttention as $rankifyItem): ?>
          <li class="py-3 flex items-start gap-x-3">
            <span class="mt-1.5 size-2 shrink-0 rounded-full bg-amber-400"></span>
            <div class="grow min-w-0">
              <h3 class="truncate text-sm font-semibold text-gray-800"><?php echo esc_html($rankifyItem['title']); ?></h3>
              <p class="mt-0.5 text-xs text-gray-500"><?php echo esc_html($rankifyItem['reason']); ?></p>
            </div>
            <?php if ($rankifyItem['editUrl']): ?>
            <a href="<?php echo esc_url($rankifyItem['editUrl']); ?>" class="shrink-0 py-1.5 px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-300 bg-white text-gray-800 hover:bg-gray-50 shadow-sm">
              <?php esc_html_e('Edit', 'crownify'); ?>
            </a>
            <?php endif; ?>
          </li>
          <?php endforeach; ?>
        </ul>
        <?php if ($rankifyAudit['noSummarySource'] > 0): ?>
        <div class="mt-4 rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-800">
          <?php echo esc_html(SiteAudit::thinContentNotice((int) $rankifyAudit['noSummarySource'])); ?>
        </div>
        <?php endif; ?>
        <?php endif; ?>
      </div>
    </div>
  </div>
</div>