Flight Reservation Demo<\/title>\r\n <style>\r\n body {\r\n font-family: 'Arial', sans-serif;\r\n margin: 20px;\r\n }\r\n\r\n label {\r\n font-weight: bold;\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n\r\n input, select {\r\n width: 100%;\r\n padding: 10px;\r\n margin-bottom: 15px;\r\n box-sizing: border-box;\r\n }\r\n\r\n button {\r\n background-color: #007BFF;\r\n color: #fff;\r\n padding: 10px;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n background-color: #0056b3;\r\n }\r\n\r\n \/* Added style for aligning checkboxes in the same line *\/\r\n label.checkbox-label {\r\n display: inline-block;\r\n margin-right: 10px;\r\n }\r\n\r\n input[type=\"checkbox\"] {\r\n display: inline-block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h2>Flight Reservation<\/h2>\r\n\r\n <label for=\"from\">From:<\/label>\r\n <input type=\"text\" id=\"from\" name=\"from\" placeholder=\"Departure city\">\r\n\r\n <label for=\"to\">To:<\/label>\r\n <input type=\"text\" id=\"to\" name=\"to\" placeholder=\"Destination city\">\r\n\r\n <label for=\"departureDate\">Departure Date:<\/label>\r\n <input type=\"date\" id=\"departureDate\" name=\"departureDate\">\r\n\r\n <label for=\"returnDate\">Return Date:<\/label>\r\n <input type=\"date\" id=\"returnDate\" name=\"returnDate\">\r\n\r\n <label for=\"currency\">Currency:<\/label>\r\n <select id=\"currency\" name=\"currency\">\r\n <option value=\"USD\">US Dollar (USD)<\/option>\r\n <option value=\"EUR\">Euro (EUR)<\/option>\r\n <option value=\"GBP\">British Pound (GBP)<\/option>\r\n <option value=\"JPY\">Japanese Yen (JPY)<\/option>\r\n <option value=\"INR\">Indian Rupee (INR)<\/option>\r\n \r\n <\/select>\r\n\r\n <label for=\"passengerCount\">Passenger Count:<\/label>\r\n <select id=\"passengerCount\" name=\"passengerCount\">\r\n <option value=\"1\">1 Passenger<\/option>\r\n <option value=\"2\">2 Passengers<\/option>\r\n <option value=\"3\">3 Passengers<\/option>\r\n \r\n <\/select>\r\n\r\n \r\n <label class=\"checkbox-label\" for=\"seniorCitizen\">Senior Citizen:<\/label>\r\n <input type=\"checkbox\" id=\"seniorCitizen\" name=\"seniorCitizen\">\r\n\r\n <label class=\"checkbox-label\" for=\"student\">Student:<\/label>\r\n <input type=\"checkbox\" id=\"student\" name=\"student\">\r\n\r\n <button onclick=\"reserveFlight()\">Reserve Flight<\/button>\r\n\r\n <div id=\"reservationResult\"><\/div>\r\n\r\n <script>\r\n function reserveFlight() {\r\n var from = document.getElementById(\"from\").value;\r\n var to = document.getElementById(\"to\").value;\r\n var departureDate = document.getElementById(\"departureDate\").value;\r\n var returnDate = document.getElementById(\"returnDate\").value;\r\n var currency = document.getElementById(\"currency\").value;\r\n var passengerCount = document.getElementById(\"passengerCount\").value;\r\n var isSeniorCitizen = document.getElementById(\"seniorCitizen\").checked;\r\n var isStudent = document.getElementById(\"student\").checked;\r\n\r\n var reservationResult = document.getElementById(\"reservationResult\");\r\n reservationResult.innerHTML = `\r\n <h3>Reservation Successful!<\/h3>\r\n <p>From: ${from}<\/p>\r\n <p>To: ${to}<\/p>\r\n <p>Departure Date: ${departureDate}<\/p>\r\n <p>Return Date: ${returnDate}<\/p>\r\n <p>Currency: ${currency}<\/p>\r\n <p>Passenger Count: ${passengerCount}<\/p>\r\n <p>Senior Citizen: ${isSeniorCitizen ? 'Yes' : 'No'}<\/p>\r\n <p>Student: ${isStudent ? 'Yes' : 'No'}<\/p>\r\n `;\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fec06f e-flex e-con-boxed e-con e-parent\" data-id=\"9fec06f\" data-element_type=\"container\" data-settings=\"{"content_width":"boxed"}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flight Reservation Demo Flight Reservation From: To: Departure Date: Return Date: Currency: US Dollar (USD)Euro (EUR)British Pound (GBP)Japanese Yen (JPY)Indian Rupee (INR) Passenger Count: 1 Passenger2 Passengers3 Passengers Senior Citizen: Student: Reserve Flight<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-1297","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages\/1297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/comments?post=1297"}],"version-history":[{"count":7,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages\/1297\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages\/1297\/revisions\/1304"}],"wp:attachment":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/media?parent=1297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Flight Reservation Demo<\/title>\r\n <style>\r\n body {\r\n font-family: 'Arial', sans-serif;\r\n margin: 20px;\r\n }\r\n\r\n label {\r\n font-weight: bold;\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n\r\n input, select {\r\n width: 100%;\r\n padding: 10px;\r\n margin-bottom: 15px;\r\n box-sizing: border-box;\r\n }\r\n\r\n button {\r\n background-color: #007BFF;\r\n color: #fff;\r\n padding: 10px;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n background-color: #0056b3;\r\n }\r\n\r\n \/* Added style for aligning checkboxes in the same line *\/\r\n label.checkbox-label {\r\n display: inline-block;\r\n margin-right: 10px;\r\n }\r\n\r\n input[type=\"checkbox\"] {\r\n display: inline-block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h2>Flight Reservation<\/h2>\r\n\r\n <label for=\"from\">From:<\/label>\r\n <input type=\"text\" id=\"from\" name=\"from\" placeholder=\"Departure city\">\r\n\r\n <label for=\"to\">To:<\/label>\r\n <input type=\"text\" id=\"to\" name=\"to\" placeholder=\"Destination city\">\r\n\r\n <label for=\"departureDate\">Departure Date:<\/label>\r\n <input type=\"date\" id=\"departureDate\" name=\"departureDate\">\r\n\r\n <label for=\"returnDate\">Return Date:<\/label>\r\n <input type=\"date\" id=\"returnDate\" name=\"returnDate\">\r\n\r\n <label for=\"currency\">Currency:<\/label>\r\n <select id=\"currency\" name=\"currency\">\r\n <option value=\"USD\">US Dollar (USD)<\/option>\r\n <option value=\"EUR\">Euro (EUR)<\/option>\r\n <option value=\"GBP\">British Pound (GBP)<\/option>\r\n <option value=\"JPY\">Japanese Yen (JPY)<\/option>\r\n <option value=\"INR\">Indian Rupee (INR)<\/option>\r\n \r\n <\/select>\r\n\r\n <label for=\"passengerCount\">Passenger Count:<\/label>\r\n <select id=\"passengerCount\" name=\"passengerCount\">\r\n <option value=\"1\">1 Passenger<\/option>\r\n <option value=\"2\">2 Passengers<\/option>\r\n <option value=\"3\">3 Passengers<\/option>\r\n \r\n <\/select>\r\n\r\n \r\n <label class=\"checkbox-label\" for=\"seniorCitizen\">Senior Citizen:<\/label>\r\n <input type=\"checkbox\" id=\"seniorCitizen\" name=\"seniorCitizen\">\r\n\r\n <label class=\"checkbox-label\" for=\"student\">Student:<\/label>\r\n <input type=\"checkbox\" id=\"student\" name=\"student\">\r\n\r\n <button onclick=\"reserveFlight()\">Reserve Flight<\/button>\r\n\r\n <div id=\"reservationResult\"><\/div>\r\n\r\n <script>\r\n function reserveFlight() {\r\n var from = document.getElementById(\"from\").value;\r\n var to = document.getElementById(\"to\").value;\r\n var departureDate = document.getElementById(\"departureDate\").value;\r\n var returnDate = document.getElementById(\"returnDate\").value;\r\n var currency = document.getElementById(\"currency\").value;\r\n var passengerCount = document.getElementById(\"passengerCount\").value;\r\n var isSeniorCitizen = document.getElementById(\"seniorCitizen\").checked;\r\n var isStudent = document.getElementById(\"student\").checked;\r\n\r\n var reservationResult = document.getElementById(\"reservationResult\");\r\n reservationResult.innerHTML = `\r\n <h3>Reservation Successful!<\/h3>\r\n <p>From: ${from}<\/p>\r\n <p>To: ${to}<\/p>\r\n <p>Departure Date: ${departureDate}<\/p>\r\n <p>Return Date: ${returnDate}<\/p>\r\n <p>Currency: ${currency}<\/p>\r\n <p>Passenger Count: ${passengerCount}<\/p>\r\n <p>Senior Citizen: ${isSeniorCitizen ? 'Yes' : 'No'}<\/p>\r\n <p>Student: ${isStudent ? 'Yes' : 'No'}<\/p>\r\n `;\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fec06f e-flex e-con-boxed e-con e-parent\" data-id=\"9fec06f\" data-element_type=\"container\" data-settings=\"{"content_width":"boxed"}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flight Reservation Demo Flight Reservation From: To: Departure Date: Return Date: Currency: US Dollar (USD)Euro (EUR)British Pound (GBP)Japanese Yen (JPY)Indian Rupee (INR) Passenger Count: 1 Passenger2 Passengers3 Passengers Senior Citizen: Student: Reserve Flight<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-1297","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages\/1297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/comments?post=1297"}],"version-history":[{"count":7,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages\/1297\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/pages\/1297\/revisions\/1304"}],"wp:attachment":[{"href":"https:\/\/edwheel.com\/index.php\/wp-json\/wp\/v2\/media?parent=1297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}