{% extends 'base.html.twig' %}
{% block title %}Contactez-nous | CoaguChek{% endblock %}
{% block description %}Posez-nous vos questions sur l’autosurveillance du RIN avec un appareil CoaguChek.{% endblock %}
{% block main %}
<section class="bg-hcp text-white position-relative roche-header">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-4 offset-xl-2 py-5 px-0 order-2 order-lg-1">
<div class="container">
<h1>Contactez-nous</h1>
<p class="mb-0">Le Centre d’assistance Roche – CoaguChek<sup>®</sup> est là pour répondre à vos questions.</p>
</div>
</div>
<div class="col-lg-6 pe-0 order-1 order-lg-2">
<img src="{{ asset('build/images/hcp/08-Contact/000-Heroimage_1x.png') }}" srcset="{{ asset('build/images/hcp/08-Contact/000-Heroimage_1x.png') }} 1x, {{ asset('build/images/hcp/08-Contact/000-Heroimage_2x.png') }} 2x" alt="Un professionnel de la santé debout qui regarde son téléphone" class="w-100" />
</div>
</div>
</div>
</section>
<section class="roche-section__medium">
<div class="container">
<div class="row">
<div class="col-12 col-lg-7">
<h2 class="text-hcp">Deux façons de nous contacter</h2>
<p class="mb-5">Appelez-nous sans frais au <a href="tel:+1 (877) 426-2482" class="text-hcp fw-bold text-nowrap">+1 (877) 426-2482</a>,<br>du lundi au vendredi, de 8 h à 17 h (HNE). Nous serons ravis de vous aider. </p>
<div class="roche-image roche-image__left">
<img class="img-fluid" src="{{ asset('build/images/hcp/08-Contact/01-TwoWays_1x.png') }}" srcset="{{ asset('build/images/hcp/08-Contact/01-TwoWays_1x.png') }} 1x, {{ asset('build/images/hcp/08-Contact/01-TwoWays_2x.png') }} 2x" alt="Un homme qui présente ses résultats médicaux sur une tablette à sa femme">
</div>
</div>
<div class="col-12 col-lg-5 pt-5 pt-lg-0">
<h2 class="text-hcp">Envoyez-nous un courriel</h2>
{{ form_start(form) }}
<p><small>Les champs marqués d’un astérisque (*) sont obligatoires.</small></p>
{{ form_row(form.subject) }}
<div class="row">
<div class="col-md-6">{{ form_row(form.firstname) }}</div>
<div class="col-md-6">{{ form_row(form.lastname) }}</div>
</div>
<div class="row">
<div class="col-md-6">{{ form_row(form.email) }}</div>
<div class="col-md-6">{{ form_row(form.phone) }}</div>
</div>
{{ form_row(form.message) }}
<p>Roche Diagnostics aimerait vous faire part des nouveautés et des renseignements pertinents au sujet de ses produits et promotions. Nous aimerions aussi connaître votre expérience d’utilisation de nos produits et votre opinion sur ceux-ci.</p>
{{ form_rest(form) }}
<button class="btn btn-hcp text-white">{{ button_label|default('Submit'|trans) }}</button>
{{ form_end(form) }}
</div>
</div>
</div>
</section>
<section class="roche-section__medium bg-hcp" style="--bs-bg-opacity: .1;">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-lg-5">
<h2 class="text-hcp">Avons-nous répondu à vos questions?</h2>
<p class="py-4">Consultez notre FAQ pour obtenir des réponses détaillées sur la mesure du RIN hors laboratoire, l’autosurveillance et les systèmes CoaguChek<sup>®</sup>.</p>
<a class="btn btn-hcp text-white px-5" href="{{ path('hcp-faq') }}">Consultez la FAQ</a>
</div>
<div class="col-md-6 col-lg-7">
<div class="roche-image roche-image__right">
<img class="img-fluid" src="{{ asset('build/images/hcp/08-Contact/02-AlreadyAnswered_1x.png') }}" srcset="{{ asset('build/images/hcp/08-Contact/02-AlreadyAnswered_1x.png') }} 1x, {{ asset('build/images/hcp/08-Contact/02-AlreadyAnswered_2x.png') }} 2x" alt="Une infirmière qui regarde avec une docteure des résultats médicaux sur un téléphone">
</div>
</div>
</div>
</div>
</section>
</div>
{% endblock %}