---
import Hero from '~/components/widgets/Hero.astro';
import Layout from '~/layouts/PageLayout.astro';

const metadata = {
  title: 'Payment Success - RustDesk License Purchase Confirmation',
  description: 'Thank you for purchasing RustDesk Pro license! Your payment was successful. Get ready to deploy your self-hosted remote desktop solution.',
  keywords: 'rustdesk payment success, rustdesk license purchase, remote desktop license, self-hosted payment confirmation',
  author: 'RustDesk Team',
  robots: {
    index: false,
    follow: false,
  },
};
---

<Layout metadata={metadata}>
  <!-- Hero Widget ******************* -->

  <Hero tagline="">
    <Fragment slot="title"><span id="title-fragment">Payment Successful!</span></Fragment>

    <Fragment slot="content">
      <p class="text-center leading-10 text-lg" id="content-fragment">
        The license has been sent to the email you entered on the payment page.<br>
        Please contact us at <a class="underline text-secondary" href="mailto:support@rustdesk.com">support@rustdesk.com</a> if you didn't receive the email.<br>
        Getting Started? Read our <a class="underline text-secondary" href="https://rustdesk.com/docs/en/self-host/rustdesk-server-pro/">docs</a>.
      </p>
    </Fragment>
  </Hero>

  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const urlParams = new URLSearchParams(window.location.search);
      let action = urlParams.get('action');
      const titleFragment = document.getElementById('title-fragment');
      const contentFragment = document.getElementById('content-fragment');

      if (contentFragment && titleFragment && (action === 'renew' || action === 'upgrade')) {
        if (action === 'renew') {
          action = 'renewed';
        } else {
          action = 'upgraded';
        }
        titleFragment.innerHTML = 'License ' + action + ' successfully!';
        contentFragment.innerHTML = `
          <p class="text-center leading-10 text-lg">
            Your license has been successfully ${action}. Please follow <a class="underline text-secondary" href="https://rustdesk.com/docs/en/self-host/rustdesk-server-pro/license/#refresh-license">this link</a> to activate it.
          </p>
        `;
      }
    });
  </script>
</Layout>