{% extends "base.html.twig" %}

{% block body %}
<article class="external-booking">
	<div class="container">
		<h1>{{ pageTitle }}</h1>
		<p class="external-booking-intro">{{ pageIntro }}</p>
		<div class="cta-container cta-container--single">
			<a href="{{ ctaUrl }}" class="booking-bt" target="_blank" rel="noopener noreferrer">
				<span class="link-label">{{ ctaLabel | raw }}</span>
				<i class="fa-thin {{ ctaIcon }} link-icon" aria-hidden="true"></i>
			</a>
		</div>
		<div class="external-booking-footer">
			<p class="reservit-trust-badge">
				<i class="fa-thin fa-lock" aria-hidden="true"></i>
				<span>{{ secureBookingVia }}</span>
				<strong class="reservit-wordmark">Reservit</strong>
			</p>
			<p class="external-booking-notice">
				<i class="fa-thin fa-arrow-up-right-from-square" aria-hidden="true"></i>
				{{ externalNotice }}
			</p>
		</div>
	</div>
</article>
{% endblock %}