{"id":362,"date":"2026-06-10T06:03:42","date_gmt":"2026-06-10T06:03:42","guid":{"rendered":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/?page_id=362"},"modified":"2026-06-10T08:23:16","modified_gmt":"2026-06-10T08:23:16","slug":"booking","status":"publish","type":"page","link":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"362\" class=\"elementor elementor-362\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe07720 e-con e-atomic-element e-flexbox-base e-fe07720-28fac7a \" data-id=\"fe07720\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fe07720\">\n    <div class=\"elementor-element elementor-element-d0c6c44 e-flex e-con-boxed e-con e-parent\" data-id=\"d0c6c44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a436c94 elementor-widget elementor-widget-html\" data-id=\"a436c94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.booking-wrapper{\r\n    max-width:500px;\r\n    margin:auto;\r\n    background:#fff;\r\n    padding:30px;\r\n    border-radius:15px;\r\n    box-shadow:0 0 10px rgba(0,0,0,.1);\r\n}\r\n\r\n.booking-top h2{\r\n    text-align:center;\r\n    margin-bottom:30px;\r\n    font-size:25px;\r\n    font-weight:700;\r\n}\r\n\r\n.booking-row{\r\n    display:flex;\r\n    margin-bottom:15px;\r\n    align-items:center;\r\n}\r\n\r\n.booking-row .label{\r\n    width:auto;\r\n    font-weight:700;\r\n}\r\n\r\n.booking-row .line{\r\n    flex:1;\r\n    border-bottom:2px solid #ddd;\r\n    margin:0 15px;\r\n    border-radius: 100%;\r\n}\r\n\r\n.booking-row .value{\r\n    font-weight:700;\r\n}\r\n\r\n.price{\r\n    color:#58b84f;\r\n    font-size:16px;\r\n}\r\n\r\n.contact-heading{\r\n    text-align:center;\r\n    font-size:30px;\r\n    font-weight:700;\r\n    margin-top:40px;\r\n    margin-bottom:30px;\r\n    border-top:2px solid #e31e24;\r\n    padding-top:25px;\r\n}\r\n\r\n.booking-form input,\r\n.booking-form textarea,\r\n.booking-form select{\r\n    width:100%;\r\n    border:1px solid #ddd;\r\n    border-radius:8px;\r\n    padding:8px;\r\n    font-size:16px;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.date-time{\r\n    display:flex;\r\n    gap:15px;\r\n}\r\n\r\n.date-time > div{\r\n    width:50%;\r\n}\r\n\r\n.booking-form textarea{\r\n    height:150px;\r\n    resize:none;\r\n}\r\n\r\n.booking-btn {\r\n    width: 100%;\r\n    background: #e31e24;\r\n    border: none;\r\n    padding: 14px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 8px;\r\n    cursor: pointer !important;\r\n    color: #fff !important;\r\n}\r\n\r\n.booking-btn:hover{\r\n    background:#1b1c1c;\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n.booking-row{\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.booking-row .line{\r\n    display:none;\r\n}\r\n\r\n.booking-row .label{\r\n    width:100%;\r\n    margin-bottom:5px;\r\n}\r\n\r\n.date-time{\r\n    flex-direction:column;\r\n}\r\n\r\n.date-time > div{\r\n    width:100%;\r\n}\r\n\r\n.contact-heading{\r\n    font-size:20px;\r\n}\r\n\r\n.booking-top h2{\r\n    font-size:18px;\r\n}\r\n\r\n.price{\r\n    font-size:22px;\r\n}\r\n}\r\n<\/style>\r\n\r\n<div class=\"booking-wrapper\">\r\n\r\n    <div class=\"booking-top\">\r\n\r\n        <h2>Oneway Tour Booking Details.<\/h2>\r\n\r\n        <div class=\"booking-row\">\r\n            <div class=\"label\">Going From:<\/div>\r\n            <div class=\"line\"><\/div>\r\n            <div class=\"value\" id=\"fromCity\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"booking-row\">\r\n            <div class=\"label\">Going To:<\/div>\r\n            <div class=\"line\"><\/div>\r\n            <div class=\"value\" id=\"toCity\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"booking-row\">\r\n            <div class=\"label\">Selected Car:<\/div>\r\n            <div class=\"line\"><\/div>\r\n            <div class=\"value\" id=\"carName\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"booking-row\">\r\n            <div class=\"label\">Car Price:<\/div>\r\n            <div class=\"line\"><\/div>\r\n            <div class=\"value price\">\r\n                \u20b9<span id=\"carPrice\"><\/span>\/- Inc. of Taxes*\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"contact-heading\">\r\n        Contact & Pickup Details\r\n    <\/div>\r\n\r\n    <form class=\"booking-form\" method=\"post\">\r\n        <input type=\"hidden\" name=\"gill_booking_submit\" value=\"1\">\r\n        <input type=\"hidden\" id=\"fromField\" name=\"from_city\">\r\n        <input type=\"hidden\" id=\"toField\" name=\"to_city\">\r\n        <input type=\"hidden\" id=\"carField\" name=\"car_name\">\r\n        <input type=\"hidden\" id=\"priceField\" name=\"car_price\">\r\n        <input type=\"text\" name=\"name\" placeholder=\"Name *\" required>\r\n        <input type=\"tel\" name=\"phone\" placeholder=\"Phone *\" required>\r\n        <div class=\"date-time\">\r\n\r\n    <div>\r\n        <input type=\"date\" id=\"bookingDate\" name=\"date\" required>\r\n    <\/div>\r\n\r\n    <div>\r\n        <select id=\"bookingTime\" name=\"time\"><\/select>\r\n    <\/div>\r\n\r\n<\/div>\r\n        <input type=\"text\" name=\"pickup_address\" placeholder=\"Pick up Address *\">\r\n        <input type=\"email\" name=\"email\" placeholder=\"Email (Optional)\">\r\n        <textarea name=\"message\" placeholder=\"Special Instructions (Optional Message)\"><\/textarea>\r\n        <button type=\"submit\" class=\"booking-btn\">\r\n            Book My Ride\r\n        <\/button>\r\n\r\n    <\/form>\r\n<\/div>\r\n\r\n\r\n<script>\r\n  const params = new URLSearchParams(window.location.search);\r\n\r\n  let from = params.get(\"from\") || \"\";\r\n  let to = params.get(\"to\") || \"\";\r\n  let car = params.get(\"car\") || \"\";\r\n  let price = params.get(\"price\") || \"\";\r\n\r\n  document.getElementById(\"fromCity\").innerText = from;\r\n  document.getElementById(\"toCity\").innerText = to;\r\n  document.getElementById(\"carName\").innerText = car;\r\n  document.getElementById(\"carPrice\").innerText = price;\r\n\r\n  \/\/ Hidden fields for email\r\n  document.getElementById(\"fromField\").value = from;\r\n  document.getElementById(\"toField\").value = to;\r\n  document.getElementById(\"carField\").value = car;\r\n  document.getElementById(\"priceField\").value = price;\r\n<\/script>\r\n\r\n<script>\r\n\r\n\/\/ Current Date\r\nconst today = new Date();\r\ndocument.getElementById(\"bookingDate\").value =\r\ntoday.toISOString().split('T')[0];\r\n\r\n\/\/ Generate time options with AM\/PM\r\nconst timeSelect = document.getElementById(\"bookingTime\");\r\n\r\nfor(let hour = 0; hour < 24; hour++){\r\n    for(let min = 0; min < 60; min += 30){\r\n\r\n        let displayHour = hour % 12;\r\n        displayHour = displayHour ? displayHour : 12;\r\n\r\n        let ampm = hour < 12 ? \"AM\" : \"PM\";\r\n\r\n        let displayMin = min === 0 ? \"00\" : min;\r\n\r\n        let timeText =\r\n            displayHour + \":\" +\r\n            displayMin.toString().padStart(2,\"0\") +\r\n            \" \" + ampm;\r\n\r\n        let option = document.createElement(\"option\");\r\n        option.value = timeText;\r\n        option.text = timeText;\r\n\r\n        timeSelect.appendChild(option);\r\n    }\r\n}\r\n\r\n\/\/ Select nearest current time\r\nlet currentHour = today.getHours();\r\nlet currentMin = today.getMinutes();\r\n\r\ncurrentMin = currentMin < 30 ? \"00\" : \"30\";\r\n\r\nlet currentDisplayHour = currentHour % 12;\r\ncurrentDisplayHour = currentDisplayHour ? currentDisplayHour : 12;\r\n\r\nlet currentAmpm = currentHour < 12 ? \"AM\" : \"PM\";\r\n\r\nlet currentTime =\r\n    currentDisplayHour + \":\" +\r\n    currentMin +\r\n    \" \" + currentAmpm;\r\n\r\ntimeSelect.value = currentTime;\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Oneway Tour Booking Details. Going From: Going To: Selected Car: Car Price: \u20b9\/- Inc. of Taxes* Contact &#038; Pickup Details Book My Ride<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":40,"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/pages\/362\/revisions\/429"}],"wp:attachment":[{"href":"https:\/\/hirephpdeveloperindia.com\/gilltravels\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}