templates/en/patient-self-testing.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Learn how to self-test your INR levels | CoaguChek{% endblock %}
  4. {% block description %}Self-testing your anticoagulation levels with the CoaguChek INRange provides accurate and reliable INR results in less than one minute.   {% endblock %}
  6. {% block main %}
  7.     <section class="bg-patient 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.                         <h1>Feel confident performing INR<br>self-testing</h1>
  13.                         <p class="mb-0">What you need to know about self-testing your coagulation levels with CoaguChek<sup>®</sup>.</p>
  14.                     </div>                    
  15.                 </div>
  16.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  17.                     <img src="{{ asset('build/images/patient/03-Self-Testing/000-Heroimage_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/000-Heroimage_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/000-Heroimage_2x.png') }} 2x" alt="A man and woman sitting on a couch looking at a tablet" class="w-100" />
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </section>
  23.     <section id="inr-self-testing" class="roche-section__medium">
  24.         <div class="container">
  26.             <h2  class="text-patient mb-5">Who is suited to INR self-testing?</h2>
  28.             <div class="row d-flex align-items-center mb-3">
  29.                 <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  30.                     <img src="{{ asset('build/images/patient/03-Self-Testing/Icon_Testing.svg') }}" alt="Testing icon">
  31.                 </div>
  32.                 <div class="col-12 col-lg-11 text-center text-lg-start">
  33.                     <p class="mb-0">Self-testing is suitable for patients on long-term (usually lifelong) anticoagulation with vitamin K antagonists (e.g., warfarin). If you have been prescribed a DOAC/NOAC, self-testing is not an option.</p>
  34.                 </div>
  35.             </div>
  37.             <div class="row d-flex align-items-center mb-3 pt-4">
  38.                 <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  39.                     <img src="{{ asset('build/images/patient/03-Self-Testing/Icon_Dexterity.svg') }}" alt="Dexterity icon">
  40.                 </div>
  41.                 <div class="col-12 col-lg-11 text-center text-lg-start">
  42.                     <p class="mb-0">In order to become a self-tester, you need a certain amount of manual dexterity and practice. It is also possible for a family member or another caregiver to help you with this task.</p>
  43.                 </div>
  44.             </div>
  46.             <div class="row d-flex align-items-center mb-5 pt-4">
  47.                 <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  48.                     <img src="{{ asset('build/images/patient/03-Self-Testing/Icon_FirstStep.svg') }}" alt="FirstStep icon">
  49.                 </div>
  50.                 <div class="col-12 col-lg-11 text-center text-lg-start">
  51.                     <p class="mb-0">The first step is to talk to your doctor about your interest in managing your coagulation levels yourself.</p>
  52.                 </div>
  53.             </div>
  55.             <div class="d-flex justify-content-center justify-content-lg-start mb-5">
  56.                 <a href="{{ path('patient-anticoagulation') }}" class="btn btn-patient text-white">Anticoagulant medications</a>
  57.             </div>
  59.             <p class="mb-0"><small>DOAC: direct oral anticoagulant; NOAC: new oral anticoagulant</small></p>
  60.             
  61.         </div>
  62.     </section>
  64.     <section class="bg-soft roche-section__medium" id="how-inr-self-testing-works">
  65.         <div class="container">
  66.             <div class="row">
  67.                 <div class="col-12 col-lg-6">
  68.                     <h2 class="text-patient">How to talk to your doctor about self-testing</h2>
  69.                     <p>Don’t be shy about mentioning self-testing to your doctor. Explain how it would make your everyday life easier. For instance, you may consider blood tests from the vein stressful and feel restricted by the frequent doctor’s visits. Or perhaps you would like to be able to eat what you like again, but you also want to feel safe about it. There may be many reasons why you should become a self-tester.</p>
  70.                     <p>If you decide to start self-testing, ask your doctor to provide you with a prescription for your CoaguChek<sup>®</sup> meter, which you can then obtain from your pharmacy.</p>
  71.                 </div>
  72.                 <div class="col-12 col-lg-6 pt-5 pt-lg-0">
  73.                     <h2 class="text-patient">How INR self-testing works</h2>
  74.                     <p>The term “self-testing” describes very precisely what it is. <strong>You</strong> become the manager of your coagulation testing and take charge of your own anticoagulation therapy.   </p>
  75.                     <p>With self-testing, you get information about your coagulation levels anywhere, anytime. As a bonus, you get to know your body better. You’ll gain insights into how you react to stress, changes in your diet, or changing climates. And if you’re ever uncertain about whether your coagulation value is on target, you can get peace of mind by simply doing an extra test.</p>
  76.                     <p>Frequent INR testing can actually increase your time in range and lead to fewer life-threatening events.<sup>1,2</sup></p>
  77.                 </div>
  79.             </div>
  81.         </div>
  82.         
  83.     </section>
  85.     <section id="self-testing-cc" class="roche-section__medium">
  86.         <div class="container">
  87.             <h2 class="text-patient">Self-testing with CoaguChek<sup>®</sup>, step by step</h2>
  88.             <p class="mb-5">CoaguChek<sup>®</sup> is a portable coagulometer that requires just a single drop of blood and provides accurate and reliable INR results in less than one minute. </p>
  90.             <div class="row">
  91.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3">
  92.                     <img src="{{ asset('build/images/patient/03-Self-Testing/01-Step1_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/01-Step1_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/01-Step1_2x.png') }} 2x" alt="A person inserting a test strip with a CoaguChek device">
  93.                 </div>
  94.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  95.                     <div>
  96.                         <h3 class="text-patient mb-0">STEP 1:</h3>
  97.                         <p class="mb-0">Insert the test strip in the measuring device and confirm that the code chip matches the strip.</p>
  98.                     </div>                    
  99.                 </div>            
  100.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3 pt-5 pt-lg-0">
  101.                     <img src="{{ asset('build/images/patient/03-Self-Testing/02-Step2_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/02-Step2_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/02-Step2_2x.png') }} 2x" alt="A person obtaining a small drop of blood from a fingertip with a CoaguChek Softclix lancet">
  102.                 </div>
  103.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  104.                     <div>
  105.                         <h3 class="text-patient mb-0">STEP 2:</h3>
  106.                         <p class="mb-0">After a warm-up phase, obtain a small drop of blood from the fingertip virtually painlessly with the CoaguChek<sup>®</sup> Softclix<sup>®</sup> lancet.</p>
  107.                     </div>                
  108.                 </div>
  109.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3 pt-5 pt-lg-0">
  110.                     <img src="{{ asset('build/images/patient/03-Self-Testing/03-Step3_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/03-Step3_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/03-Step3_2x.png') }} 2x" alt="A person placing a blood drop on a CoaguChek's test strip">
  111.                 </div>    
  112.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  113.                     <div>
  114.                         <h3 class="text-patient mb-0">STEP 3:</h3>
  115.                         <p class="mb-0">Place the drop of blood on the test strip within 15 seconds.</p>
  116.                     </div>
  117.                 </div>
  118.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3 pt-5 pt-lg-0">
  119.                     <img src="{{ asset('build/images/patient/03-Self-Testing/04-Step4_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/04-Step4_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/04-Step4_2x.png') }} 2x" alt="Coagulation level showing on a CoaguChek device">
  120.                 </div>    
  121.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  122.                     <div>
  123.                         <h3 class="text-patient mb-0">STEP 4:</h3>
  124.                         <p class="mb-0">Your current coagulation level will be displayed after just one minute.</p>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.     </section>
  131.     <section class="roche-section__medium bg-patient text-white">
  132.         <div class="container">
  133.             <div class="row">
  134.                 <div class="col-12 col-lg-6 order-1 order-lg-1">
  135.                     <h2>CoaguChek<sup>®</sup> INRange</h2>
  136.                     <p>Watch the short video below to learn more about how to use CoaguChek<sup>®</sup> INRange to determine your INR levels.</p>
  137.                 </div>
  138.                 <div class="col-12 col-lg-6 order-3 order-lg-2 pt-5 pt-lg-0">
  139.                     <h2>CoaguChek<sup>®</sup> XS</h2>
  140.                     <p>Watch the short video below to learn more about how to use CoaguChek<sup>®</sup> XS to determine your INR levels.</p>
  141.                 </div>
  142.                 <div class="col-12 col-lg-6 order-2 order-lg-3">
  143.                     <div class="ratio ratio-16x9 mt-3">
  144.                         <video poster="{{ asset('build/images/video-thumb-coaguchek.png') }}" controls="" id="html5_video_eany7cgzpzu">
  145.                             <source src="{{ asset('build/videos/coaguchek-inrange-handling-video.mp4') }}" type="video/mp4">
  146.                         </video>
  147.                     </div>                    
  148.                 </div>
  149.                 <div class="col-12 col-lg-6 order-4">
  150.                     <div class="ratio ratio-16x9 mt-3">
  151.                         <video poster="{{ asset('build/images/video-thumb-roche.png') }}" controls="" id="html5_video_eany7cgzpzu">
  152.                             <source src="{{ asset('build/videos/coaguchek_xs_handling_video.mp4') }}" type="video/mp4">
  153.                         </video>
  154.                     </div>                    
  155.                 </div>        
  156.             </div>
  157.         </div>
  158.     </section>
  159.  
  161.     <section class="roche-section__medium bg-soft">
  162.         <div class="container">
  163.             <div class="row align-items-center">
  164.                 <div class="col-12 col-lg-7 order-2 order-lg-1">
  165.                     <img class="img-fluid" src="{{ asset('build/images/patient/00-Homepage/03-CareCentre_1x.png') }}" srcset="{{ asset('build/images/patient/00-Homepage/03-CareCentre_1x.png') }} 1x, {{ asset('build/images/patient/00-Homepage/03-CareCentre_2x.png') }} 2x" alt="A woman on the phone reading her drugs instructions">
  166.                 </div>
  167.                 <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  168.                     <h2 class="text-patient">Do you have questions about self-testing?</h2>
  169.                     The <a href="{{ path('patient-contact') }}" class="text-patient">CoaguChek<sup>®</sup> Roche Care Centre</a> is here to answer your questions.</p> 
  170.                     <p>Call us toll-free at <a href="tel:18774262482" class="text-patient text-decoration-none">1-877-426-2482</a> Monday to Friday between 8 a.m. and 5 p.m. (EST).</p>
  171.                     <a class="btn btn-patient text-white" href="{{ path('patient-contact') }}">Get in touch</a>
  172.                 </div>
  173.             </div>
  174.         </div>
  176.     </section>
  179.     <section class="roche-section__medium text-center" id="patient-experiences">
  180.         <div class="container">
  181.             <h2 class="text-patient mb-5">Patient experiences</h2>
  183.             <div class="row roche-blockquotes">
  184.                 <div class="col-12 col-lg-4 pt-5 pt-lg-0">
  185.                     <blockquote>
  186.                         <h3 class="text-patient mb-3">An instant result was just magic, absolute magic.</h3>
  187.                         <p><img src="{{ asset('build/images/patient/03-Self-Testing/05_Catherine_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/05_Catherine_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/05_Catherine_2x.png') }} 2x" alt="A patient named Catherine"></p>
  188.                         <p><span class="text-patient"><strong>Katherine</strong></span> was born with a condition that affects her heart valves, so regular hospital visits are something she’s had to get used to. She and her mom explain how CoaguChek<sup>®</sup> has given her independence and the chance to live the life she’s always wanted.</p>
  189.                         <p>See how self-testing with CoaguChek<sup>®</sup> can help you maintain your independence.</p>
  190.                         <a href="{{ path('patient-remaining-independent-freedom') }}" class="btn btn-patient text-white">The freedom of self-testing</a>
  191.                     </blockquote>
  192.                 </div>
  194.                 <div class="col-12 col-lg-4 pt-5 pt-lg-0">
  195.                     <blockquote>
  196.                         <h3 class="text-patient mb-3" >There are <br>options.</h3>
  197.                         <p><img src="{{ asset('build/images/patient/03-Self-Testing/06-Bob_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/06-Bob_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/06-Bob_2x.png') }} 2x" alt="A patient named Bob"></p>
  198.                         <p>After an aortic valve replacement, <span class="text-patient"><strong>Bob</strong></span> was placed on lifelong anticoagulant therapy. When he heard about self-testing, he was immediately interested. Self-testing has finally given this avid traveller the convenience and peace of mind he’s wanted.</p>
  199.                         <button type="button" class="btn btn-patient text-white" data-bs-toggle="modal" data-bs-target="#videoModalBob">Watch video</button>
  200.                     </blockquote>
  201.                     <!-- Video Modal -->
  202.                     <div class="modal fade video-modal" id="videoModalBob" tabindex="-1" role="dialog" aria-hidden="true">
  203.                         <div class="modal-dialog modal-dialog-centered" role="document">
  204.                             <div class="modal-content">
  205.                                 <div class="modal-body">
  206.                                     <div class="text-end">
  207.                                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  208.                                     </div>
  209.                                     <video poster="{{ asset('build/images/video-thumb-coaguchek.png') }}" controls="" class="w-100 video-popup" id="html5_video_eany7cgzpzu">
  210.                                         <source src="{{ asset('build/videos/bob-coaguchek.mp4') }}" type="video/mp4">
  211.                                     </video>
  212.                                 </div>
  213.                             </div>
  214.                         </div>
  215.                     </div>
  216.                 </div>
  218.                 <div class="col-12 col-lg-4 pt-5 pt-lg-0">
  219.                     <blockquote>
  220.                         <h3 class="text-patient mb-3">I got to know my body <br>much better.</h3>
  221.                         <p><img src="{{ asset('build/images/patient/03-Self-Testing/07-Heiki_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/07-Heiki_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/07-Heiki_2x.png') }} 2x" alt="A patient named Heike"></p>
  222.                         <p>At 22 years old, <span class="text-patient"><strong>Heike</strong></span> received an artificial heart valve and quickly learned how to live with it. However, she only started feeling independent and free once she was able to measure her coagulation level herself.</p>
  223.                         <a href="{{ path('patient-remaining-independent-nutrition') }}#heike" class="btn btn-patient text-white">Read more</a>
  224.                     </blockquote>
  225.                 </div>
  226.             </div>
  227.         </div>
  228.     </section>
  230.     <section class="roche-section__medium bg-soft">
  231.         <div class="container">
  232.             <div class="row align-items-center">
  233.                 <div class="col-12 col-lg-6">
  234.                     <h2 class="text-patient">Do you have other questions about self-testing with CoaguChek<sup>®</sup>? </h2>
  235.                     <p>Visit our FAQ page for answers.</p> 
  236.                     <a class="btn btn-patient text-white" href="{{ path('patient-faq') }}">FAQs</a>
  237.                 </div>
  238.                 <div class="col-12 col-lg-6">
  239.                     <img class="img-fluid" src="{{ asset('build/images/patient/02-Anticoagulation/03-Questions_1x.png') }}" srcset="{{ asset('build/images/patient/02-Anticoagulation/03-Questions_1x.png') }} 1x, {{ asset('build/images/patient/02-Anticoagulation/03-Questions_2x.png') }} 2x" alt="faq">
  240.                 </div>                
  241.             </div>
  242.         </div>
  244.     </section>
  246.     <section class="py-5">
  247.         <div class="container">
  248.             <p class="mb-0">
  249.                 <small><strong>References:</strong><br>
  250.                 1. Bauman ME et al. EMPoWARed: Edmonton pediatric warfarin self-management study. <em>Thromb Res</em>. 2015;136(5):887–893. <br>
  251.                 2. Heneghan C et al. Self-monitoring of oral anticoagulation: systematic review and meta-analysis of individual patient data. <em>Lancet</em>. 2012;379:322–334.</small>
  252.             </p>
  253.         </div>
  255.     </section>
  257.     {# Included in CD, not in maquette: See how self-testing with CoaguChek<sup>®</sup> can help you maintain your independence.
  258.     The freedom of self-testing #}
  260. {% endblock %}