const ViewsPatient = `

<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/careadmin">Care-Admin</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">Patient OS: Welcome</p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</vue-template>

`;