{"id":2,"date":"2024-10-08T07:37:55","date_gmt":"2024-10-08T07:37:55","guid":{"rendered":"https:\/\/boeken.pitane.nl\/?page_id=2"},"modified":"2024-10-08T07:49:02","modified_gmt":"2024-10-08T07:49:02","slug":"pitane-voorbeeld","status":"publish","type":"page","link":"https:\/\/boeken.pitane.nl\/index.php\/pitane-voorbeeld\/","title":{"rendered":"Boeken van een rit"},"content":{"rendered":"\n    <!-- Container voor bedrijfsinformatie -->\n    <div id=\"company-info\" style=\"display: none; margin-bottom: 20px;\">\n        <h5 id=\"company-name\"><\/h5>\n        <p id=\"company-address\"><\/p>\n        <p id=\"company-city\"><\/p>\n        <p>Telefoon: <span id=\"company-phone\"><\/span><\/p>\n    <\/div>\t\n\n<!-- Label om het inlogformulier te openen -->\n<label id=\"login-toggle\" style=\"cursor: pointer; color: blue; text-decoration: underline;\">Inloggen als bestaande klant<\/label>\n\t\t\n<!-- Welkomstbericht (zichtbaar na inloggen) -->\n<div id=\"welcome-message\" style=\"display: none;\">\n    <h4>Welkom, <span id=\"customer-name\"><\/span><\/h4>\n\t<small>Klantnummer: <span id=\"customer-number\"><\/span><\/small>\n<\/div>\t\t\t\t\n\t\t\n<!-- Verborgen inlogformulier -->\t\n<div id=\"login-form-container\" style=\"display: none;\">\n\t<form id=\"login-form\">\t      \n        <label for=\"email\">E-mailadres:<\/label>\n        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Voer uw e-mailadres in\" required>\n\n        <label for=\"password\">Wachtwoord:<\/label>\n        <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"Voer uw wachtwoord in\" required>\n\n        <input type=\"submit\" value=\"Inloggen\">\n        <div id=\"login-error\" style=\"color: red; display: none;\">Inloggegevens incorrect. Probeer het opnieuw.<\/div>\n    <\/form>\n<\/div>\n\t\t\n<form id=\"ritopdracht-form\">\t\n\t\t\n<br>\t\t\n<label for=\"trip_type\">Soort reistype:<\/label>\n<select id=\"trip_type\" name=\"trip_type\" class=\"input-field\">\n    <option value=\"\">-- Selecteer reistype --<\/option>\n<\/select>\t\t\n\t\t\n\t\t\n<!-- Datum en tijd selectie -->\n<label for=\"ride_date\">Datum:<\/label>\n<input type=\"date\" id=\"ride_date\" name=\"ride_date\" required>\n\n<label for=\"ride_time\">Tijd:<\/label>\n<input type=\"time\" id=\"ride_time\" name=\"ride_time\" required>\t\t\n\t\t\t\t\n\n        <!-- Listbox voor luchthavens (standaard verborgen) -->\n        <div id=\"airport-container\" style=\"display: none;\">\n\t\t\t\n            <label for=\"airport-select-traject\">Traject:<\/label>\n            <select id=\"airport-select-traject\" class=\"input-field\">\n                <option value=\"naar\" selected>Naar de luchthaven<\/option>\n                <option value=\"vanuit\">Vanuit de luchthaven<\/option>\n            <\/select>\n\t\t\t\n            <label for=\"airport-select\">Selecteer een luchthaven:<\/label>\n            <select id=\"airport-select\" class=\"input-field\">\n                <option value=\"\">-- Selecteer een luchthaven --<\/option>\n            <\/select>\n\n            <!-- Vluchtnummer en vluchttijd (standaard verborgen) -->\n            <div id=\"flight-info\">\n                <label for=\"flight_number\">Vluchtnummer:<\/label>\n                <input type=\"text\" id=\"flight_number\" name=\"flight_number\" placeholder=\"Voer vluchtnummer in\">\n\t\t\t\t\n<!-- Datum en tijd selectie -->\n\n<label for=\"flight_date\">Datum vlucht:<\/label>\n<input type=\"date\" id=\"flight_date\" name=\"flight_date\" required>\t\t\t\t\n\n<label for=\"flight_time\">Tijdstip vlucht:<\/label>\n<input type=\"time\" id=\"flight_time\" name=\"flight_time\" required>\t\t\t\t\t\n\n\n\t\t\t\t<br>\n            <\/div>\n        <\/div>\n\t\t\n\t\t\n        <label for=\"pickup_address\">Ophaaladres:<\/label>\n        <input type=\"text\" id=\"pickup_address\" name=\"pickup_address\" placeholder=\"Voer ophaaladres in\" autocomplete=\"off\" required>\n\n        <!-- Verborgen velden voor ophaaladres -->\n        <input type=\"hidden\" id=\"pickup_street\" name=\"pickup_street\">\n        <input type=\"hidden\" id=\"pickup_house_number\" name=\"pickup_house_number\">\n        <input type=\"hidden\" id=\"pickup_house_number_add\" name=\"pickup_house_number_add\">\n        <input type=\"hidden\" id=\"pickup_postal_code\" name=\"pickup_postal_code\">\n        <input type=\"hidden\" id=\"pickup_city\" name=\"pickup_city\">\n        <input type=\"hidden\" id=\"pickup_country\" name=\"pickup_country\">\n        <input type=\"hidden\" id=\"pickup_latitude\" name=\"pickup_latitude\">\n        <input type=\"hidden\" id=\"pickup_longitude\" name=\"pickup_longitude\">\n        <input type=\"hidden\" id=\"pickup_formatted_address\" name=\"pickup_formatted_address\">\n\n        <label for=\"destination_address\">Bestemmingsadres:<\/label>\n        <input type=\"text\" id=\"destination_address\" name=\"destination_address\" placeholder=\"Voer bestemmingsadres in\" autocomplete=\"off\" required>\n\n        <!-- Verborgen velden voor bestemmingsadres -->\n        <input type=\"hidden\" id=\"destination_street\" name=\"destination_street\">\n        <input type=\"hidden\" id=\"destination_house_number\" name=\"destination_house_number\">\n        <input type=\"hidden\" id=\"destination_house_number_add\" name=\"destination_house_number_add\">\n        <input type=\"hidden\" id=\"destination_postal_code\" name=\"destination_postal_code\">\n        <input type=\"hidden\" id=\"destination_city\" name=\"destination_city\">\n        <input type=\"hidden\" id=\"destination_country\" name=\"destination_country\">\n        <input type=\"hidden\" id=\"destination_latitude\" name=\"destination_latitude\">\n        <input type=\"hidden\" id=\"destination_longitude\" name=\"destination_longitude\">\n        <input type=\"hidden\" id=\"destination_formatted_address\" name=\"destination_formatted_address\">\n\n        <input type=\"hidden\" id=\"trip_amount\" value=\"0.00\" name=\"trip_amount\">\n\t    <input type=\"hidden\" id=\"trip_rc\" value=\"0\" name=\"trip_rc\">\n        <input type=\"hidden\" id=\"trip_duration\" value=\"0\" name=\"trip_duration\">\n        <input type=\"hidden\" id=\"trip_distance\" value=\"0.00\" name=\"trip_distance\">\n        <input type=\"hidden\" id=\"trip_tariff\"  value=\"\" name=\"trip_tariff\">\n    \t<input type=\"hidden\" id=\"trip_status\"  value=\"W\" name=\"trip_status\">\n        <input type=\"hidden\" id=\"customer\" value=\"0\" name=\"customer\">\n\t    <input type=\"hidden\" id=\"customer_guid\" value=\"D57C33B6-3038-4257-A905-18C0F5499ADF\" name=\"customer_guid\">\n        <input type=\"hidden\" id=\"trip_filter\" value=\"#\" name=\"trip_filter\">\n        <input type=\"hidden\" id=\"trip_iata\" name=\"trip_iata\">\n        <input type=\"hidden\" id=\"trip_company\" value=\"\" name=\"trip_company\">\n\t    <input type=\"hidden\" id=\"trip_company_phone\" value=\"\" name=\"trip_company_phone\">\n\t    <input type=\"hidden\" id=\"trip_temp\" value=\"\" name=\"trip_temp\">\n\t    <input type=\"hidden\" id=\"trip_mollie\" value=\"\" name=\"trip_mollie\">\n\t    <input type=\"hidden\" id=\"trip_id\" value=\"\" name=\"trip_id\">\n  \t    <input type=\"hidden\" id=\"customer_taxis\" value=\"N\/B\" name=\"customer_taxis\">\n\t    <input type=\"hidden\" id=\"payment_mollie\" value=\"live_xSKNCv7QMhURDwqJhSNFv2fcdgHRzW\" name=\"payment_mollie\">\n\t    <input type=\"hidden\" id=\"payment_mollie_return\" value=\"https:\/\/boeken.pitane.nl\" name=\"payment_mollie_return\">\n\t    <input type=\"hidden\" id=\"mollie_confirmation\" value=\"1\" name=\"default_mollie_confirmation\">\n\n        <!-- Selectieveld voor wagensoort -->\n<label for=\"vehicle_type\">Wagensoort:<\/label>\n<select id=\"vehicle_type\" name=\"vehicle_type\" class=\"input-field\">\n    <option value=\"\">-- Selecteer een wagensoort --<\/option>\n<\/select>\n\n<img decoding=\"async\" id=\"selected-car-image\" src=\"\" alt=\"Gekozen wagensoort\" style=\"display:none; max-width: 150px; margin-top: 15px;\">\n\n<p id=\"koffers\">Max aantal koffers: <span id=\"koffers-value\"><\/span><\/p>\n<p id=\"personen\">Max. aantal personen: <span id=\"personen-value\"><\/span><\/p>\n<p id=\"brandstof\">Soort brandstof: <span id=\"brandstof-value\"><\/span><\/p>\n\n\n\n        <label for=\"customer_name\">Klantnaam:<\/label>\n        <input type=\"text\" id=\"customer_name\" name=\"customer_name\" value=\"\" placeholder=\"Voer klantnaam in\" autocomplete=\"off\" required><br>\n\n        <label for=\"num_pers\">Aantal personen:<\/label>\n        <select id=\"num_pers\">\n            <option value=\"1\" selected>1<\/option> <!-- Standaard op 1 -->\n        <\/select>\n\n<!-- Container for num_pers_rol and its label -->\n<div id=\"num_pers_rol_container\">\n    <label for=\"num_pers_rol\">Aantal personen (rolstoel):<\/label>\n    <select id=\"num_pers_rol\">\n        <option value=\"0\" selected>0<\/option> <!-- Standaard op 0 -->\n    <\/select>\n<\/div>\n\n        <label for=\"phone_number\">Telefoonnummer reiziger:<\/label>\n        <input type=\"tel\" id=\"phone_number\" name=\"phone_number\" placeholder=\"Telefoonnummer\" value=\"\" autocomplete=\"off\" required><br>\n\n        <label for=\"referentie\">Uw referentie:<\/label>\n        <input type=\"text\" id=\"referentie\" name=\"referentie\" placeholder=\"Referentie\" autocomplete=\"off\"><br>\n\n        <label for=\"remark\">Opmerking:<\/label>\n        <input type=\"text\" id=\"remark\" name=\"remark\" placeholder=\"Opmerking\" autocomplete=\"off\"><br>\n\n        <label for=\"email_address\">E-mailadres:<\/label>\n        <input type=\"email\" id=\"email_address\" name=\"email_address\" placeholder=\"Voer e-mailadres in\" value=\"\" autocomplete=\"off\" required><br>\n\n        <div id=\"distance\">Afstand: Nog niet berekend<\/div>\n        <div id=\"duration\">Reistijd: Nog niet berekend<\/div>\n\n        <div id=\"tariff-display\" style=\"font-weight: bold; margin-top: 10px;\">Te betalen: nog niet berekend<\/div>\n\t\n\t    \n        <br>\n\n        <input id=\"submit-btn\" type=\"submit\" value=\"Verstuur boeking \/ ritopdracht\">\n    <\/form>\n\n    <br><button id=\"return-trip-btn\" class=\"button-common\" style=\"display: none;\">Retourrit nu boeken<\/button>\n    <div id=\"response-message\"><\/div>\n    <div id=\"error-message-pers\" style=\"color: red; display: none;\">Aantal personen mag niet 0 zijn.<\/div>\n    <div id=\"error-message-huis\" style=\"color: red; display: none;\">Controleer adressen en huisnummers.<\/div>\n    <div id=\"error-message-car\" style=\"color: red; display: none;\">Selecteer een soort wagen.<\/div>\n    \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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":2,"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}