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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Ressources : mesure du RIN | CoaguChek{% endblock %}
  3. {% block description %}Informez-vous sur la formation sur l’autosurveillance du RIN et sur la manière d’utiliser les systèmes CoaguChek pour la mesure du RIN en cabinet. {% endblock %}
  4. {% block main %}
  5.     <section class="bg-hcp text-white position-relative roche-header">
  6.         <div class="container-fluid">
  7.             <div class="row align-items-center">
  8.                 <div class="col-lg-4 offset-lg-2 py-5 px-0 order-2 order-lg-1">
  9.                     <div class="container">
  10.                         <div class="h1">Ressources CoaguChek<sup>®</sup></div>
  11.                         <p class="mb-0">Trouvez de l’information sur la formation, le remboursement, la couverture d’assurance et les études cliniques, ainsi que les guides d’utilisation des appareils CoaguChek<sup>®</sup>.</p>
  12.                     </div>
  13.                 </div>
  14.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  15.                     <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="Une femme d'âge moyen qui regarde son téléphone" class="w-100" />
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </section>
  20.     <div data-controller="tab">
  21.         <section class="position-relative roche-section__medium lb-tab-menu mb-0 pb-0 pt-3">
  22.             <div class="container lb-tab-container">
  23.                 <div class="nav d-flex rounded-5 shadow mt-5 py-3 justify-content-around roche-tab roche-tab__hcp">
  24.                     <a href="{{ path('hcp-resources-training') }}" class="nav-link active">Formation</a>
  25.                     <a href="{{ path('hcp-resources-reimbursement') }}" class="nav-link">Remboursement</a>
  26.                     <a href="{{ path('hcp-resources-device-manuals') }}" class="nav-link">Guides d’utilisation des appareils</a>
  27.                     <a href="{{ path('hcp-resources-studies') }}" class="nav-link">Études</a>
  28.                 </div>
  29.             </div>
  30.         </section>
  31.         <div class="tab-content">
  32.             <div class="tab-pane fade show active" id="training">
  33.                 <section class="roche-section__medium">
  34.                     <div class="container">
  35.                         <div class="row align-items-center">
  36.                             <div class="col mb-3">
  37.                                 <h1 class="h2 text-hcp">Apprenez comment utiliser les systèmes CoaguChek<sup>®</sup></h1>
  38.                                 <p>Visionnez les vidéos de formation sur l’appareil avec lequel vous aimeriez vous familiariser. Il est possible de <a href="{{ path('hcp-resources-device-manuals') }}" class="text-hcp">télécharger</a> tous les guides d’utilisation des appareils. </p>
  39.                             </div>
  40.                         </div>
  41.                         <div class="row">
  42.                             <div class="col-12 col-lg-6">
  43.                                 <h4 class="text-hcp">Comment utiliser l’appareil CoaguChek<sup>®</sup>&nbsp;INRange pour l’autosurveillance</h4>
  44.                                 <div class="ratio ratio-16x9 mt-3">
  45.                                     <video poster="{{ asset('build/images/video-thumb-coaguchek.png') }}" controls="" id="html5_video_eany7cgzpzu">
  46.                                         <source src="{{ asset('build/videos/coaguchek-inrange-handling-video-fr.mp4') }}" type="video/mp4">
  47.                                     </video>
  48.                                 </div>    
  49.                             </div>
  50.                             <div class="col-12 col-lg-6 pt-5 pt-lg-0">
  51.                                 <h4 class="text-hcp">Comment utiliser l’appareil CoaguChek<sup>®</sup>&nbsp;Pro II pour la mesure en clinique</h4>
  52.                                 <div class="ratio ratio-16x9 mt-3">
  53.                                     <video poster="{{ asset('build/images/video-thumb-roche.png') }}" controls="" id="html5_video_eany7cgzpzu">
  54.                                         <source src="{{ asset('build/videos/CoaguChek-Pro-II-video-hands-on_FR.mp4') }}" type="video/mp4">
  55.                                     </video>
  56.                                 </div>
  57.                             </div>                        
  58.                         </div>
  59.                     </div>
  60.                 </section>        
  61.                 
  62.                 <section class="roche-section__medium bg-hcp" style="--bs-bg-opacity: .1;">
  63.                     <div class="container">
  64.                         <div class="row align-items-center">
  65.                             <div class="col-12 col-lg-7 py-5 order-2 order-lg-1">
  66.                                 <div class="roche-image roche-imge__left">
  67.                                     <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="Un mari qui présente ses résultats médicaux sur une tablette à sa femme">
  68.                                 </div>
  69.                             </div>
  70.                             <div class="col-12 col-lg-5 order-1 order-lg-2">
  71.                                 <h2 class="text-hcp">Ressources à l’intention des patients</h2>
  72.                                 <p>Vos patients peuvent accéder à cette vidéo de formation dans la section traitant de l’autosurveillance, qui contient aussi des instructions étape par étape (accompagnées de photos) pour les guider tout au long du processus d’autosurveillance.</p>
  73.                                 <a class="btn btn-hcp text-white" href="{{ path('patient-self-testing') }}#self-testing-cc">Voir les ressources à l’intention des patients</a>
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                 </section>    
  78.                 
  79.                 <section class="roche-section__medium">
  80.                     <div class="container">
  81.                         <h2 class="text-hcp">Autres ressources de formation pour les professionnels de la santé</h2>
  82.                         <p class="mb-5">Les renseignements sur la formation et les sites Web ci-dessous sont destinés aux professionnels de la santé qui désirent approfondir leur expertise dans la prise en charge de l’anticoagulothérapie. Ces liens sont fournis uniquement à titre de référence et ne sont ni détenus ni approuvés par Roche Diagnostics Canada, sa société mère ou ses sociétés affiliées.</p>
  83.                         <div class="roche-collapse">
  84.                             <div class="accordion">
  85.                                 <div class="accordion-item mb-4 rounded-4">
  86.                                     <h2 class="accordion-header" id="patient-anticoagulation-collapse-1">
  87.                                         <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">
  88.                                         Prise en charge de l’anticoagulothérapie orale – Université de Waterloo
  89.                                         </button>
  90.                                     </h2>
  91.                                     <div id="patient-anticoagulation-panel-collapse-1" class="accordion-collapse collapse" aria-labelledby="patient-anticoagulation-collapse-1">
  92.                                         <div class="accordion-body">
  93.                                             <p>Ce certificat comprend deux volets : un module d’apprentissage en ligne à faire à votre propre rythme et une mini-clinique expérientielle comprenant trois visites à la clinique d’anticoagulothérapie du Centre for Family Medicine.</p>
  94.                                             <a href="http://pd.uwaterloo.ca/PharmacyOverview.htm" class="btn btn-hcp text-white" target="_blank">En savoir plus</a>
  95.                                         </div>
  96.                                     </div>
  97.                                 </div>
  98.                                 <div class="accordion-item mb-4 rounded-4 border-top">
  99.                                     <h2 class="accordion-header" id="patient-anticoagulation-collapse-2">
  100.                                         <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">
  101.                                         UF College of Pharmacy<br>Prise en charge de l’anticoagulothérapie pour les pharmaciens 
  102.                                         </button>
  103.                                     </h2>
  104.                                     <div id="patient-anticoagulation-panel-collapse-2" class="accordion-collapse collapse" aria-labelledby="patient-anticoagulation-collapse-2">
  105.                                         <div class="accordion-body">
  106.                                             <p>Ce cours en ligne se veut une ressource qui aidera les pharmaciens à se préparer à surveiller et à gérer le traitement anticoagulant des patients. Il est aussi conçu comme point de départ pour aider les pharmaciens à se préparer à l’examen pour l’obtention du titre de <em>Certified Anticoagulation Care Provider</em> (CACP).</p>
  107.                                             <a href="https://cpe.pharmacy.ufl.edu/2022/11/15/new-anticoagulation-therapy-management-for-pharmacists/" class="btn btn-hcp text-white" target="_blank">En savoir plus</a>
  108.                                         </div>
  109.                                     </div>
  110.                                 </div>
  111.                                 <div class="accordion-item mb-4 rounded-4 border-top">
  112.                                     <h2 class="accordion-header" id="patient-anticoagulation-collapse-3">
  113.                                         <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">
  114.                                         Ordre des pharmaciens du Québec
  115.                                         </button>
  116.                                     </h2>
  117.                                     <div id="patient-anticoagulation-panel-collapse-3" class="accordion-collapse collapse" aria-labelledby="patient-anticoagulation-collapse-3">
  118.                                         <div class="accordion-body">
  119.                                             <p>Cette formation porte sur les soins de suivi offerts aux patients sous anticoagulothérapie, y compris l’ajustement de la dose et l’éducation des patients. Elle n’aborde pas les aspects techniques, la mesure du RIN, ni les aspects économiques d’un service d’anticoagulothérapie.</p>
  120.                                             <a href="http://www.opq.org/fr-CA/pharmaciens/" class="btn btn-hcp text-white" target="_blank">En savoir plus</a>
  121.                                         </div>
  122.                                     </div>
  123.                                 </div>
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                 </section>    
  128.             </div>
  129.         </div>
  130.     </div>
  131. {% endblock %}