<div class="transferHeader">
	<div class="headerGrid">
		<a class="seawaysLogo" href="https://ionianseaways.com/">
			<img src="https://ionianseaways.com/wp-content/uploads/2016/11/ionian-seaways-logo.png">
		</a>
		<a class="finikasLogo" href="http://finikas-lines.com/" target="_blank">
			<img src="https://ionianseaways.com/wp-content/uploads/2018/06/finikas-lines.png">
		</a>
	</div>
</div>

<div class="reservation-wrapper">
	<form method="post">
		<div class="transfer-wrapper transfer-details">
			<div class="transfer-head">
				<div class="transfer-head-left">
					<div class="transfer-head-title">Add Airport Transfer</div>
					<div class="transfer-head-text">--</div>
				</div>
				<div class="transfer-head-right" data-adult="5.00" data-child="2.50">
					<div class="transfer-rate"><span>5.00€</span>Adult</div>
					<div class="transfer-rate"><span>2.50€</span>Child</div>
					<div class="transfer-rate"><span>free</span>Infant</div>
				</div>
			</div>
			<div class="transfer-body">
				<div class="transfer-half transfer-vehicle-data">
					<div class="transfer-vehicle-title">Private Minibus Transfer</div>
					<div class="transfer-vehicle-image">
						<img src="/wp-content/plugins/reservations/assets/css/images/transfer-vehicle.png" />
					</div>
					<div class="transfer-vehicle-list">Free wait time
Certified drivers
No hidden costs
Pay cash directly to the driver</div>
				</div>
				<div class="transfer-half">
										<div class="transfer-half transfer-route active">
						<div class="transfer-route-title">One-way airport transfer</div>
						<div class="transfer-oneway-route-price transfer-route-price">5€</div>
						<div class="transfer-route-text">Payable to the driver</div>
						<div class="transfer-route-button" data-type="oneway">Selected</div>
					</div>
					<div class="transfer-half transfer-route transfer-return" style="display: none;">
						<div class="transfer-route-title">Return airport transfer</div>
						<div class="transfer-return-route-price transfer-route-price">10€</div>
						<div class="transfer-route-text">Payable to the driver</div>
						<div class="transfer-route-button" data-type="return">Select</div>
					</div>
				</div>
			</div>
			<div class="transfer-foot">
				<div class="transfer-foot-title">one-way airport transfer</div>
				<div class="route-form">
					<div class="route-way-field-wrap">
						<div class="route-way-field">
							<label>Select your booked route</label>
							<select name="reservation-route" class="reservation-route" >
																		<option  value="1" data-transfer="1">CFU-SAR</option>
																				<option  value="4" data-transfer="2">SAR-CFU</option>
																				<option  value="5" data-transfer="1">CFU-Himare</option>
																				<option  value="6" data-transfer="2">Himare-CFU</option>
																	</select>
						</div>
					</div>
				</div>

				<div class="route-form">
					<div class="route-way">Corfu Airport to Corfu Port</div>
					<div class="route-way-field-wrap">
						<div class="route-way-field date-field" style="margin-bottom: 20px;">
							<label>Date & Time</label>
							<div class="field-wrap">
								<span>Arrival date & pick up (greek)time at  Corfu Airport</span>
								<input type="text" readonly="readonly" name="transfer-from-date" class="required transfer-from-date" value="" placeholder="30 May 2026" />
								<input type="text" data-from="6" data-to="18" readonly="readonly" name="transfer-from-time" class="required transfer-from-time" value="" placeholder="Select Time" />
							</div>
							<span class="service-time">Transfer Service available from 06 am - 06 pm</span>
						</div>
													<div class="route-way-field flight-field">
								<label>Flight Number</label>
								<input type="text" name="transfer-flight" class="required transfer-from-flight" value="" placeholder="eg. FR1890" />
							</div>
											</div>
				</div>
				<div class="route-form route-form-return">
					<div class="route-way">Corfu Port to Corfu Airport</div>
					<div class="route-way-field-wrap">
						<div class="route-way-field date-field">
							<label>Date & Time</label>
							<div class="field-wrap">
								<span>Arrival date & pick up (greek)time at Corfu Airport Corfu Port</span>
								<input type="text" readonly="readonly" name="transfer-to-date" class="transfer-to-date" value="" placeholder="30 May 2026" />
								<input type="text" readonly="readonly" name="transfer-to-time" class="transfer-to-time" value="" placeholder="Select Time" />
							</div>
							<span class="service-time">Transfer Service available from 06 am - 06 pm</span>
						</div>
						<p>Pick up time has beed calculated based on your arrival in Corfu Port. If you wish to be collected later please change time.</p>					</div>
				</div>
				<input type="hidden" class="transfer-model" name="transfer-model" value="oneway" />
				<input type="hidden" name="transfer-route-id" value="1" />
			</div>
			<div class="transfer-divider"></div>
			<div class="submit-form">
				<div class="submit-form-title">Booking Information</div>
				<div class="transfer-col1 transfer-col">
					<div class="form-field">
						<label>Booking Name</label>
						<input type="text" name="booking-name" class="booking-name" />
					</div>
				</div>
				<!-- <div class="transfer-col2 transfer-col">
					<div class="form-field">
						<label>Date*</label>
						<input type="text" name="booking-arrival-date" class="booking-arrival-date" />
						<input type="text" name="booking-departure-date" class="booking-departure-date" />
					</div>
				</div>
				 --><div class="transfer-col3">
					<div class="person-wrap">
						<label>Persons*</label>
						<div class="person-head">Persons<span>Select</span></div>
						<div class="person-list">
							<p>Number of Persons</p>
							<div class="adult-field form-field">
								<div class="form-field-head">
									<strong><span>1</span> Adults</strong> (ages 14+)
								</div>
								<div class="form-field-field">
									<span class="count-minus">-</span>
									<input type="text" name="reservation[adults]" value="1" class="transfer-count adult-transfer-count" readonly />
									<span class="count-plus">+</span>
								</div>
							</div>
							<div class="children-field form-field">
								<div class="form-field-head">
									<strong><span>0</span> Children</strong> (ages 6-12)
								</div>
								<div class="form-field-field">
									<span class="count-minus">-</span>
									<input type="text" name="reservation[child]" value="0" class="transfer-count child-transfer-count" readonly />
									<span class="count-plus">+</span>
								</div>
							</div>
							<div class="infant-field form-field">
								<div class="form-field-head">
									<strong><span>0</span> Infants</strong> (ages 0-5)
								</div>
								<div class="form-field-field">
									<span class="count-minus">-</span>
									<input type="text" name="reservation[infant]" value="0" class="transfer-count infant-transfer-count" readonly />
									<span class="count-plus">+</span>
								</div>
							</div>
						</div>
						<div class="person-save">
							<span class="cancel">Cancel</span>
							<span class="save">OK</span>
						</div>
					</div>
					<button name="complete_reservation" type="button" class="complete-reservation" id="complete_reservation">Submit Reservation</button>
				</div>
			</div>
		</div>
	</form>
</div>
<form method="post">
	<input type="hidden" name="r_route" value="" class="r_route" />
	<input type="hidden" name="t_route" value="" class="t_route" />
</form>


<style>

.header_bottom {
    display: none;
}
.transferHeader {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100px;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flexbox;
}
.headerGrid {
    max-width: 1000px;
    float: left;
    width: 100%;
    position: relative;
    margin: auto;
}
a.seawaysLogo {
    width: 298px;
    height: 42px;
    display: block;
    float: left;
    margin-top: 8px;
}
a.finikasLogo {
    display: block;
    float: right;
    height: 48px;
    margin-top: 10px;
}
a.finikasLogo img {
    height: 100%;
}
footer {
    display: none;
}
.service-time {
	position: absolute;
    bottom: -30px;
    left: 0px;
}
.reservation-wrapper {
    margin-top: 80px;
}

</style>{"id":1159,"date":"2018-04-11T11:52:55","date_gmt":"2018-04-11T11:52:55","guid":{"rendered":"https:\/\/ionianseaways.com\/?page_id=1159"},"modified":"2019-12-13T10:22:33","modified_gmt":"2019-12-13T10:22:33","slug":"transfer","status":"publish","type":"page","link":"https:\/\/ionianseaways.com\/en\/transfer\/","title":{"rendered":"Transfer"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1159","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/pages\/1159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/comments?post=1159"}],"version-history":[{"count":1,"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/pages\/1159\/revisions"}],"predecessor-version":[{"id":1160,"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/pages\/1159\/revisions\/1160"}],"wp:attachment":[{"href":"https:\/\/ionianseaways.com\/en\/wp-json\/wp\/v2\/media?parent=1159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}