<?php
wp_head();
?>

<style>
  .wb-admin-fullpage {
    padding: 60px 20px;
    background: var(--color-darkest);
    color: var(--color-lightest);
    min-height: 100vh;
  }

  .wb-live-site-notice {
    max-width: 800px;
    border-radius: 8px;
    background: var(--color-lightest);
    color: var(--color-darkest);
    padding: 20px;
    margin: auto;
    margin-top: 200px;
    text-align: center;
  }

  .wb-live-site-notice h1 {
    font-size: 32px;
  }

  .wb-live-site-notice p {
    font-size: 18px;
  }

  .wb-live-site-notice svg {
    width: 50px;
    display: block;
    margin: auto;
    fill: #00d084;
  }

  .wb-live-site-buttons-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .wb-live-site-button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none;
    background: var(--color-darkest);
    border: 2px solid var(--color-darkest);
    color: var(--color-lightest) !important;
    cursor: pointer;
  }

  .wb-live-site-button svg {
    fill: currentColor;
    width: 12px;
  }

  .wb-live-site-button.alt {
    background: transparent;
    color: var(--color-darkest) !important;
  }
</style>

<body class="wb-temp-frontend">
  <div class="wb-live-site-notice">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
      <path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" />
    </svg>
    <h1>Your website is live!</h1>
    <p>Congratulations! Use the links below to visit your website or update it inside Wordpress.</p>
    <div class="wb-live-site-buttons-wrap">
      <a href="<?php echo get_home_url() ?>/wp-admin" target="_blank" class="wb-live-site-button">
        Go to Wordpress dashboard
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.-->
          <path d="M336 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l121.4 0L212.7 276.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L480 54.6 480 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-160c0-8.8-7.2-16-16-16L336 0zM64 32C28.7 32 0 60.7 0 96L0 448c0 35.3 28.7 64 64 64l352 0c35.3 0 64-28.7 64-64l0-144c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 144c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32L32 96c0-17.7 14.3-32 32-32l144 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L64 32z" />
        </svg>
      </a>
      <a href="<?php echo get_home_url() ?>" target="_blank" class="wb-live-site-button alt">
        Visit website
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.-->
          <path d="M336 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l121.4 0L212.7 276.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L480 54.6 480 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-160c0-8.8-7.2-16-16-16L336 0zM64 32C28.7 32 0 60.7 0 96L0 448c0 35.3 28.7 64 64 64l352 0c35.3 0 64-28.7 64-64l0-144c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 144c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32L32 96c0-17.7 14.3-32 32-32l144 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L64 32z" />
        </svg>
      </a>
      <?php
      $onboard_options = get_option('wb_onboard_options');
      if ($onboard_options && isset($onboard_options['website_dashboard_url'])): ?>
        <a href="<?php echo $onboard_options['website_dashboard_url'] ?>" target="_blank" class="wb-live-site-button">Get Free E-commerce plug-ins!</a>
      <?php endif; ?>
    </div>
  </div>
</body>