{"id":7,"date":"2026-03-18T09:05:40","date_gmt":"2026-03-18T09:05:40","guid":{"rendered":"https:\/\/demo.sipsti.ee\/booking\/"},"modified":"2026-03-18T09:05:40","modified_gmt":"2026-03-18T09:05:40","slug":"booking","status":"publish","type":"page","link":"https:\/\/demo.sipsti.ee\/booking\/","title":{"rendered":"Broneerimine"},"content":{"rendered":"        <div id=\"hc-booking-form\"\n             class=\"hc-booking-form\"\n             data-api-url=\"https:\/\/demo.sipsti.ee\/en\/wp-json\/hicar\/v1\/\"\n             data-nonce=\"e9bc2b48f7\"\n             data-home-url=\"https:\/\/demo.sipsti.ee\/en\/\"\n             data-vehicle-id=\"0\"\n             data-start-date=\"\"\n             data-end-date=\"\"\n             data-is-logged-in=\"0\"\n             data-user='{&quot;first_name&quot;:&quot;&quot;,&quot;last_name&quot;:&quot;&quot;,&quot;email&quot;:&quot;&quot;,&quot;phone&quot;:&quot;&quot;}'\n             data-locations='[{&quot;id&quot;:&quot;1&quot;,&quot;name&quot;:&quot;Tallinna peakontor&quot;,&quot;address&quot;:&quot;P\\u00e4rnu mnt 10&quot;,&quot;city&quot;:&quot;Tallinn&quot;},{&quot;id&quot;:&quot;2&quot;,&quot;name&quot;:&quot;Tartu kontor&quot;,&quot;address&quot;:&quot;Riia mnt 15&quot;,&quot;city&quot;:&quot;Tartu&quot;},{&quot;id&quot;:&quot;3&quot;,&quot;name&quot;:&quot;Tartu kontor&quot;,&quot;address&quot;:&quot;Riia mnt 15&quot;,&quot;city&quot;:&quot;Tartu&quot;}]'\n             data-extras='[{&quot;id&quot;:&quot;1&quot;,&quot;name&quot;:&quot;GPS navigaator&quot;,&quot;slug&quot;:&quot;gps-navigaator&quot;,&quot;description&quot;:&quot;Garmin GPS seade&quot;,&quot;category&quot;:&quot;general&quot;,&quot;price&quot;:&quot;7.50&quot;,&quot;price_type&quot;:&quot;daily&quot;,&quot;is_required&quot;:&quot;0&quot;,&quot;max_quantity&quot;:&quot;1&quot;,&quot;icon&quot;:&quot;navigation&quot;,&quot;sort_order&quot;:&quot;0&quot;,&quot;status&quot;:&quot;active&quot;,&quot;created_at&quot;:&quot;2026-03-18 14:35:56&quot;},{&quot;id&quot;:&quot;6&quot;,&quot;name&quot;:&quot;Laste turvatool&quot;,&quot;slug&quot;:&quot;laste-turvatool&quot;,&quot;description&quot;:&quot;Turvatool lastele kuni 12a&quot;,&quot;category&quot;:&quot;safety&quot;,&quot;price&quot;:&quot;10.00&quot;,&quot;price_type&quot;:&quot;flat&quot;,&quot;is_required&quot;:&quot;0&quot;,&quot;max_quantity&quot;:&quot;1&quot;,&quot;icon&quot;:&quot;&quot;,&quot;sort_order&quot;:&quot;0&quot;,&quot;status&quot;:&quot;active&quot;,&quot;created_at&quot;:&quot;2026-03-18 14:45:15&quot;},{&quot;id&quot;:&quot;7&quot;,&quot;name&quot;:&quot;Lisajuht&quot;,&quot;slug&quot;:&quot;lisajuht&quot;,&quot;description&quot;:&quot;Lisajuhi registreerimine&quot;,&quot;category&quot;:&quot;general&quot;,&quot;price&quot;:&quot;5.00&quot;,&quot;price_type&quot;:&quot;daily&quot;,&quot;is_required&quot;:&quot;0&quot;,&quot;max_quantity&quot;:&quot;1&quot;,&quot;icon&quot;:&quot;&quot;,&quot;sort_order&quot;:&quot;0&quot;,&quot;status&quot;:&quot;active&quot;,&quot;created_at&quot;:&quot;2026-03-18 14:45:15&quot;}]'\n             data-confirmation-url=\"https:\/\/demo.sipsti.ee\/en\/booking-confirmation\/\"\n             data-lang=\"en\">\n\n            <!-- Sammude indikaator -->\n            <div class=\"hc-booking-steps\" style=\"display: flex; justify-content: center; gap: 40px; margin-bottom: 48px;\">\n                <div class=\"hc-booking-step active\" style=\"text-align: center;\">\n                    <div style=\"width: 40px; height: 40px; border-radius: 50%; background: var(--hc-primary); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; font-weight: 700;\">1<\/div>\n                    <span style=\"font-size: 0.8rem; color: var(--hc-gray-600);\">Choose Vehicle<\/span>\n                <\/div>\n                <div class=\"hc-booking-step\" style=\"text-align: center;\">\n                    <div style=\"width: 40px; height: 40px; border-radius: 50%; background: var(--hc-gray-200); color: var(--hc-gray-500); display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; font-weight: 700;\">2<\/div>\n                    <span style=\"font-size: 0.8rem; color: var(--hc-gray-400);\">Details<\/span>\n                <\/div>\n                <div class=\"hc-booking-step\" style=\"text-align: center;\">\n                    <div style=\"width: 40px; height: 40px; border-radius: 50%; background: var(--hc-gray-200); color: var(--hc-gray-500); display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; font-weight: 700;\">3<\/div>\n                    <span style=\"font-size: 0.8rem; color: var(--hc-gray-400);\">Payment<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Step 1: S\u00f5iduk ja kuup\u00e4evad -->\n            <div class=\"hc-step\" data-step=\"1\">\n                <h3 class=\"hc-step__title\">Choose Vehicle and Dates<\/h3>\n\n                <!-- S\u00f5iduki valija -->\n                <div class=\"hc-booking-vehicle-select\" id=\"hc-vehicle-select\">\n                                            <div class=\"hc-form-group\">\n                            <label for=\"hc-vehicle-search\">Vehicle *<\/label>\n                            <select id=\"hc-vehicle-search\" name=\"vehicle_id\" required>\n                                <option value=\"\">Choose a vehicle...<\/option>\n                            <\/select>\n                        <\/div>\n                                    <\/div>\n\n                <!-- Kuup\u00e4evad -->\n                <div class=\"hc-booking-dates\">\n                    <div class=\"hc-form-group\">\n                        <label for=\"hc-start-date\">Start Date *<\/label>\n                        <input type=\"date\" id=\"hc-start-date\" name=\"start_date\"\n                               min=\"2026-05-17\"\n                               value=\"\"\n                               required>\n                    <\/div>\n                    <div class=\"hc-form-group\">\n                        <label for=\"hc-end-date\">End Date *<\/label>\n                        <input type=\"date\" id=\"hc-end-date\" name=\"end_date\"\n                               min=\"2026-05-18\"\n                               value=\"\"\n                               required>\n                    <\/div>\n                    <div class=\"hc-form-group\">\n                        <label for=\"hc-pickup-time\">Start Time<\/label>\n                        <select id=\"hc-pickup-time\" name=\"pickup_time\">\n                                                            <option value=\"07:00\" >07:00<\/option>\n                                                            <option value=\"08:00\" >08:00<\/option>\n                                                            <option value=\"09:00\" >09:00<\/option>\n                                                            <option value=\"10:00\" selected>10:00<\/option>\n                                                            <option value=\"11:00\" >11:00<\/option>\n                                                            <option value=\"12:00\" >12:00<\/option>\n                                                            <option value=\"13:00\" >13:00<\/option>\n                                                            <option value=\"14:00\" >14:00<\/option>\n                                                            <option value=\"15:00\" >15:00<\/option>\n                                                            <option value=\"16:00\" >16:00<\/option>\n                                                            <option value=\"17:00\" >17:00<\/option>\n                                                            <option value=\"18:00\" >18:00<\/option>\n                                                            <option value=\"19:00\" >19:00<\/option>\n                                                            <option value=\"20:00\" >20:00<\/option>\n                                                            <option value=\"21:00\" >21:00<\/option>\n                                                    <\/select>\n                    <\/div>\n                    <div class=\"hc-form-group\">\n                        <label for=\"hc-return-time\">End Time<\/label>\n                        <select id=\"hc-return-time\" name=\"return_time\">\n                                                            <option value=\"07:00\" >07:00<\/option>\n                                                            <option value=\"08:00\" >08:00<\/option>\n                                                            <option value=\"09:00\" >09:00<\/option>\n                                                            <option value=\"10:00\" selected>10:00<\/option>\n                                                            <option value=\"11:00\" >11:00<\/option>\n                                                            <option value=\"12:00\" >12:00<\/option>\n                                                            <option value=\"13:00\" >13:00<\/option>\n                                                            <option value=\"14:00\" >14:00<\/option>\n                                                            <option value=\"15:00\" >15:00<\/option>\n                                                            <option value=\"16:00\" >16:00<\/option>\n                                                            <option value=\"17:00\" >17:00<\/option>\n                                                            <option value=\"18:00\" >18:00<\/option>\n                                                            <option value=\"19:00\" >19:00<\/option>\n                                                            <option value=\"20:00\" >20:00<\/option>\n                                                            <option value=\"21:00\" >21:00<\/option>\n                                                    <\/select>\n                    <\/div>\n                <\/div>\n\n                <!-- Asukohad -->\n                <div class=\"hc-booking-locations\">\n                    <div class=\"hc-form-group\">\n                        <label for=\"hc-pickup-location\">V\u00e4ljastuskoht<\/label>\n                        <select id=\"hc-pickup-location\" name=\"pickup_location\">\n                            <option value=\"\">Default Location<\/option>\n                                                            <option value=\"1\">Tallinna peakontor \u2014 P\u00e4rnu mnt 10<\/option>\n                                                            <option value=\"2\">Tartu kontor \u2014 Riia mnt 15<\/option>\n                                                            <option value=\"3\">Tartu kontor \u2014 Riia mnt 15<\/option>\n                                                    <\/select>\n                    <\/div>\n                    <div class=\"hc-form-group\">\n                        <label for=\"hc-return-location\">Tagastuskoht<\/label>\n                        <select id=\"hc-return-location\" name=\"return_location\">\n                            <option value=\"\">Same Location<\/option>\n                                                            <option value=\"1\">Tallinna peakontor \u2014 P\u00e4rnu mnt 10<\/option>\n                                                            <option value=\"2\">Tartu kontor \u2014 Riia mnt 15<\/option>\n                                                            <option value=\"3\">Tartu kontor \u2014 Riia mnt 15<\/option>\n                                                    <\/select>\n                    <\/div>\n                <\/div>\n\n                <!-- Hinna eelvaade -->\n                <div class=\"hc-price-preview\" id=\"hc-price-preview\" style=\"display: none;\">\n                    <h4>Price Calculation<\/h4>\n                    <div class=\"hc-price-preview__rows\">\n                        <div class=\"hc-price-row\">\n                            <span>Rental Price (<span id=\"hc-pp-days\">0<\/span> days \u00d7 <span id=\"hc-pp-rate\">0<\/span>\u20ac)<\/span>\n                            <span id=\"hc-pp-subtotal\">0,00\u20ac<\/span>\n                        <\/div>\n                        <div class=\"hc-price-row\" id=\"hc-pp-discount-row\" style=\"display: none;\">\n                            <span style=\"color: var(--hc-success);\">Long-term Discount<\/span>\n                            <span style=\"color: var(--hc-success);\" id=\"hc-pp-discount\">\u22120,00\u20ac<\/span>\n                        <\/div>\n                        <div class=\"hc-price-row\" id=\"hc-pp-extras-row\" style=\"display: none;\">\n                            <span>Add-on Services<\/span>\n                            <span id=\"hc-pp-extras-total\">0,00\u20ac<\/span>\n                        <\/div>\n                        <div class=\"hc-price-row\">\n                            <span>VAT (<span id=\"hc-pp-tax-rate\">22<\/span>%)<\/span>\n                            <span id=\"hc-pp-tax\">0,00\u20ac<\/span>\n                        <\/div>\n                        <div class=\"hc-price-row hc-price-row--total\">\n                            <span>Total<\/span>\n                            <span id=\"hc-pp-total\">0,00\u20ac<\/span>\n                        <\/div>\n                        <div class=\"hc-price-row\" id=\"hc-pp-deposit-row\" style=\"display: none;\">\n                            <span style=\"color: var(--hc-gray-500);\">Security Deposit<\/span>\n                            <span style=\"color: var(--hc-gray-500);\" id=\"hc-pp-deposit\">0,00\u20ac<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; justify-content: flex-end; margin-top: 24px;\">\n                    <button type=\"button\" class=\"hc-btn hc-btn--primary hc-btn--lg hc-step-next\" data-next=\"2\"\n                            id=\"hc-step1-next\" disabled>\n                        Next \u2192\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Step 2: Kliendi andmed ja lisad -->\n            <div class=\"hc-step\" data-step=\"2\" style=\"display: none;\">\n                <h3 class=\"hc-step__title\">Your Details and Add-on Services<\/h3>\n\n                <div class=\"hc-booking-customer\">\n                    <div class=\"hc-booking-customer__grid\">\n                        <div class=\"hc-form-group\">\n                            <label for=\"hc-first-name\">First Name *<\/label>\n                            <input type=\"text\" id=\"hc-first-name\" name=\"first_name\"\n                                   value=\"\" required>\n                        <\/div>\n                        <div class=\"hc-form-group\">\n                            <label for=\"hc-last-name\">Last Name *<\/label>\n                            <input type=\"text\" id=\"hc-last-name\" name=\"last_name\"\n                                   value=\"\" required>\n                        <\/div>\n                        <div class=\"hc-form-group\">\n                            <label for=\"hc-email\">Email *<\/label>\n                            <input type=\"email\" id=\"hc-email\" name=\"email\"\n                                   value=\"\" required>\n                        <\/div>\n                        <div class=\"hc-form-group\">\n                            <label for=\"hc-phone\">Phone *<\/label>\n                            <input type=\"tel\" id=\"hc-phone\" name=\"phone\"\n                                   value=\"\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"hc-form-group\" style=\"margin-top: 16px;\">\n                        <label for=\"hc-notes\">Notes (optional)<\/label>\n                        <textarea id=\"hc-notes\" name=\"notes\" rows=\"3\"\n                                  placeholder=\"Special requests, flight info, etc...\"><\/textarea>\n                    <\/div>\n                <\/div>\n\n                <!-- Lisateenused -->\n                                    <div class=\"hc-booking-extras\" style=\"margin-top: 24px;\">\n                        <h4 style=\"margin-bottom: 16px;\">Add-on Services<\/h4>\n                        <div class=\"hc-extras-grid\">\n                                                            <label class=\"hc-extra-card\" for=\"hc-extra-1\">\n                                    <input type=\"checkbox\"\n                                           id=\"hc-extra-1\"\n                                           name=\"extras[]\"\n                                           value=\"1\"\n                                           data-price=\"7.50\"\n                                           data-price-type=\"daily\">\n                                    <div class=\"hc-extra-card__content\">\n                                                                                    <span style=\"font-size: 1.5rem;\">navigation<\/span>\n                                                                                <div>\n                                            <strong>GPS navigaator<\/strong>\n                                                                                            <span style=\"display: block; color: var(--hc-gray-500); font-size: var(--hc-text-xs);\">Garmin GPS seade<\/span>\n                                                                                    <\/div>\n                                        <span class=\"hc-extra-card__price\">\n                                            7,50\u20ac\n                                            \/ day                                        <\/span>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"hc-extra-card\" for=\"hc-extra-6\">\n                                    <input type=\"checkbox\"\n                                           id=\"hc-extra-6\"\n                                           name=\"extras[]\"\n                                           value=\"6\"\n                                           data-price=\"10.00\"\n                                           data-price-type=\"flat\">\n                                    <div class=\"hc-extra-card__content\">\n                                                                                <div>\n                                            <strong>Laste turvatool<\/strong>\n                                                                                            <span style=\"display: block; color: var(--hc-gray-500); font-size: var(--hc-text-xs);\">Turvatool lastele kuni 12a<\/span>\n                                                                                    <\/div>\n                                        <span class=\"hc-extra-card__price\">\n                                            10,00\u20ac\n                                                                                    <\/span>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"hc-extra-card\" for=\"hc-extra-7\">\n                                    <input type=\"checkbox\"\n                                           id=\"hc-extra-7\"\n                                           name=\"extras[]\"\n                                           value=\"7\"\n                                           data-price=\"5.00\"\n                                           data-price-type=\"daily\">\n                                    <div class=\"hc-extra-card__content\">\n                                                                                <div>\n                                            <strong>Lisajuht<\/strong>\n                                                                                            <span style=\"display: block; color: var(--hc-gray-500); font-size: var(--hc-text-xs);\">Lisajuhi registreerimine<\/span>\n                                                                                    <\/div>\n                                        <span class=\"hc-extra-card__price\">\n                                            5,00\u20ac\n                                            \/ day                                        <\/span>\n                                    <\/div>\n                                <\/label>\n                                                    <\/div>\n                    <\/div>\n                \n                <div style=\"display: flex; justify-content: space-between; margin-top: 24px;\">\n                    <button type=\"button\" class=\"hc-btn hc-btn--secondary hc-btn--lg hc-step-prev\" data-prev=\"1\">\n                        \u2190 Back                    <\/button>\n                    <button type=\"button\" class=\"hc-btn hc-btn--primary hc-btn--lg hc-step-next\" data-next=\"3\"\n                            id=\"hc-step2-next\">\n                        Next \u2192\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Step 3: \u00dclevaade ja makse -->\n            <div class=\"hc-step\" data-step=\"3\" style=\"display: none;\">\n                <h3 class=\"hc-step__title\">Booking Overview and Payment<\/h3>\n\n                <!-- Kokkuv\u00f5te -->\n                <div class=\"hc-booking-summary\" id=\"hc-booking-summary\">\n                    <div class=\"hc-booking-summary__section\">\n                        <h4>Vehicle<\/h4>\n                        <p id=\"hc-summary-vehicle\">\u2014<\/p>\n                    <\/div>\n                    <div class=\"hc-booking-summary__section\">\n                        <h4>Period<\/h4>\n                        <p id=\"hc-summary-period\">\u2014<\/p>\n                    <\/div>\n                    <div class=\"hc-booking-summary__section\">\n                        <h4>Locations<\/h4>\n                        <p id=\"hc-summary-locations\">\u2014<\/p>\n                    <\/div>\n                    <div class=\"hc-booking-summary__section\">\n                        <h4>Customer<\/h4>\n                        <p id=\"hc-summary-customer\">\u2014<\/p>\n                    <\/div>\n                    <div class=\"hc-booking-summary__section\" id=\"hc-summary-extras-section\" style=\"display: none;\">\n                        <h4>Add-on Services<\/h4>\n                        <p id=\"hc-summary-extras\">\u2014<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- L\u00f5plik hinnakokkuv\u00f5te -->\n                <div class=\"hc-price-preview hc-price-preview--final\" id=\"hc-final-price\">\n                    <!-- T\u00e4idetakse JavaScriptist -->\n                <\/div>\n\n                <!-- Makseviisid -->\n                <div class=\"hc-payment-methods\" style=\"margin-top: 24px;\">\n                    <h4 style=\"margin-bottom: 16px;\">Makseviis<\/h4>\n                    <div class=\"hc-payment-options\">\n                        <label class=\"hc-payment-option active\">\n                            <input type=\"radio\" name=\"payment_method\" value=\"invoice\" checked>\n                            <div class=\"hc-payment-option__content\">\n                                <strong>\ud83c\udfe6 By Invoice<\/strong>\n                                <span>You will receive an invoice by email. Pay before rental starts.<\/span>\n                            <\/div>\n                        <\/label>\n                        <label class=\"hc-payment-option\" id=\"hc-stripe-option\" style=\"display: none;\">\n                            <input type=\"radio\" name=\"payment_method\" value=\"stripe\">\n                            <div class=\"hc-payment-option__content\">\n                                <strong>\ud83d\udcb3 Card Payment<\/strong>\n                                <span>Secure payment via Stripe.<\/span>\n                            <\/div>\n                        <\/label>\n                    <\/div>\n\n                    <!-- Stripe Elements -->\n                    <div id=\"hc-stripe-container\" style=\"display: none; margin-top: 16px;\">\n                        <div id=\"hc-stripe-element\" class=\"hc-stripe-element\"><\/div>\n                        <div id=\"hc-stripe-errors\" style=\"color: var(--hc-error); font-size: var(--hc-text-sm); margin-top: 8px;\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tingimused -->\n                <div style=\"margin-top: 24px;\">\n                    <label style=\"display: flex; align-items: flex-start; gap: 10px; cursor: pointer;\">\n                        <input type=\"checkbox\" id=\"hc-terms\" required style=\"margin-top: 3px;\">\n                        <span style=\"font-size: var(--hc-text-sm); color: var(--hc-gray-600);\">\n                            I agree to the <a href=\"https:\/\/demo.sipsti.ee\/en\/rental-terms\/\" target=\"_blank\">rental service terms<\/a> and <a href=\"https:\/\/demo.sipsti.ee\/en\/privaatsuspoliitika\/\" target=\"_blank\">privacy policy<\/a>. *\n                        <\/span>\n                    <\/label>\n                <\/div>\n\n                <div style=\"display: flex; justify-content: space-between; margin-top: 24px;\">\n                    <button type=\"button\" class=\"hc-btn hc-btn--secondary hc-btn--lg hc-step-prev\" data-prev=\"2\">\n                        \u2190 Back                    <\/button>\n                    <button type=\"button\" class=\"hc-btn hc-btn--primary hc-btn--lg\" id=\"hc-submit-booking\" disabled>\n                        \u2713 Confirm Booking                    <\/button>\n                <\/div>\n\n                <!-- Loading \/ veateade -->\n                <div id=\"hc-booking-loading\" style=\"display: none; text-align: center; padding: 24px;\">\n                    <div style=\"font-size: 40px; animation: spin 1s linear infinite;\">\u23f3<\/div>\n                    <p style=\"margin-top: 12px; color: var(--hc-gray-600);\">Booking in progress...<\/p>\n                <\/div>\n                <div id=\"hc-booking-error\" style=\"display: none;\" class=\"hc-alert hc-alert--error\"><\/div>\n            <\/div>\n        <\/div>\n        \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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.sipsti.ee\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.sipsti.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.sipsti.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.sipsti.ee\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.sipsti.ee\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":0,"href":"https:\/\/demo.sipsti.ee\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.sipsti.ee\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}