<script setup lang="ts">
/* Inject the external assets into <head> */
useHead({
  link: [
    {
      rel: 'stylesheet',
      href: 'https://mainframe.capcorn.net/ressourcen/newUI/css/capcorn.css'
    }
  ],
  script: [
    {
      src: 'https://mainframe.capcorn.net/ressourcen/newUI/js/jquery.js',
      tagPosition: 'bodyClose',    // load at the end of <body>
      defer: true                  // optional
    },
    {
      src: 'https://mainframe.capcorn.net/ressourcen/newUI/js/capcorn.js',
      tagPosition: 'bodyClose',
      defer: true
    }
  ]
})
</script>

<template>
  <AppFlatSection>
    <div class="flex flex-col items-center justify-center">
      <span class="text-lg text-neutral-600">Coming Soon</span>
    </div>

    <!-- SSR-safe: iframe appears only in the browser -->
<!--    <ClientOnly>-->
<!--      <iframe-->
<!--          id="iframeCapCorn"-->
<!--          src="https://www.capcorn.net/MasterReq?MB=1487&FL=17&LG=0"-->
<!--          frameborder="0"-->
<!--          width="100%"-->
<!--          scrolling="auto"-->
<!--      />-->
<!--    </ClientOnly>-->
  </AppFlatSection>
</template>
