{% extends 'base.html.twig' %}
{% block title %}Contact us | CoaguChek{% endblock %}
{% block description %}Click to get in touch with your questions about INR self-testing with a CoaguChek device.{% 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>Contact us</h1>
<p class="mb-0">The CoaguChek<sup>®</sup> Roche Care Centre is here to answer your 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="A male healthcare professional standing and looking at his 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">Two ways to get in touch</h2>
<p class="mb-5">Call us toll-free at <a href="tel:+1 (877) 426-2482" class="text-hcp fw-bold text-nowrap">+1 (877) 426-2482</a> <br>from Monday to Friday between 8 a.m. and 5 p.m. (EST), <br>and we will be pleased to assist you.</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="A husband showing his health results on a tablet to his wife">
</div>
</div>
<div class="col-12 col-lg-5 pt-5 pt-lg-0">
<h2 class="text-hcp">Send us an email</h2>
{{ form_start(form) }}
<p><small>Fields marked with * must be completed.</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 would like to provide you with relevant news and information on our products and promotions. We would also like to ask you about your experiences and opinion.</p>
{{ form_rest(form) }}
<button class="btn btn-hcp text-white">{{ button_label|default('Submit') }}</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-12 col-lg-5 py-5 order-2 order-lg-1">
<h2 class="text-hcp">Have we already answered your question?</h2>
<p class="py-4">Visit our FAQ page for detailed answers about point-of-care testing, patient self-testing, and the CoaguChek<sup>®</sup> systems.</p>
<a class="btn btn-hcp text-white px-5" href="{{ path('hcp-faq') }}">FAQs</a>
</div>
<div class="col-12 col-lg-7 order-1 order-lg-2">
<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="A female nurse looking at results on a cellphone with a female doctor">
</div>
</div>
</div>
</div>
</section>
</div>
{% endblock %}