templates/en/hcp-resources-training.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}INR testing resources: testing | CoaguChek{% endblock %}
  4. {% block description %}Find information about training your patients to self-test their INR levels as well as how to use the CoaguChek systems for in-clinic INR testing.{% endblock %}
  6. {% block main %}
  7.     <section class="bg-hcp text-white position-relative roche-header">
  8.         <div class="container-fluid">
  9.             <div class="row align-items-center">
  10.                 <div class="col-lg-4 offset-lg-2 py-5 px-0 order-2 order-lg-1">
  11.                     <div class="container">
  12.                         <div class="h1">CoaguChek<sup>®</sup> resources</div>
  13.                         <p class="mb-0">Find information about training, reimbursement/insurance coverage, and CoaguChek<sup>®</sup>&nbsp;system manuals, and access clinical studies.</p>
  14.                     </div>
  15.                 </div>
  16.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  17.                     <img src="{{ asset('build/images/hcp/06-RESOURCES-Training/000-Heroimage_1x.png') }}" srcset="{{ asset('build/images/hcp/06-RESOURCES-Training/000-Heroimage_1x.png') }} 1x, {{ asset('build/images/hcp/06-RESOURCES-Training/000-Heroimage_2x.png') }} 2x" alt="A middle-aged female looking at her cellphone" class="w-100" />
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </section>
  23.     <div data-controller="tab">
  25.         <section class="position-relative roche-section__medium lb-tab-menu mb-0 pb-0 pt-3">
  26.             <div class="container lb-tab-container">
  27.                 <div class="nav d-flex rounded-5 shadow mt-5 py-3 justify-content-around roche-tab roche-tab__hcp">
  28.                     <a href="{{ path('hcp-resources-training') }}" class="nav-link active">Training</a>
  29.                     <a href="{{ path('hcp-resources-reimbursement') }}"  class="nav-link">Reimbursement</a>
  30.                     <a href="{{ path('hcp-resources-device-manuals') }}"  class="nav-link">Device manuals</a>
  31.                     <a href="{{ path('hcp-resources-studies') }}" class="nav-link">Studies</a>
  32.                 </div>
  33.             </div>
  34.         </section>
  36.         <div class="tab-content">
  38.             <div class="tab-pane fade show active" id="training">
  40.                 <section class="roche-section__medium">
  41.                     <div class="container">
  42.                         <div class="row align-items-center">
  43.                             <div class="col mb-3">
  44.                                 <h1 class="h2 text-hcp">Learn how to use the CoaguChek<sup>®</sup>&nbsp;systems</h1>
  45.                                 <p>Watch the following training videos for the device you would like to become more familiar with. All device manuals are available to <a href="{{ path('hcp-resources-device-manuals') }}" class="text-hcp">download</a>.</p>
  46.                             </div>
  47.                         </div>
  48.                         <div class="row">
  49.                             <div class="col-12 col-lg-6">
  50.                                 <h4 class="text-hcp">How to use the CoaguChek<sup>®</sup>&nbsp;INRange for patient self-testing</h4>
  51.                                 <div class="ratio ratio-16x9 mt-3">
  52.                                     <video poster="{{ asset('build/images/video-thumb-coaguchek.png') }}" controls="" id="html5_video_eany7cgzpzu">
  53.                                         <source src="{{ asset('build/videos/coaguchek-inrange-handling-video.mp4') }}" type="video/mp4">
  54.                                     </video>
  55.                                 </div>    
  56.                             </div>
  57.                             <div class="col-12 col-lg-6 pt-5 pt-lg-0">
  58.                                 <h4 class="text-hcp">How to use the CoaguChek<sup>®</sup>&nbsp;Pro II for in-clinic testing</h4>
  59.                                 <div class="ratio ratio-16x9 mt-3">
  60.                                     <video poster="{{ asset('build/images/video-thumb-roche.png') }}" controls="" id="html5_video_eany7cgzpzu">
  61.                                         <source src="{{ asset('build/videos/CoaguChek-Pro-II-video-hands-on_EN.mp4') }}" type="video/mp4">
  62.                                     </video>
  63.                                 </div>    
  64.                             </div>                            
  65.                         </div>
  67.                     </div>
  68.                 </section>        
  69.                 
  70.                 <section class="roche-section__medium bg-hcp" style="--bs-bg-opacity: .1;">
  71.                     <div class="container">
  72.                         <div class="row align-items-center">
  73.                             <div class="col-12 col-lg-7 py-5 order-2 order-lg-1">
  74.                                 <div class="roche-image roche-imge__left">
  75.                                     <img class="img-fluid" src="{{ asset('build/images/hcp/06-RESOURCES-Training/01-PatientResources_1x.png') }}" srcset="{{ asset('build/images/hcp/06-RESOURCES-Training/01-PatientResources_1x.png') }} 1x, {{ asset('build/images/hcp/06-RESOURCES-Training/01-PatientResources_2x.png') }} 2x" alt="A husband showing his health results on a tablet to his wife">
  76.                                 </div>
  77.                             </div>
  78.                             <div class="col-12 col-lg-5 order-1 order-lg-2">
  79.                                 <h2 class="text-hcp">Patient resources</h2>
  81.                                 <p>Your patients access this training video in the Self-testing section, which also includes step-by-step written instructions (with photos) to help them manage each part of the self-testing process.</p>
  82.                                 <a class="btn btn-hcp text-white" href="{{ path('patient-self-testing') }}#self-testing-cc">See patient resources</a>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </section>    
  88.                 
  89.                 <section class="roche-section__medium">
  90.                     <div class="container">
  91.                         <h2 class="text-hcp">Additional training resources for healthcare professionals</h2>
  92.                         <p class="mb-5">The training information and websites listed below are for healthcare professionals who want to further their expertise in anticoagulation management. These links are provided for your convenience, and are neither owned nor endorsed by Roche Diagnostics Canada, its parent company, or its affiliates.</p>
  94.                         <div class="roche-collapse">
  95.                             <div class="accordion">
  96.                                 <div class="accordion-item mb-4 rounded-4">
  97.                                     <h2 class="accordion-header" id="patient-anticoagulation-collapse-1">
  98.                                         <button class="accordion-button collapsed rounded-4" type="button" data-bs-toggle="collapse" data-bs-target="#patient-anticoagulation-panel-collapse-1" aria-expanded="false" aria-controls="patient-anticoagulation-collapse-1">
  99.                                         University of Waterloo (MOAT) Management of Oral Anticoagulation Therapy
  100.                                         </button>
  101.                                     </h2>
  102.                                     <div id="patient-anticoagulation-panel-collapse-1" class="accordion-collapse collapse" aria-labelledby="patient-anticoagulation-collapse-1">
  103.                                         <div class="accordion-body">
  104.                                             <p>This certificate consists of two components: an online, self-paced learning module, and an experiential mini-clinical rotation comprising three visits to the anticoagulation clinic at the Centre for Family Medicine.</p>
  105.                                             <a href="http://pd.uwaterloo.ca/PharmacyOverview.htm" class="btn btn-hcp text-white" target="_blank">Learn more</a>
  106.                                         </div>
  107.                                     </div>
  108.                                 </div>
  110.                                 <div class="accordion-item mb-4 rounded-4 border-top">
  111.                                     <h2 class="accordion-header" id="patient-anticoagulation-collapse-2">
  112.                                         <button class="accordion-button collapsed rounded-4" type="button" data-bs-toggle="collapse" data-bs-target="#patient-anticoagulation-panel-collapse-2" aria-expanded="false" aria-controls="patient-anticoagulation-collapse-2">
  113.                                         UF College of Pharmacy: Anticoagulation Therapy Management for Pharmacists
  114.                                         </button>
  115.                                     </h2>
  116.                                     <div id="patient-anticoagulation-panel-collapse-2" class="accordion-collapse collapse" aria-labelledby="patient-anticoagulation-collapse-2">
  117.                                         <div class="accordion-body">
  118.                                             <p>This online course is designed as a resource to help prepare the pharmacist for the responsibility of monitoring and managing anticoagulation therapy patients and clinics. It is also designed to serve as a starting point to help the pharmacist prepare for the Certified Anticoagulation Care Provider (CACP) exam.</p>
  119.                                             <a href="https://cpe.pharmacy.ufl.edu/2022/11/15/new-anticoagulation-therapy-management-for-pharmacists/" class="btn btn-hcp text-white" target="_blank">Learn more</a>
  120.                                         </div>
  121.                                     </div>
  122.                                 </div>
  124.                                 <div class="accordion-item mb-4 rounded-4 border-top">
  125.                                     <h2 class="accordion-header" id="patient-anticoagulation-collapse-3">
  126.                                         <button class="accordion-button  collapsed rounded-4" type="button" data-bs-toggle="collapse" data-bs-target="#patient-anticoagulation-panel-collapse-3" aria-expanded="false" aria-controls="patient-anticoagulation-collapse-3">
  127.                                         Québec Order of Pharmacists
  128.                                         </button>
  129.                                     </h2>
  130.                                     <div id="patient-anticoagulation-panel-collapse-3" class="accordion-collapse collapse" aria-labelledby="patient-anticoagulation-collapse-3">
  131.                                         <div class="accordion-body">
  132.                                             <p>This training pertains to the follow-up care for anticoagulated patients, including dose adjustment and patient education. It does not touch on the technical aspects, INR testing, or the economic aspects of an anticoagulation service.</p>
  133.                                             <a href="http://www.opq.org/fr-CA/pharmaciens/" class="btn btn-hcp text-white" target="_blank">Learn more</a>
  134.                                         </div>
  135.                                     </div>
  136.                                 </div>
  137.                             </div>
  138.                         </div>
  139.                     </div>
  140.                 </section>    
  141.             </div>
  143.         </div>
  146.     </div>
  147. {% endblock %}