const ViewsOnboarding = `

<vue-template>

  <div class="row gy-4">
    <div class="col-12 col-lg-5">
      <h1 class="display-6">Views</h1>
    </div>
    <div class="col-12 col-lg-7">
      <div class="btn-group">
        <router-link class="btn btn-outline-primary" to="/views">Onboarding</router-link>
        <router-link class="btn btn-outline-primary" to="/views/patient">Patient</router-link>
        <router-link class="btn btn-outline-primary" to="/views/carestaff">Care-Staff</router-link>
        <router-link class="btn btn-outline-primary" to="/views/admin">Admin</router-link>
      </div>
    </div>
  </div>

  <hr class="my-6">

  <p class="docs-name mt-6 mb-4">Auth: Login B2B</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/auth-01-login-b2b.html" target="_blank">
        <iframe src="views/auth-01-login-b2b.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/auth-01-login-b2b.html" target="_blank">
        <iframe src="views/auth-01-login-b2b.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Auth: Login B2C</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/auth-01-login-b2c.html" target="_blank">
        <iframe src="views/auth-01-login-b2c.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/auth-01-login-b2c.html" target="_blank">
        <iframe src="views/auth-01-login-b2c.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Auth: Register</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/auth-02-register.html" target="_blank">
        <iframe src="views/auth-02-register.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/auth-02-register.html" target="_blank">
        <iframe src="views/auth-02-register.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Auth: Confirm E-Mail</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/auth-03-confirm.html" target="_blank">
        <iframe src="views/auth-03-confirm.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/auth-03-confirm.html" target="_blank">
        <iframe src="views/auth-03-confirm.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Auth: Create Password</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/auth-04-password-create.html" target="_blank">
        <iframe src="views/auth-04-password-create.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/auth-04-password-create.html" target="_blank">
        <iframe src="views/auth-04-password-create.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Auth: Forgot Password</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/auth-05-password-forgot.html" target="_blank">
        <iframe src="views/auth-05-password-forgot.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/auth-05-password-forgot.html" target="_blank">
        <iframe src="views/auth-05-password-forgot.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Auth: Current User</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/auth-currentuser.html" target="_blank">
        <iframe src="views/auth-currentuser.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/auth-currentuser.html" target="_blank">
        <iframe src="views/auth-currentuser.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Onboarding: Patient</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/onboarding-01-patient.html" target="_blank">
        <iframe src="views/onboarding-01-patient.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/onboarding-01-patient.html" target="_blank">
        <iframe src="views/onboarding-01-patient.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Onboarding: Address</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/onboarding-02-address.html" target="_blank">
        <iframe src="views/onboarding-02-address.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/onboarding-02-address.html" target="_blank">
        <iframe src="views/onboarding-02-address.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Onboarding: Insurance</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/onboarding-03-insurance.html" target="_blank">
        <iframe src="views/onboarding-03-insurance.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/onboarding-03-insurance.html" target="_blank">
        <iframe src="views/onboarding-03-insurance.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Onboarding: Stripe Subscription</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/onboarding-04-stripesubscription.html" target="_blank">
        <iframe src="views/onboarding-04-stripesubscription.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/onboarding-04-stripesubscription.html" target="_blank">
        <iframe src="views/onboarding-04-stripesubscription.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Onboarding: Stripe Success</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/onboarding-05-stripesuccess.html" target="_blank">
        <iframe src="views/onboarding-05-stripesuccess.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/onboarding-05-stripesuccess.html" target="_blank">
        <iframe src="views/onboarding-05-stripesuccess.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Locked: Template</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/locked-00-template.html" target="_blank">
        <iframe src="views/locked-00-template.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/locked-00-template.html" target="_blank">
        <iframe src="views/locked-00-template.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Locked: Pending</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/locked-01-pending-1.html" target="_blank">
        <iframe src="views/locked-01-pending-1.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/locked-01-pending-1.html" target="_blank">
        <iframe src="views/locked-01-pending-1.html"></iframe>
      </a>
    </div>
  </div>

  <div class="row mt-4">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/locked-01-pending-2.html" target="_blank">
        <iframe src="views/locked-01-pending-2.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/locked-01-pending-2.html" target="_blank">
        <iframe src="views/locked-01-pending-2.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Locked: Paused</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/locked-02-paused.html" target="_blank">
        <iframe src="views/locked-02-paused.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/locked-02-paused.html" target="_blank">
        <iframe src="views/locked-02-paused.html"></iframe>
      </a>
    </div>
  </div>

  <p class="docs-name mt-6 mb-4">Locked: Deactivated</p>

  <div class="row">
    <div class="col-12 col-lg-9">
      <a class="docs-device" href="views/locked-03-deactivated.html" target="_blank">
        <iframe src="views/locked-03-deactivated.html"></iframe>
      </a>
    </div>
    <div class="col-auto ms-auto d-none d-lg-block">
      <a class="docs-device mobile" href="views/locked-03-deactivated.html" target="_blank">
        <iframe src="views/locked-03-deactivated.html"></iframe>
      </a>
    </div>
  </div>

</vue-template>

`;