<div class="reservation-wrapper">
	<form method="post">
		<div class="reservation-background" style="background-image: url('https://ionianseaways.com/wp-content/uploads/2016/11/waves.jpg');">
			
						
			<div class="reservation-from">
				<select name="reservation[from]">
											<option  value="1">CFU</option>
											<option  value="2">SAR</option>
											<option  value="3">Himare</option>
									</select>
			</div>
			<div class="reservation-type">
				<select name="reservation[type]">
					<option  value="oneway">Μία Διαδρομή</option>
					<option  value="return">Επιστροφή</option>
				</select>
			</div>
			<div class="reservation-to">
				<select name="reservation[to]">
											<option  value="1">CFU</option>
											<option selected="selected" value="2">SAR</option>
											<option  value="3">Himare</option>
									</select>
			</div>
		</div>
		<div class="reservation-bgcolor reservation-secondphase" style="background-color: #114189">
			<div class="date-wrap">
				<label>Ημερομηνία*</label>
				<div class="form-field">
					<span>Αναχώρηση</span>
					<input type="text" readonly="readonly" value="" placeholder="Επιλέξτε" name="reservation[departure]" class="datepicker-from reservation-departure" />
					<i class="fa fa-calendar" aria-hidden="true"></i>
				</div>
				<div class="form-field return-datepicker" style="display: none;">
					<span>Ημερομινία Επιστροφής</span>
					<input type="text" readonly="readonly" value="" placeholder="Επιλέξτε" name="reservation[return]" class="datepicker-to reservation-returndate" />
					<i class="fa fa-calendar" aria-hidden="true"></i>
				</div>
			</div>
			<div class="person-wrap">
				<label>Άτομα*</label>
								<div class="person-head">Άτομα<span>Select</span></div>
				<div class="person-list">
					<p>Αριθμός Ατόμων</p>
					<div class="adult-field form-field">
						<div class="form-field-head">
							<strong><span>0</span> Ενήλικας</strong> (14+ χρόνων)
						</div>
						<div class="form-field-field">
							<span class="count-minus">-</span>
							<input type="text" name="reservation[adults]" value="0" class="adult-required" readonly />
							<span class="count-plus">+</span>
						</div>
					</div>
					<div class="children-field form-field">
						<div class="form-field-head">
							<strong><span>0</span> Παιδιά </strong> (ηλικίες 6-12)
						</div>
						<div class="form-field-field">
							<span class="count-minus">-</span>
							<input type="text" name="reservation[child]" value="0" class="" readonly />
							<span class="count-plus">+</span>
						</div>
					</div>
					<div class="infant-field form-field">
						<div class="form-field-head">
							<strong><span>0</span> Βρέφη</strong> (ηλικίες 0-5)
						</div>
						<div class="form-field-field">
							<span class="count-minus">-</span>
							<input type="text" name="reservation[infant]" value="0" class="" readonly />
							<span class="count-plus">+</span>
						</div>
					</div>
				</div>
				<div class="person-save">
					<span class="cancel">Ακύρωση</span>
					<span class="save">Υποβολή Κράτησης</span>
				</div>
			</div>
			<div class="vehicle-wrap">
				<label>Vehicles</label>
								<div class="vehicle-head">Οχήματα<span>Select</span></div>
				<div class="vehicle-list">
					<p>Αριθμός Οχημάτων</p>
					<div class="car-field form-field">
						<div class="form-field-head">
							<strong><span>0</span>Αυτοκίνητα </strong>
						</div>
						<div class="form-field-field">
							<span class="count-minus">-</span>
							<input type="text" name="reservation[cars]" value="0" class="" readonly />
							<span class="count-plus">+</span>
						</div>
					</div>
					<div class="caravan-field form-field">
						<div class="form-field-head">
							<strong><span>0</span> Caravan</strong>
						</div>
						<div class="form-field-field">
							<span class="count-minus">-</span>
							<input type="text" name="reservation[caravans]" value="0" class="" readonly />
							<span class="count-plus">+</span>
						</div>
					</div>
					<div class="bus-field form-field">
						<div class="form-field-head">
							<strong><span>0</span> Λεωφορείο</strong>
						</div>
						<div class="form-field-field">
							<span class="count-minus">-</span>
							<input type="text" name="reservation[buses]" value="0" class="" readonly />
							<span class="count-plus">+</span>
						</div>
					</div>
					<div class="bike-field form-field">
						<div class="form-field-head">
							<strong><span>0</span> Μηχανές</strong>
						</div>
						<div class="form-field-field">
							<span class="count-minus">-</span>
							<input type="text" name="reservation[bikes]" value="0" class="" readonly />
							<span class="count-plus">+</span>
						</div>
					</div>
				</div>
				<div class="vehicle-save">
					<input type="hidden" name="reservation[vehicle]" value="0" />
					<span class="cancel">Ακύρωση</span>
					<span class="save">Υποβολή Κράτησης</span>
				</div>
			</div>
			<div class="button-wrap">
				<label>&nbsp;</label>
				<button name="reservation-search" class="reservation-search">Search</button>
			</div>


			<!-- <div class="members-wrap">
				<div class="members-wrap-adult">
					<label>Adults*</label>
					<select name="reservation[adults]" class="reservation-adults">
						<option value="0">Select</option>
													<option  value="1">1</option>
													<option  value="2">2</option>
													<option  value="3">3</option>
													<option  value="4">4</option>
													<option  value="5">5</option>
													<option  value="6">6</option>
													<option  value="7">7</option>
													<option  value="8">8</option>
													<option  value="9">9</option>
													<option  value="10">10</option>
											</select>
				</div>
				<div class="members-wrap-child">
					<label>Child <span style="font-size:10px">(6-12 years old)</span></label>
					<select name="reservation[child]">
						<option value="0">Select</option>
													<option  value="1">1</option>
													<option  value="2">2</option>
													<option  value="3">3</option>
													<option  value="4">4</option>
													<option  value="5">5</option>
													<option  value="6">6</option>
													<option  value="7">7</option>
													<option  value="8">8</option>
													<option  value="9">9</option>
													<option  value="10">10</option>
											</select>
				</div>
				<div class="members-wrap-infant">
					<label>Infant <span style="font-size:10px">(1-5 years old)</span></label>
					<select name="reservation[infant]">
						<option value="0">Select</option>
													<option  value="1">1</option>
													<option  value="2">2</option>
													<option  value="3">3</option>
													<option  value="4">4</option>
											</select>
				</div>
				<div class="members-wrap-vehicle">
					<label>Vehicle</label>
					<select name="reservation[vehicle]" class="reservation-vehicle">
						<option value="0">Select</option>
													<option  value="1">1</option>
													<option  value="2">2</option>
													<option  value="3">3</option>
													<option  value="4">4</option>
													<option  value="5">5</option>
													<option  value="6">6</option>
													<option  value="7">7</option>
													<option  value="8">8</option>
													<option  value="9">9</option>
													<option  value="10">10</option>
											</select>
				</div>
				<div class="members-vehicle-list" style="display: none;" >
					<div class="members-wrap-adult">
						<label>Cars</label>
						<select name="reservation[cars]" class="reservation-cars">
							<option value="0">Select</option>
															<option  value="1">1</option>
															<option  value="2">2</option>
															<option  value="3">3</option>
															<option  value="4">4</option>
															<option  value="5">5</option>
															<option  value="6">6</option>
															<option  value="7">7</option>
															<option  value="8">8</option>
															<option  value="9">9</option>
															<option  value="10">10</option>
													</select>
					</div>
					<div class="members-wrap-child">
						<label>Caravans</label>
						<select name="reservation[caravans]" class="reservation-caravans">
							<option value="0">Select</option>
															<option  value="1">1</option>
															<option  value="2">2</option>
															<option  value="3">3</option>
															<option  value="4">4</option>
															<option  value="5">5</option>
															<option  value="6">6</option>
															<option  value="7">7</option>
															<option  value="8">8</option>
															<option  value="9">9</option>
															<option  value="10">10</option>
													</select>
					</div>
					<div class="members-wrap-infant">
						<label>Buses</label>
						<select name="reservation[buses]" class="reservation-buses">
							<option value="0">Select</option>
															<option  value="1">1</option>
															<option  value="2">2</option>
															<option  value="3">3</option>
															<option  value="4">4</option>
													</select>
					</div>
					<div class="members-wrap-infant">
						<label>Motor Bikes</label>
						<select name="reservation[bikes]" class="reservation-bikes">
							<option value="0">Select</option>
															<option  value="1">1</option>
															<option  value="2">2</option>
															<option  value="3">3</option>
															<option  value="4">4</option>
															<option  value="5">5</option>
															<option  value="6">6</option>
															<option  value="7">7</option>
															<option  value="8">8</option>
															<option  value="9">9</option>
															<option  value="10">10</option>
													</select>
					</div>
				</div>
			</div> -->
			
		</div>
		<div class="availbale-routes"> 
					</div>		
	</form>
</div>{"id":1198,"date":"2016-11-22T14:17:46","date_gmt":"2016-11-22T14:17:46","guid":{"rendered":"https:\/\/ionianseaways.com\/online-reservation\/"},"modified":"2022-05-04T15:30:58","modified_gmt":"2022-05-04T12:30:58","slug":"online-reservation","status":"publish","type":"page","link":"https:\/\/ionianseaways.com\/el\/online-reservation\/","title":{"rendered":"Online Reservation"},"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-1198","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/pages\/1198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/comments?post=1198"}],"version-history":[{"count":7,"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/pages\/1198\/revisions"}],"predecessor-version":[{"id":4639,"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/pages\/1198\/revisions\/4639"}],"wp:attachment":[{"href":"https:\/\/ionianseaways.com\/el\/wp-json\/wp\/v2\/media?parent=1198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}