{"id":5573,"date":"2026-04-09T12:35:55","date_gmt":"2026-04-09T12:35:55","guid":{"rendered":"https:\/\/istanbulstroller.com\/modulo-di-prenotazione-passeggini-a-istanbul\/"},"modified":"2026-04-13T12:51:31","modified_gmt":"2026-04-13T12:51:31","slug":"modulo-di-prenotazione-passeggini-a-istanbul","status":"publish","type":"page","link":"https:\/\/istanbulstroller.com\/it\/modulo-di-prenotazione-passeggini-a-istanbul\/","title":{"rendered":"Modulo di prenotazione passeggini a Istanbul"},"content":{"rendered":"        <style>\n            \/* CSS Tasar\u0131m Ayarlar\u0131 *\/\n            .stroller-booking-wrapper {\n                max-width: 700px;\n                margin: 0 auto;\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n                background: #ffffff;\n                padding: 40px;\n                border-radius: 12px;\n                border: 1px solid #e2e8f0;\n                box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n            }\n            .booking-logo {\n                display: block;\n                margin: 0 auto 30px auto;\n                max-width: 200px;\n            }\n            .stroller-booking-wrapper h2 {\n                text-align: center;\n                font-size: 20px;\n                font-weight: 600;\n                margin-bottom: 25px;\n                color: #1a202c;\n            }\n            .booking-row {\n                display: flex;\n                gap: 20px;\n                margin-bottom: 20px;\n            }\n            .booking-col {\n                flex: 1;\n                display: flex;\n                flex-direction: column;\n            }\n            .stroller-booking-wrapper label {\n                font-size: 13px;\n                color: #4a5568;\n                margin-bottom: 6px;\n                font-weight: 500;\n            }\n            .stroller-booking-wrapper input,\n            .stroller-booking-wrapper select,\n            .stroller-booking-wrapper textarea {\n                width: 100%;\n                padding: 12px 15px;\n                background-color: #f7fafc;\n                border: 1px solid #e2e8f0;\n                border-radius: 8px;\n                font-size: 14px;\n                color: #2d3748;\n                transition: all 0.2s ease;\n                box-sizing: border-box;\n            }\n            .stroller-booking-wrapper input:focus,\n            .stroller-booking-wrapper select:focus,\n            .stroller-booking-wrapper textarea:focus {\n                outline: none;\n                border-color: #2752B6;\n                background-color: #ffffff;\n                box-shadow: 0 0 0 3px rgba(39, 82, 182, 0.1);\n            }\n            .stroller-booking-wrapper textarea {\n                resize: vertical;\n                min-height: 100px;\n            }\n            .days-calculator-box {\n                background-color: #ebf0fe;\n                border: 1px dashed #2752B6;\n                padding: 15px;\n                border-radius: 8px;\n                text-align: center;\n                margin-bottom: 20px;\n                color: #2752B6;\n                font-weight: 600;\n                display: none;\n            }\n            .btn-submit-booking {\n                width: 100%;\n                background-color: #2752B6;\n                color: #ffffff;\n                font-weight: 600;\n                font-size: 16px;\n                padding: 15px;\n                border: none;\n                border-radius: 8px;\n                cursor: pointer;\n                transition: background-color 0.2s ease;\n            }\n            .btn-submit-booking:hover {\n                background-color: #1e408f;\n            }\n            \/* Mobil Uyumluluk *\/\n            @media (max-width: 768px) {\n                .booking-row {\n                    flex-direction: column;\n                    gap: 0;\n                }\n                .booking-col {\n                    margin-bottom: 20px;\n                }\n                .stroller-booking-wrapper {\n                    padding: 20px;\n                    border: none;\n                    box-shadow: none;\n                }\n            }\n        <\/style>\n\n        <div class=\"stroller-booking-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/istanbulstroller.com\/wp-content\/uploads\/2026\/03\/istanbul-baby-logo.svg\" alt=\"Istanbul Stroller Logo\" class=\"booking-logo\" title=\"\">\n            <h2>Reservation Details<\/h2>\n            \n            <form method=\"POST\" action=\"\" id=\"strollerBookingForm\">\n                <div class=\"booking-row\">\n                    <div class=\"booking-col\">\n                        <label>First Name<\/label>\n                        <input type=\"text\" name=\"first_name\" required>\n                    <\/div>\n                    <div class=\"booking-col\">\n                        <label>Last Name<\/label>\n                        <input type=\"text\" name=\"last_name\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"booking-row\">\n                    <div class=\"booking-col\">\n                        <label>Email Address<\/label>\n                        <input type=\"email\" name=\"email\" required>\n                    <\/div>\n                    <div class=\"booking-col\">\n                        <label>Phone Number<\/label>\n                        <input type=\"tel\" name=\"phone\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"booking-row\">\n                    <div class=\"booking-col\">\n                        <label>Pickup Date<\/label>\n                        <input type=\"date\" name=\"start_date\" id=\"start_date\" required>\n                    <\/div>\n                    <div class=\"booking-col\">\n                        <label>Pickup Time<\/label>\n                        <input type=\"time\" name=\"start_time\" id=\"start_time\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"booking-row\">\n                    <div class=\"booking-col\">\n                        <label>Return Date<\/label>\n                        <input type=\"date\" name=\"end_date\" id=\"end_date\" required>\n                    <\/div>\n                    <div class=\"booking-col\">\n                        <label>Return Time<\/label>\n                        <input type=\"time\" name=\"end_time\" id=\"end_time\" required>\n                    <\/div>\n                <\/div>\n\n                <div id=\"days_display\" class=\"days-calculator-box\">\n                    Total Rental Duration: <span id=\"calc_days_count\">0<\/span> Day(s)\n                <\/div>\n                <input type=\"hidden\" name=\"calculated_days_input\" id=\"calculated_days_input\" value=\"0\">\n\n                <div class=\"booking-row\">\n                    <div class=\"booking-col\">\n                        <label>Equipment Needed<\/label>\n                        <select name=\"equipment\" required>\n                            <option value=\"\" disabled selected>Select an equipment...<\/option>\n                            <option value=\"Baby Stroller\">Baby Stroller<\/option>\n                            <option value=\"Baby Bouncer\">Baby Bouncer<\/option>\n                            <option value=\"Double Stroller\">Double Stroller<\/option>\n                            <option value=\"Travel Stroller\">Travel Stroller<\/option>\n                            <option value=\"Baby Swing\">Baby Swing<\/option>\n                            <option value=\"Car Seat\">Car Seat<\/option>\n                            <option value=\"High Chair\">High Chair<\/option>\n                            <option value=\"Stroller Wagon\">Stroller Wagon<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n\n                <div class=\"booking-row\">\n                    <div class=\"booking-col\">\n                        <label>Hotel Name or Home Address<\/label>\n                        <textarea name=\"address\" required><\/textarea>\n                    <\/div>\n                <\/div>\n\n                <div class=\"booking-row\">\n                    <div class=\"booking-col\">\n                        <label>Your Message (Optional)<\/label>\n                        <textarea name=\"message\"><\/textarea>\n                    <\/div>\n                <\/div>\n\n                <button type=\"submit\" name=\"submit_stroller_booking\" class=\"btn-submit-booking\">Submit Reservation<\/button>\n            <\/form>\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const startDate = document.getElementById('start_date');\n                const startTime = document.getElementById('start_time');\n                const endDate = document.getElementById('end_date');\n                const endTime = document.getElementById('end_time');\n                const displayBox = document.getElementById('days_display');\n                const countSpan = document.getElementById('calc_days_count');\n                const hiddenInput = document.getElementById('calculated_days_input');\n\n                function calculateRentalDays() {\n                    if (startDate.value && startTime.value && endDate.value && endTime.value) {\n                        const start = new Date(`${startDate.value}T${startTime.value}`);\n                        const end = new Date(`${endDate.value}T${endTime.value}`);\n                        \n                        const diffTime = Math.abs(end - start);\n                        const diffDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24)); \n                        \n                        if (end > start) {\n                            displayBox.style.display = 'block';\n                            countSpan.textContent = diffDays;\n                            hiddenInput.value = diffDays;\n                        } else {\n                            displayBox.style.display = 'none';\n                            hiddenInput.value = 0;\n                        }\n                    }\n                }\n\n                startDate.addEventListener('change', calculateRentalDays);\n                startTime.addEventListener('change', calculateRentalDays);\n                endDate.addEventListener('change', calculateRentalDays);\n                endTime.addEventListener('change', calculateRentalDays);\n            });\n        <\/script>\n        \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5573","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/pages\/5573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/comments?post=5573"}],"version-history":[{"count":1,"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/pages\/5573\/revisions"}],"predecessor-version":[{"id":5574,"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/pages\/5573\/revisions\/5574"}],"wp:attachment":[{"href":"https:\/\/istanbulstroller.com\/it\/wp-json\/wp\/v2\/media?parent=5573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}