<script setup>
definePageMeta({
  middleware: ['auth', 'org']
})

const breadCrumb = computed(() => ([
  { link: '/', text: 'Home'},
  { link: '/', text: 'Integrations', active: true}
]))
</script>

<template>
  <NuxtLayout name="new-dash">
    <NewBreadCrumb :items="breadCrumb" />
    <section class="section">
      <div class="columns flexWrap-wrap">
        <div class="column is-one-third">
          <div class="card">
            <div class="card-content">
              <div class="title textAlign-center">
                <span class="tf-icon ti ti-package fs-64px color-inherit"></span>
              </div>
              <p class="subtitle textAlign-center mt-3">Commission Terminal</p>
            </div>
            <footer class="card-footer">
              <p class="card-footer-item">
                <NuxtLink to="/integrations/commission">Open Window</NuxtLink>
              </p>
            </footer>
          </div>
        </div>
      </div>
    </section>

  </NuxtLayout>
</template>

<style scoped>
section.section {
  padding-top: 10px !important;
  padding-bottom: 20px !important;
}

section.hero.is-info {
  border-radius: 0.75rem;
}
</style>