{"id":40,"date":"2024-10-08T07:52:52","date_gmt":"2024-10-08T07:52:52","guid":{"rendered":"https:\/\/boeken.pitane.nl\/index.php\/colibri-wp\/"},"modified":"2024-10-09T10:58:34","modified_gmt":"2024-10-09T08:58:34","slug":"colibri-wp","status":"publish","type":"page","link":"https:\/\/boeken.pitane.nl\/","title":{"rendered":"WordPress voorbeeld"},"content":{"rendered":"<div data-colibri-id=\"40-c1\" class=\"style-190 style-local-40-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"40-c2\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-334 style-local-40-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"40-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-335 style-local-40-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-336-outer style-local-40-c4-outer\">\n            <div data-colibri-id=\"40-c4\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-336 style-local-40-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"40-c5\" id=\"overlappable\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-338 style-local-40-c5 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"40-c6\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-339 style-local-40-c6 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-340-outer style-local-40-c7-outer\">\n            <div data-colibri-id=\"40-c7\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-340 style-local-40-c7 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"40-c11\" class=\"style-350 style-local-40-c11 position-relative h-element\">\n                  <!---->\n                <\/div>\n                <div data-colibri-id=\"40-c8\" class=\"d-block style-348 style-local-40-c8 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img decoding=\"async\" src=\"https:\/\/boeken.pitane.nl\/wp-content\/uploads\/2024\/10\/cropped-cropped-cropped-cropped-https___cdn.evbuc_.com_images_790477919_2194951957693_1_original-300x300.png\" class=\"style-348-image style-local-40-c8-image\">\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-348-frameImage style-local-40-c8-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-341-outer style-local-40-c9-outer\">\n            <div data-colibri-id=\"40-c9\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-341 style-local-40-c9 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n                <!---->\n                <div data-colibri-id=\"40-c10\" class=\"style-349 style-local-40-c10 position-relative h-element\">\n                  <!---->\n                  <div class=\"\">\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    <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/pages\/40","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=40"}],"version-history":[{"count":16,"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":147,"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/147"}],"wp:attachment":[{"href":"https:\/\/boeken.pitane.nl\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}