Car rental
You only need 4' to fill out our form!
Car Rental Form
Choose the car you want
${ parent.decodeEntities(`Nissan Micra`) }
${ parent.decodeEntities(`Dacia Sandero`) }
${ parent.decodeEntities(`Hyundai i30`) }
${ parent.decodeEntities(`Tiguan R line`) }
${ parent.decodeEntities(`Opel Astra`) }
${ parent.decodeEntities(`Renault Megane`) }
${ parent.decodeEntities(`Fiat Tipo`) }
${ parent.decodeEntities(`Toyota Yaris`) }
${ parent.decodeEntities(`Toyota Yaris`) }
${ parent.decodeEntities(`Suzuki Swift`) }
${ parent.decodeEntities(`Seat Ibiza`) }
${ parent.decodeEntities(`Opel Corsa`) }
${ parent.decodeEntities(`Peugeot 208`) }
${ parent.decodeEntities(`Renault Grand Scenic`) }
Extra Options
parent.activateValidation({"message":"This field is required.","required":false}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="phone_holder"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="snow_chains"
as=${html``}
/>
${ parent.decodeEntities(`+ 3€ / ημέρα`) }
parent.activateValidation({"message":"This field is required.","required":false}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="gas_tank"
as=${html``}
/>
${ parent.decodeEntities(`Παραλάβετε το αυτοκίνητό σας με γεμάτο ρεζερβουάρ και επιστρέψτε το με άδειο.`) }
<${props.InputRange}
maxValue=${4}
minValue=${0}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'child_seat')
}}
value=${ isNaN(Number(parent.state.formData['child_seat'])) ? 0 : (Number(parent.state.formData['child_seat']) == 0 ? 0 : Number(parent.state.formData['child_seat']))
}
ref=${ input => {
register("child_seat", parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("child_seat") === '' && false ) {
parent.handleChange({
target: {
name: 'child_seat',
value: ''
}
});
parent.setValue( 'child_seat', '', true );
}
} }
name="child_seat"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="child_seat"
as=${html``}
/>
${ parent.decodeEntities(`+ 3€ / ημέρα`) } Personal Information
{
parent.activateValidation({"message":"\u03a4\u03bf \u03cc\u03bd\u03bf\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c7\u03c1\u03b5\u03c9\u03c4\u03b9\u03ba\u03cc \u03c0\u03b5\u03b4\u03af\u03bf.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="firstname"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="email"
as=${html``}
/>
<${props.InputRange}
maxValue=${70}
minValue=${23}
step=${1}
onChange=${(el) => {
parent.handleRangeChange(el, 'driver_age')
}}
value=${ isNaN(Number(parent.state.formData['driver_age'])) ? 23 : (Number(parent.state.formData['driver_age']) == 0 ? 0 : Number(parent.state.formData['driver_age']))
}
ref=${ input => {
register("driver_age", parent.activateValidation({"message":"This field is required.","type":"none","required":false,"expression":"null"}));
if ( parent.getValue("driver_age") === '' && false ) {
parent.handleChange({
target: {
name: 'driver_age',
value: ''
}
});
parent.setValue( 'driver_age', '', true );
}
} }
name="driver_age"
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="driver_age"
as=${html``}
/>
For more information on the driver's age limits please visit the page “Γενικοί Όροι Ενοικίασης”.
{
parent.activateValidation({"message":"\u03a4\u03bf \u03cc\u03bd\u03bf\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c7\u03c1\u03b5\u03c9\u03c4\u03b9\u03ba\u03cc \u03c0\u03b5\u03b4\u03af\u03bf.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="surname"
as=${html``}
/>
<${props.ReactPhoneInput}
inputProps=${{
name: "driver_phone"
}}
inputExtraProps=${{
required: true,
autoFocus: true,
}}
key=${parent.state.resetKey}
searchPlaceholder="Search"
inputClass="mf-input mf-input-mobile"
country="gr"
enableSearch=${true}
countryCodeEditable=${false}
enableAreaCodes=${false}
value=${parent.state.mobileWidget["driver_phone"] ? parent.state.mobileWidget["driver_phone"] :
(parent.state.formData["driver_phone"] ? parent.state.formData["driver_phone"] : '')}
}
name="driver_phone"
id="mf-input-mobile-5a99cca"
onChange=${(value, country) => {
return parent.handleOnChangePhoneInput(value, "driver_phone", country)
} }
onBlur=${(event, country) => {
let value = event.target.value;
if(value && "no" != "yes"){
value = value.replace(/[^\d]/g, '');
}
parent.handleOnChangePhoneInput(value, "driver_phone", country)
} }
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}, el) }
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="driver_phone"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['payment-method'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="payment-method"
placeholder="${ parent.decodeEntities(``) } "
isSearchable=${false}
options=${[{"label":"\u039c\u03b5\u03c4\u03c1\u03b7\u03c4\u03ac \u03ba\u03b1\u03c4\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03bb\u03b1\u03b2\u03ae","value":"\u039c\u03b5\u03c4\u03c1\u03b7\u03c4\u03ac \u03ba\u03b1\u03c4\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03bb\u03b1\u03b2\u03ae","isDisabled":false},{"label":"\u039c\u03b5 \u03c0\u03b9\u03c3\u03c4\u03c9\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03c1\u03c4\u03b1","value":"\u039c\u03b5 \u03c0\u03b9\u03c3\u03c4\u03c9\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03c1\u03c4\u03b1","isDisabled":false},{"label":"\u039c\u03b5 \u03c4\u03c1\u03b1\u03c0\u03b5\u03b6\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03b7","value":"\u039c\u03b5 \u03c4\u03c1\u03b1\u03c0\u03b5\u03b6\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03b7","isDisabled":false}]}
value=${parent.getValue("payment-method") ? [{"label":"\u039c\u03b5\u03c4\u03c1\u03b7\u03c4\u03ac \u03ba\u03b1\u03c4\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03bb\u03b1\u03b2\u03ae","value":"\u039c\u03b5\u03c4\u03c1\u03b7\u03c4\u03ac \u03ba\u03b1\u03c4\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03bb\u03b1\u03b2\u03ae","isDisabled":false},{"label":"\u039c\u03b5 \u03c0\u03b9\u03c3\u03c4\u03c9\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03c1\u03c4\u03b1","value":"\u039c\u03b5 \u03c0\u03b9\u03c3\u03c4\u03c9\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03c1\u03c4\u03b1","isDisabled":false},{"label":"\u039c\u03b5 \u03c4\u03c1\u03b1\u03c0\u03b5\u03b6\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03b7","value":"\u039c\u03b5 \u03c4\u03c1\u03b1\u03c0\u03b5\u03b6\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03b7","isDisabled":false}].filter(item => item.value === parent.getValue("payment-method"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "payment-method")}
ref=${() => {
register("payment-method", parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true}));
if ( parent.getValue("payment-method") === '' && false ) {
parent.setValue( 'payment-method', '', true );
parent.handleChange({
target: {
name: 'payment-method',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="payment-method"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="invoice"
as=${html``}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="notes"
as=${html``}
/>
Summary of Reservation
-
${Object.keys( parent.state.formData ).map((name, key) => name !== 'expireTime' && props.SummaryWidget(name, key, parent) )}
English (UK) 
Ελληνικά