{"id":7970,"date":"2026-05-06T17:25:17","date_gmt":"2026-05-06T17:25:17","guid":{"rendered":"https:\/\/kaypiperutours.com\/?page_id=7970"},"modified":"2026-05-06T19:45:14","modified_gmt":"2026-05-06T19:45:14","slug":"travel-tour-form","status":"publish","type":"page","link":"https:\/\/kaypiperutours.com\/es\/travel-tour-form\/","title":{"rendered":"Travel Tour Form"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7970\" class=\"elementor elementor-7970\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-fae84d2 e-con-full e-flex e-con e-parent\" data-id=\"fae84d2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-29e063c e-con-full e-flex e-con e-parent\" data-id=\"29e063c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-11b646b e-con-full e-flex e-con e-parent\" data-id=\"11b646b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c11841f elementor-widget elementor-widget-html\" data-id=\"c11841f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"kaypi-booking-container\">\n    <h2>Book Your Adventure<\/h2>\n    <p class=\"kaypi-subtitle\">Complete the form below to secure your reservation.<\/p>\n\n    <div class=\"kaypi-tour-summary\">\n        <h3>Selected Package<\/h3>\n        <div class=\"summary-grid\">\n            <div><strong>Tour:<\/strong> <span id=\"summary-tour\">Not selected<\/span><\/div>\n            <div><strong>Category:<\/strong> <span id=\"summary-hotel\">-<\/span><\/div>\n            <div><strong>Price:<\/strong> <span id=\"summary-price\">-<\/span><\/div>\n        <\/div>\n    <\/div>\n\n    <form id=\"kaypi-booking-form\" action=\"https:\/\/formspree.io\/f\/tu_codigo_aqui\" method=\"POST\">\n        \n        <input type=\"hidden\" name=\"Tour Name\" id=\"hidden-tour\">\n        <input type=\"hidden\" name=\"Hotel Category\" id=\"hidden-hotel\">\n        <input type=\"hidden\" name=\"Price Selected\" id=\"hidden-price\">\n\n        <fieldset>\n            <legend>Contact Information<\/legend>\n            <div class=\"form-group\">\n                <label>Full Name<\/label>\n                <input type=\"text\" name=\"Lead Name\" required placeholder=\"John Doe\">\n            <\/div>\n            <div class=\"form-row\">\n                <div class=\"form-group\">\n                    <label>Email Address<\/label>\n                    <input type=\"email\" name=\"Lead Email\" required placeholder=\"example@domain.com\">\n                <\/div>\n                <div class=\"form-group\">\n                    <label>Phone \/ WhatsApp<\/label>\n                    <input type=\"tel\" name=\"Lead Phone\" required placeholder=\"+1 123 456 7890\">\n                <\/div>\n            <\/div>\n        <\/fieldset>\n\n        <fieldset>\n            <legend>Trip Details<\/legend>\n            <div class=\"form-row\">\n                <div class=\"form-group\">\n                    <label>Tour Start Date<\/label>\n                    <input type=\"date\" name=\"Start Date\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label>Number of People (Pax)<\/label>\n                    <select id=\"pax-number\" name=\"Total Pax\" required><\/select>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-group\">\n                <label>Do you want to include international flights?<\/label>\n                <div class=\"radio-options\">\n                    <label><input type=\"radio\" name=\"Flights\" value=\"No\" checked onclick=\"toggleFlights(false)\"> No<\/label>\n                    <label><input type=\"radio\" name=\"Flights\" value=\"Yes\" onclick=\"toggleFlights(true)\"> Yes<\/label>\n                <\/div>\n            <\/div>\n\n            <div id=\"flight-city-field\" style=\"display:none;\" class=\"form-group\">\n                <label>Type the airport or city<\/label>\n                <input type=\"text\" id=\"flight-input\" name=\"Origin City\" placeholder=\"e.g. JFK, New York\">\n            <\/div>\n        <\/fieldset>\n\n        <fieldset id=\"passengers-section\">\n            <legend>Passengers Passport Information<\/legend>\n            <div id=\"passengers-list\"><\/div>\n        <\/fieldset>\n\n        <button type=\"submit\" id=\"kaypi-btn\">SEND RESERVATION<\/button>\n    <\/form>\n<\/div>\n\n<style>\n:root { --green: #4CAF50; --dark: #1E293B; --bg: #F8FAFC; }\n.kaypi-booking-container { max-width: 700px; margin: auto; padding: 30px; background: white; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); color: var(--dark); font-family: sans-serif; }\n.kaypi-tour-summary { background: var(--bg); border-left: 5px solid var(--green); padding: 15px; margin-bottom: 25px; border-radius: 5px; }\n.summary-grid { display: flex; gap: 20px; font-size: 14px; flex-wrap: wrap; }\nfieldset { border: none; margin-bottom: 25px; padding: 0; }\nlegend { font-weight: bold; border-bottom: 1px solid #ddd; width: 100%; padding-bottom: 8px; margin-bottom: 15px; }\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n.form-group { margin-bottom: 15px; }\nlabel { display: block; font-size: 13px; margin-bottom: 5px; font-weight: 600; }\ninput, select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }\n.radio-options { display: flex; gap: 20px; padding: 10px 0; }\n.pax-card { background: var(--bg); padding: 15px; border-radius: 5px; margin-bottom: 15px; border: 1px solid #eee; }\n.pax-card h4 { margin-top: 0; color: var(--green); border-bottom: 1px solid #ddd; padding-bottom: 5px; }\n#kaypi-btn { width: 100%; background: var(--green); color: white; border: none; padding: 15px; font-weight: bold; cursor: pointer; border-radius: 5px; font-size: 16px; transition: 0.3s; }\n#kaypi-btn:hover { background: #388E3C; }\n@media (max-width: 600px) { .form-row { grid-template-columns: 1fr; gap: 0; } }\n<\/style>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const paxSelect = document.getElementById(\"pax-number\");\n    const container = document.getElementById(\"passengers-list\");\n\n    \/\/ Llenar selector de 1 a 20 personas\n    for(let i=1; i<=20; i++) {\n        let opt = document.createElement(\"option\");\n        opt.value = i; \n        opt.textContent = i + (i === 1 ? \" Person\" : \" People\");\n        paxSelect.appendChild(opt);\n    }\n\n    \/\/ Capturar datos de la URL\n    const params = new URLSearchParams(window.location.search);\n    const setVal = (id, hid, val) => {\n        if(val) {\n            document.getElementById(id).textContent = val;\n            document.getElementById(hid).value = val;\n        }\n    };\n    setVal(\"summary-tour\", \"hidden-tour\", params.get('tour'));\n    setVal(\"summary-price\", \"hidden-price\", params.get('price'));\n    setVal(\"summary-hotel\", \"hidden-hotel\", params.get('hotel'));\n\n    \/\/ Generar campos de pasajeros seg\u00fan cantidad seleccionada\n    function updatePaxFields() {\n        container.innerHTML = \"\";\n        const num = parseInt(paxSelect.value);\n        for(let i=1; i<=num; i++) {\n            const card = document.createElement(\"div\");\n            card.className = \"pax-card\";\n            card.innerHTML = `\n                <h4>Passenger 0${i}<\/h4>\n                <div class=\"form-group\">\n                    <label>Full Name (as in Passport)<\/label>\n                    <input type=\"text\" name=\"Pax_${i}_Name\" required>\n                <\/div>\n                <div class=\"form-row\">\n                    <div class=\"form-group\">\n                        <label>Passport Number<\/label>\n                        <input type=\"text\" name=\"Pax_${i}_Passport\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Nationality<\/label>\n                        <input type=\"text\" name=\"Pax_${i}_Nationality\" required>\n                    <\/div>\n                <\/div>`;\n            container.appendChild(card);\n        }\n    }\n\n    paxSelect.addEventListener(\"change\", updatePaxFields);\n    updatePaxFields(); \/\/ Iniciar con 1 pasajero\n});\n\nfunction toggleFlights(show) {\n    const field = document.getElementById(\"flight-city-field\");\n    const input = document.getElementById(\"flight-input\");\n    field.style.display = show ? \"block\" : \"none\";\n    input.required = show;\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Book Your Adventure Complete the form below to secure your reservation. Selected Package Tour: Not selected Category: &#8211; Price: &#8211; Contact Information Full Name Email Address Phone \/ WhatsApp Trip Details Tour Start Date Number of People (Pax) Do you want to include international flights? No Yes Type the airport or city Passengers Passport Information [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-7970","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/pages\/7970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/comments?post=7970"}],"version-history":[{"count":14,"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/pages\/7970\/revisions"}],"predecessor-version":[{"id":8036,"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/pages\/7970\/revisions\/8036"}],"wp:attachment":[{"href":"https:\/\/kaypiperutours.com\/es\/wp-json\/wp\/v2\/media?parent=7970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}