{% extends 'base.html.twig' %}
{% block title %}
{% if seo['meta-title'] %}
{{ seo['meta-title'] }}
{% endif %}
{% endblock %}
{% block meta_description %}
{% if seo['meta-desc'] %}
{{ seo['meta-desc'] }}
{% endif %}
{% endblock %}
{% block meta_keywords %}
{% if seo['meta-keywords'] %}
{{ seo['meta-keywords'] }}
{% endif %}
{% endblock %}
{% block meta_nofollow %}
{% if seo['nofollow'] %}noindex, nofollow
{% endif %}
{% endblock %}
{% block header %}
{% include './partials/secondaryHeader.html.twig' %}
{% endblock %}
{% block head %}
<link rel="canonical" href="https://gettohikes.com/{{app.request.locale}}/inspiration/{{ transfer.slug }}"/>
{% endblock %}
{% block body %}
<div class="container inspiration">
<div class="row px-4">
<nav aria-label="breadcrumb" class="px-0">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/">{{ 'pages.breadcrumb.home'|trans }}</a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ transfer.headTitle }}</li>
</ol>
</nav>
</div>
<div class="row">
<div class="col-12 col-lg-8">
<h1 class="header">{{ transfer.headTitle }}</h1>
</div>
<div class="col-12 col-lg-4"></div>
</div>
</div>
<div class="container search-form-subpage">
<form action="" class="form" novalidate="novalidate">
<div class=" col-12 col-lg-2 col-xl-2 col-xxl-3 form-header">
<h2>
{{ 'pages.main.form.title'|trans }}
</h2>
</div>
<div class=" col-12 col-lg-3 col-xl-3 col-xxl-2 form-passengers">
<label for="passengersNumber">{{ 'pages.main.form.numberOfPassengers'|trans }}</label>
<div class="form-passengers-buttons">
<button class="decrease">
<span class="visually-hidden">Decrease button</span><img src="{{ absolute_url( asset('build/images/icons/minus.svg') ) }}" alt="minus icon"></button>
<input type="number" onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57" id="passengersNumber" min="1" max="55" value="2" name="passengersNumber"><button class="increase">
<span class="visually-hidden">Increase button</span><img src="{{ absolute_url( asset('build/images/icons/plus.svg') ) }}" loading="lazy" alt="plus icon"></button>
</div>
</div>
<div class=" col-12 col-lg-2 form-from">
<label for="trip-from">{{ 'pages.main.form.from'|trans }}</label>
<select name="trip-from" id="trip-from" form="trip-from">
<option value=""></option>
</select>
</div>
<div class=" col-12 col-lg-2 form-to">
<label for="trip-to">{{ 'pages.main.form.to'|trans }}</label>
<select name="trip-to" id="trip-to" form="trip-to">
<option value=""></option>
</select>
</div>
<div class=" col-12 col-lg-2 form-date">
<label for="airdatapicker">{{ 'pages.main.form.date'|trans }}</label>
<input type="text" id="airdatapicker" name="trip-start">
</div>
<div class="col-12 col-lg-1 form-button">
<label for="" class="d-none d-lg-block" style="height: 26px;margin-bottom:10px;"></label>
<a role="button" class="button-form-1" href="">
<span>{{ 'pages.main.form.search'|trans }}</span>
</a>
</div>
</form>
</div>
<div class="container-fluid white-bg">
<div class="container inspiration">
<div class="row">
<div class="col-12 col-lg-8">
<div class="inspiration-about">
{{ transfer.seoBody|raw }}
</div>
</div>
<div class="swiper gallery-swiper-page bg-white">
<div class="swiper-wrapper">
{% for item in transfer.gallery.galleryItems %}
{% if item.media %}
<div class="swiper-slide">
<img src="{{ sonata_path(item.media, 'reference') }}" loading="lazy" alt="{{item.media.description}}">
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block footer %}
{% include './partials/footer.html.twig' %}
{% endblock %}
{% block javascripts %}
{{ parent() }}
{% endblock %}