{"id":33,"date":"2023-04-01T22:54:50","date_gmt":"2023-04-01T22:54:50","guid":{"rendered":"https:\/\/test2.faster-servers.com\/?page_id=33"},"modified":"2023-04-03T13:47:49","modified_gmt":"2023-04-03T13:47:49","slug":"ridewizard","status":"publish","type":"page","link":"https:\/\/test2.faster-servers.com\/","title":{"rendered":"RideWizard"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_5,3_5,1_5&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;70%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/test2.faster-servers.com\/wp-content\/uploads\/2023\/04\/FOoCX8_VQAELCCs.jpeg&#8221; title_text=&#8221;FOoCX8_VQAELCCs&#8221; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#d8d8d8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; min_height=&#8221;600px&#8221; sticky_enabled=&#8221;0&#8243;]\n\t\n\n\t\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n  <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/css\/bootstrap.min.css\">\n  <style>\n    button {\n      margin-top: 20px;\n    }\n.step-2 {\n  text-align: left;\n}\n    .float-left {\n      float: left;\n    }\n\n    .float-right {\n      float: right;\n    }\n\n    .row {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row > div {\n      margin: 0 auto;\n      text-align: center;\n    }\n  <\/style>\n  \n  \n    <div class=\"container\">\n    <form id=\"booking-form\" method=\"post\" action=\"#\">\n <div class=\"row\">\n  <div class=\"col-md-12\">\n    <h3>Step 1<\/h3>\n    <div class=\"form-row\">\n      <div class=\"form-group col-md-6\">\n        <label for=\"from\">From<\/label>\n<input type=\"text\" class=\"form-control\" id=\"from\" name=\"from\" placeholder=\"Enter pickup location\" autocomplete=\"off\" required>\t\t\n\t\t\n      <\/div>\n      <div class=\"form-group col-md-6\">\n        <label for=\"to\">To<\/label>\n<input type=\"text\" class=\"form-control\" id=\"to\" name=\"to\" placeholder=\"Enter drop-off location\" autocomplete=\"off\" required>\n      <\/div>\n    <\/div>\n    <div class=\"form-row\">\n      <div class=\"form-group col-md-6\">\n        <label for=\"passengers\">Number of passengers<\/label>\n        <input type=\"number\" class=\"form-control\" id=\"passengers\" name=\"passengers\" min=\"1\" max=\"10\" required>\n      <\/div>\n      <div class=\"form-group col-md-6\">\n        <label for=\"children\">Number of children<\/label>\n        <input type=\"number\" class=\"form-control\" id=\"children\" name=\"children\" min=\"0\" max=\"10\" required>\n      <\/div>\n    <\/div>\n    <div class=\"form-row\">\n      <div class=\"form-group col-md-6\">\n        <label for=\"pick\">Pickup date and time<\/label>\n        <input type=\"datetime-local\" class=\"form-control\" id=\"pick\" name=\"pick\" required>\n      <\/div>\n      <div class=\"form-group col-md-6\">\n        <label for=\"return\">Return date and time<\/label>\n        <input type=\"datetime-local\" class=\"form-control\" id=\"return\" name=\"return\" required>\n      <\/div>\n    <\/div>\n    <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-1\">Previous<\/button>\n    <button type=\"button\" class=\"btn btn-primary float-right\" id=\"next-1\">Next<\/button>\n  <\/div>\n<\/div>\n\n\n<!------------------>\n\n<div class=\"row\" style=\"display:none\">\n  <div class=\"col-md-12\">\n    <h3>Step 2<\/h3>\n    <div class=\"form-group\">\n      <label for=\"vehicle\">Select a vehicle<\/label>\n      <div class=\"form-check\" style=\"background-color: #f8f9fa; padding: 10px; border: 1px solid #ccc;\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"vehicle\" id=\"vehicle1\" value=\"vehicle1\" required>\n        <label class=\"form-check-label\" for=\"vehicle1\">\n          <div>\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x100.png?text=Vehicle+1\" alt=\"Vehicle 1\" style=\"float:left; margin-right: 10px;\">\n            <div>\n              <h4 style=\"margin-top: 0;\">Vehicle 1<\/h4>\n        \t\t<p>Seats: <span class=\"seats\">4<\/span><\/p>\n        \t\t<p>Distance: <span class=\"distance1\">0<\/span> km<\/p>\n        \t\t<p>Cost: <span class=\"cost1\"><\/span><\/p>\n            <\/div>\n          <\/div>\n        <\/label>\n      <\/div>\n      <div class=\"form-check\" style=\"background-color: #f8f9fa; padding: 10px; border: 1px solid #ccc;\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"vehicle\" id=\"vehicle2\" value=\"vehicle2\" required>\n        <label class=\"form-check-label\" for=\"vehicle2\">\n          <div>\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x100.png?text=Vehicle+2\" alt=\"Vehicle 2\" style=\"float:left; margin-right: 10px;\">\n            <div>\n              <h4 style=\"margin-top: 0;\">Vehicle 2<\/h4>\n              <p>Number of seats: 6<\/p>\n              <p>Typical cost: $60<\/p>\n            <\/div>\n          <\/div>\n        <\/label>\n      <\/div>\n      <div class=\"form-check\" style=\"background-color: #f8f9fa; padding: 10px; border: 1px solid #ccc;\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"vehicle\" id=\"vehicle3\" value=\"vehicle3\" required>\n        <label class=\"form-check-label\" for=\"vehicle3\">\n          <div>\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x100.png?text=Vehicle+3\" alt=\"Vehicle 3\" style=\"float:left; margin-right: 10px;\">\n            <div>\n              <h4 style=\"margin-top: 0;\">Vehicle 3<\/h4>\n              <p>Number of seats: 8<\/p>\n              <p>Typical cost: $80<\/p>\n            <\/div>\n          <\/div>\n        <\/label>\n      <\/div>\n    <\/div>\n    <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-2\">Previous<\/button>\n    <button type=\"button\" class=\"btn btn-primary float-right\" id=\"next-2\">Next<\/button>\n  <\/div>\n<\/div>\n\n<!----------------->\n\n\n\n  <div class=\"row\" style=\"display:none\">\n    <div class=\"col-md-12\">\n      <h3>Step 3<\/h3>\n      <div class=\"form-group\">\n        <label for=\"child-seat\">Do you need a child seat?<\/label>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"child-seat\" id=\"child-seat1\" value=\"yes\" required>\n          <label class=\"form-check-label\" for=\"child-seat1\">\n            Yes\n          <\/label>\n        <\/div>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"child-seat\" id=\"child-seat2\" value=\"no\" required>\n          <label class=\"form-check-label\" for=\"child-seat2\">\n            No\n          <\/label>\n        <\/div>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"water\">Do you need water?<\/label>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"water\" id=\"water1\" value=\"yes\" required>\n          <label class=\"form-check-label\" for=\"water1\">\n            Yes\n          <\/label>\n        <\/div>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"water\" id=\"water2\" value=\"no\" required>\n          <label class=\"form-check-label\" for=\"water2\">\n            No\n          <\/label>\n        <\/div>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"notes\">Notes<\/label>\n        <textarea class=\"form-control\" id=\"notes\" name=\"notes\" rows=\"3\"><\/textarea>\n      <\/div>\n      <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-3\">Previous<\/button>\n      <button type=\"button\" class=\"btn btn-primary float-right\" id=\"next-3\">Next<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"row\" style=\"display:none\">\n    <div class=\"col-md-12\">\n      <h3>Step 4<\/h3>\n      <p>Summary of your choices:<\/p>\n      <ul>\n        <li>From: <span id=\"summary-from\"><\/span>\n\t\t      <\/li>\n        <li>To: <span id=\"summary-to\"><\/span><\/li>\n        <li>Pickup date and time: <span id=\"summary-pick\"><\/span><\/li>\n        <li>Return date and time: <span id=\"summary-return\"><\/span><\/li>\n        <li>Number of passengers: <span id=\"summary-passengers\"><\/span><\/li>\n        <li>Vehicle: <span id=\"summary-vehicle\"><\/span><\/li>\n        <li>Child seat: <span id=\"summary-child-seat\"><\/span><\/li>\n        <li>Water: <span id=\"summary-water\"><\/span><\/li>\n        <li>Notes: <span id=\"summary-notes\"><\/span><\/li>\n      <\/ul>\n      <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-4\">Previous<\/button>\n      <button type=\"submit\" class=\"btn btn-primary float-right\" id=\"submit\">Submit<\/button>\n    <\/div>\n  <\/div>\n<\/form>\n <\/div>\n  <script src=\"https:\/\/code.jquery.com\/jquery-3.2.1.slim.min.js\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.12.9\/umd\/popper.min.js\"><\/script>\n  <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/js\/bootstrap.min.js\"><\/script>\n  <script>\n    $(document).ready(function() {\n      \/\/ Step 1\n      $('#next-1').click(function() {\n        var from = $('#from').val();\n        var to = $('#to').val();\n        var pick = $('#pick').val();\n        var returnDate = $('#return').val();\n        var passengers = $('#passengers').val();\n\n        $('#summary-from').text(from);\n        $('#summary-to').text(to);\n        $('#summary-pick').text(pick);\n        $('#summary-return').text(returnDate);\n        $('#summary-passengers').text(passengers);\n\n        $('.row:nth-child(1)').fadeOut('fast', function() {\n          $('.row:nth-child(2)').fadeIn('fast');\n        });\n      });\n\n      \/\/ Step 2\n      $('#prev-2').click(function() {\n        $('.row:nth-child(2)').fadeOut('fast', function() {\n          $('.row:nth-child(1)').fadeIn('fast');\n        });\n      });\n\n      $('#next-2').click(function() {\n        var vehicle = $('input[name=vehicle]:checked', '#booking-form').val();\n        $('#summary-vehicle').text(vehicle);\n\n        $('.row:nth-child(2)').fadeOut('fast', function() {\n          $('.row:nth-child(3)').fadeIn('fast');\n        });\n      });\n\n      \/\/ Step 3\n      $('#prev-3').click(function() {\n        $('.row:nth-child(3)').fadeOut('fast', function() {\n          $('.row:nth-child(2)').fadeIn('fast');\n        });\n      });\n\n      $('#next-3').click(function() {\n        var childSeat = $('input[name=child-seat]:checked', '#booking-form').val();\n        var water = $('input[name=water]:checked', '#booking-form').val();\n        var notes = $('#notes').val();\n\n        $('#summary-child-seat').text(childSeat);\n        $('#summary-water').text(water);\n        $('#summary-notes').text(notes);\n\n        $('.row:nth-child(3)').fadeOut('fast', function() {\n          $('.row:nth-child(4)').fadeIn('fast');\n        });\n      });\n\n      \/\/ Step 4\n      $('#prev-4').click(function() {\n        $('.row:nth-child(4)').fadeOut('fast', function() {\n          $('.row:nth-child(3)').fadeIn('fast');\t  });\n  });\n\n  $('#booking-form').submit(function(event) {\n    event.preventDefault();\n    \/\/ You can add your form submission logic here.\n    alert('Form submitted successfully!');\n  });\n});\n  <\/script>\n [\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/test2.faster-servers.com\/wp-content\/uploads\/2023\/04\/FOoCX8_VQAELCCs.jpeg&#8221; title_text=&#8221;FOoCX8_VQAELCCs&#8221; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"\n\t\n\n\t\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n  <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/css\/bootstrap.min.css\">\n  <style>\n    button {\n      margin-top: 20px;\n    }\n.step-2 {\n  text-align: left;\n}\n    .float-left {\n      float: left;\n    }\n\n    .float-right {\n      float: right;\n    }\n\n    .row {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .row > div {\n      margin: 0 auto;\n      text-align: center;\n    }\n  <\/style>\n  \n  \n    <div class=\"container\">\n    <form id=\"booking-form\" method=\"post\" action=\"#\">\n <div class=\"row\">\n  <div class=\"col-md-12\">\n    <h3>Step 1<\/h3>\n    <div class=\"form-row\">\n      <div class=\"form-group col-md-6\">\n        <label for=\"from\">From<\/label>\n<input type=\"text\" class=\"form-control\" id=\"from\" name=\"from\" placeholder=\"Enter pickup location\" autocomplete=\"off\" required>\t\t\n\t\t\n      <\/div>\n      <div class=\"form-group col-md-6\">\n        <label for=\"to\">To<\/label>\n<input type=\"text\" class=\"form-control\" id=\"to\" name=\"to\" placeholder=\"Enter drop-off location\" autocomplete=\"off\" required>\n      <\/div>\n    <\/div>\n    <div class=\"form-row\">\n      <div class=\"form-group col-md-6\">\n        <label for=\"passengers\">Number of passengers<\/label>\n        <input type=\"number\" class=\"form-control\" id=\"passengers\" name=\"passengers\" min=\"1\" max=\"10\" required>\n      <\/div>\n      <div class=\"form-group col-md-6\">\n        <label for=\"children\">Number of children<\/label>\n        <input type=\"number\" class=\"form-control\" id=\"children\" name=\"children\" min=\"0\" max=\"10\" required>\n      <\/div>\n    <\/div>\n    <div class=\"form-row\">\n      <div class=\"form-group col-md-6\">\n        <label for=\"pick\">Pickup date and time<\/label>\n        <input type=\"datetime-local\" class=\"form-control\" id=\"pick\" name=\"pick\" required>\n      <\/div>\n      <div class=\"form-group col-md-6\">\n        <label for=\"return\">Return date and time<\/label>\n        <input type=\"datetime-local\" class=\"form-control\" id=\"return\" name=\"return\" required>\n      <\/div>\n    <\/div>\n    <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-1\">Previous<\/button>\n    <button type=\"button\" class=\"btn btn-primary float-right\" id=\"next-1\">Next<\/button>\n  <\/div>\n<\/div>\n\n\n<!------------------>\n\n<div class=\"row\" style=\"display:none\">\n  <div class=\"col-md-12\">\n    <h3>Step 2<\/h3>\n    <div class=\"form-group\">\n      <label for=\"vehicle\">Select a vehicle<\/label>\n      <div class=\"form-check\" style=\"background-color: #f8f9fa; padding: 10px; border: 1px solid #ccc;\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"vehicle\" id=\"vehicle1\" value=\"vehicle1\" required>\n        <label class=\"form-check-label\" for=\"vehicle1\">\n          <div>\n            <img src=\"https:\/\/via.placeholder.com\/150x100.png?text=Vehicle+1\" alt=\"Vehicle 1\" style=\"float:left; margin-right: 10px;\">\n            <div>\n              <h4 style=\"margin-top: 0;\">Vehicle 1<\/h4>\n        \t\t<p>Seats: <span class=\"seats\">4<\/span><\/p>\n        \t\t<p>Distance: <span class=\"distance1\">0<\/span> km<\/p>\n        \t\t<p>Cost: <span class=\"cost1\"><\/span><\/p>\n            <\/div>\n          <\/div>\n        <\/label>\n      <\/div>\n      <div class=\"form-check\" style=\"background-color: #f8f9fa; padding: 10px; border: 1px solid #ccc;\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"vehicle\" id=\"vehicle2\" value=\"vehicle2\" required>\n        <label class=\"form-check-label\" for=\"vehicle2\">\n          <div>\n            <img src=\"https:\/\/via.placeholder.com\/150x100.png?text=Vehicle+2\" alt=\"Vehicle 2\" style=\"float:left; margin-right: 10px;\">\n            <div>\n              <h4 style=\"margin-top: 0;\">Vehicle 2<\/h4>\n              <p>Number of seats: 6<\/p>\n              <p>Typical cost: $60<\/p>\n            <\/div>\n          <\/div>\n        <\/label>\n      <\/div>\n      <div class=\"form-check\" style=\"background-color: #f8f9fa; padding: 10px; border: 1px solid #ccc;\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"vehicle\" id=\"vehicle3\" value=\"vehicle3\" required>\n        <label class=\"form-check-label\" for=\"vehicle3\">\n          <div>\n            <img src=\"https:\/\/via.placeholder.com\/150x100.png?text=Vehicle+3\" alt=\"Vehicle 3\" style=\"float:left; margin-right: 10px;\">\n            <div>\n              <h4 style=\"margin-top: 0;\">Vehicle 3<\/h4>\n              <p>Number of seats: 8<\/p>\n              <p>Typical cost: $80<\/p>\n            <\/div>\n          <\/div>\n        <\/label>\n      <\/div>\n    <\/div>\n    <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-2\">Previous<\/button>\n    <button type=\"button\" class=\"btn btn-primary float-right\" id=\"next-2\">Next<\/button>\n  <\/div>\n<\/div>\n\n<!----------------->\n\n\n\n  <div class=\"row\" style=\"display:none\">\n    <div class=\"col-md-12\">\n      <h3>Step 3<\/h3>\n      <div class=\"form-group\">\n        <label for=\"child-seat\">Do you need a child seat?<\/label>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"child-seat\" id=\"child-seat1\" value=\"yes\" required>\n          <label class=\"form-check-label\" for=\"child-seat1\">\n            Yes\n          <\/label>\n        <\/div>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"child-seat\" id=\"child-seat2\" value=\"no\" required>\n          <label class=\"form-check-label\" for=\"child-seat2\">\n            No\n          <\/label>\n        <\/div>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"water\">Do you need water?<\/label>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"water\" id=\"water1\" value=\"yes\" required>\n          <label class=\"form-check-label\" for=\"water1\">\n            Yes\n          <\/label>\n        <\/div>\n        <div class=\"form-check\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"water\" id=\"water2\" value=\"no\" required>\n          <label class=\"form-check-label\" for=\"water2\">\n            No\n          <\/label>\n        <\/div>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"notes\">Notes<\/label>\n        <textarea class=\"form-control\" id=\"notes\" name=\"notes\" rows=\"3\"><\/textarea>\n      <\/div>\n      <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-3\">Previous<\/button>\n      <button type=\"button\" class=\"btn btn-primary float-right\" id=\"next-3\">Next<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"row\" style=\"display:none\">\n    <div class=\"col-md-12\">\n      <h3>Step 4<\/h3>\n      <p>Summary of your choices:<\/p>\n      <ul>\n        <li>From: <span id=\"summary-from\"><\/span>\n\t\t      <\/li>\n        <li>To: <span id=\"summary-to\"><\/span><\/li>\n        <li>Pickup date and time: <span id=\"summary-pick\"><\/span><\/li>\n        <li>Return date and time: <span id=\"summary-return\"><\/span><\/li>\n        <li>Number of passengers: <span id=\"summary-passengers\"><\/span><\/li>\n        <li>Vehicle: <span id=\"summary-vehicle\"><\/span><\/li>\n        <li>Child seat: <span id=\"summary-child-seat\"><\/span><\/li>\n        <li>Water: <span id=\"summary-water\"><\/span><\/li>\n        <li>Notes: <span id=\"summary-notes\"><\/span><\/li>\n      <\/ul>\n      <button type=\"button\" class=\"btn btn-secondary float-left\" id=\"prev-4\">Previous<\/button>\n      <button type=\"submit\" class=\"btn btn-primary float-right\" id=\"submit\">Submit<\/button>\n    <\/div>\n  <\/div>\n<\/form>\n <\/div>\n  <script src=\"https:\/\/code.jquery.com\/jquery-3.2.1.slim.min.js\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.12.9\/umd\/popper.min.js\"><\/script>\n  <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/js\/bootstrap.min.js\"><\/script>\n  <script>\n    $(document).ready(function() {\n      \/\/ Step 1\n      $('#next-1').click(function() {\n        var from = $('#from').val();\n        var to = $('#to').val();\n        var pick = $('#pick').val();\n        var returnDate = $('#return').val();\n        var passengers = $('#passengers').val();\n\n        $('#summary-from').text(from);\n        $('#summary-to').text(to);\n        $('#summary-pick').text(pick);\n        $('#summary-return').text(returnDate);\n        $('#summary-passengers').text(passengers);\n\n        $('.row:nth-child(1)').fadeOut('fast', function() {\n          $('.row:nth-child(2)').fadeIn('fast');\n        });\n      });\n\n      \/\/ Step 2\n      $('#prev-2').click(function() {\n        $('.row:nth-child(2)').fadeOut('fast', function() {\n          $('.row:nth-child(1)').fadeIn('fast');\n        });\n      });\n\n      $('#next-2').click(function() {\n        var vehicle = $('input[name=vehicle]:checked', '#booking-form').val();\n        $('#summary-vehicle').text(vehicle);\n\n        $('.row:nth-child(2)').fadeOut('fast', function() {\n          $('.row:nth-child(3)').fadeIn('fast');\n        });\n      });\n\n      \/\/ Step 3\n      $('#prev-3').click(function() {\n        $('.row:nth-child(3)').fadeOut('fast', function() {\n          $('.row:nth-child(2)').fadeIn('fast');\n        });\n      });\n\n      $('#next-3').click(function() {\n        var childSeat = $('input[name=child-seat]:checked', '#booking-form').val();\n        var water = $('input[name=water]:checked', '#booking-form').val();\n        var notes = $('#notes').val();\n\n        $('#summary-child-seat').text(childSeat);\n        $('#summary-water').text(water);\n        $('#summary-notes').text(notes);\n\n        $('.row:nth-child(3)').fadeOut('fast', function() {\n          $('.row:nth-child(4)').fadeIn('fast');\n        });\n      });\n\n      \/\/ Step 4\n      $('#prev-4').click(function() {\n        $('.row:nth-child(4)').fadeOut('fast', function() {\n          $('.row:nth-child(3)').fadeIn('fast');\t  });\n  });\n\n  $('#booking-form').submit(function(event) {\n    event.preventDefault();\n    \/\/ You can add your form submission logic here.\n    alert('Form submitted successfully!');\n  });\n});\n  <\/script>\n \n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"_links":{"self":[{"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=\/wp\/v2\/pages\/33"}],"collection":[{"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":7,"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/test2.faster-servers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}