{"id":120,"date":"2026-03-15T17:10:30","date_gmt":"2026-03-15T17:10:30","guid":{"rendered":"https:\/\/ekely.eu\/booking\/"},"modified":"2026-03-15T17:13:59","modified_gmt":"2026-03-15T17:13:59","slug":"booking","status":"publish","type":"page","link":"https:\/\/ekely.eu\/en_US\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"\n<div id=\"ekely-booking-app\" class=\"ekely-booking\">\n\n    <!-- Step indicators -->\n    <div class=\"ekely-steps\">\n        <div class=\"ekely-step active\" data-step=\"1\"><span class=\"step-num\">1<\/span> Velg verkt\u00f8y<\/div>\n        <div class=\"ekely-step\" data-step=\"2\"><span class=\"step-num\">2<\/span> Velg datoer<\/div>\n        <div class=\"ekely-step\" data-step=\"3\"><span class=\"step-num\">3<\/span> Dine detaljer<\/div>\n        <div class=\"ekely-step\" data-step=\"4\"><span class=\"step-num\">4<\/span> Bekreft<\/div>\n    <\/div>\n\n    <!-- STEP 1: Tool Selection -->\n    <div class=\"ekely-panel\" id=\"ekely-step-1\">\n        <h3>Hvilke verkt\u00f8y trenger du?<\/h3>\n\n        <div class=\"ekely-filters\">\n            <input type=\"text\" id=\"ekely-search\" placeholder=\"S\u00f8k verkt\u00f8y...\" class=\"ekely-input\">\n            <select id=\"ekely-brand-filter\" class=\"ekely-select\">\n                <option value=\"\">Alle merker<\/option>\n                <option value=\"Festool\">Festool<\/option>\n                <option value=\"Hilti\">Hilti<\/option>\n                <option value=\"HiKOKI\">HiKOKI<\/option>\n                <option value=\"DeWalt\">DeWalt<\/option>\n                <option value=\"Bosch\">Bosch<\/option>\n                <option value=\"Makita\">Makita<\/option>\n                <option value=\"Fein\">Fein<\/option>\n                <option value=\"Paslode\">Paslode<\/option>\n                <option value=\"AVA\">AVA<\/option>\n            <\/select>\n            <select id=\"ekely-category-filter\" class=\"ekely-select\">\n                <option value=\"\">Alle kategorier<\/option>\n                <option value=\"Batteri\">Batteri<\/option>\n                <option value=\"Kabel\">Kabel<\/option>\n                <option value=\"Trykkluft\">Trykkluft<\/option>\n                <option value=\"Utend\u00f8rs\">Utend\u00f8rs<\/option>\n                <option value=\"M\u00e5ling\">M\u00e5ling<\/option>\n                <option value=\"Tilbeh\u00f8r\">Tilbeh\u00f8r<\/option>\n            <\/select>\n        <\/div>\n\n        <div id=\"ekely-tools-grid\" class=\"ekely-tools-grid\">\n            <p class=\"ekely-loading\">Laster verkt\u00f8y...<\/p>\n        <\/div>\n\n        <div id=\"ekely-selected-summary\" class=\"ekely-selected-summary\" style=\"display:none;\">\n            <h4>Valgte verkt\u00f8y <span id=\"ekely-selected-count\">(0)<\/span><\/h4>\n            <div id=\"ekely-selected-list\"><\/div>\n        <\/div>\n\n        <div class=\"ekely-nav\">\n            <button class=\"ekely-btn ekely-btn-primary ekely-next\" data-next=\"2\" disabled>Velg datoer \u2192<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 2: Date Selection -->\n    <div class=\"ekely-panel\" id=\"ekely-step-2\" style=\"display:none;\">\n        <h3>N\u00e5r trenger du verkt\u00f8yet?<\/h3>\n\n        <div class=\"ekely-date-row\">\n            <div class=\"ekely-date-field\">\n                <label for=\"ekely-pickup-date\">Henting<\/label>\n                <input type=\"date\" id=\"ekely-pickup-date\" class=\"ekely-input\" required>\n            <\/div>\n            <div class=\"ekely-date-field\">\n                <label for=\"ekely-return-date\">Retur<\/label>\n                <input type=\"date\" id=\"ekely-return-date\" class=\"ekely-input\" required>\n            <\/div>\n            <div class=\"ekely-date-field\">\n                <label for=\"ekely-pickup-time\">Hentetid<\/label>\n                <select id=\"ekely-pickup-time\" class=\"ekely-select\">\n                    <option value=\"\" disabled selected>Velg dato f\u00f8rst<\/option>\n                <\/select>\n                <small id=\"ekely-hours-hint\" style=\"color:#888;font-size:0.8rem;margin-top:4px;display:block;\"><\/small>\n            <\/div>\n        <\/div>\n\n        <div id=\"ekely-price-preview\" class=\"ekely-price-preview\" style=\"display:none;\">\n            <h4>Prissammendrag<\/h4>\n            <div id=\"ekely-price-lines\"><\/div>\n            <div class=\"ekely-price-totals\">\n                <div class=\"ekely-price-row\"><span>Leie totalt:<\/span><strong id=\"ekely-total-rental\">0 kr<\/strong><\/div>\n                <div class=\"ekely-price-row\"><span>Depositum totalt:<\/span><strong id=\"ekely-total-deposit\">0 kr<\/strong><\/div>\n                <div class=\"ekely-price-row ekely-grand-total\"><span>\u00c5 betale ved henting:<\/span><strong id=\"ekely-grand-total\">0 kr<\/strong><\/div>\n            <\/div>\n            <p class=\"ekely-note\">Depositum refunderes ved retur i god stand. Betaling via Vipps eller kontant.<\/p>\n        <\/div>\n\n        <div class=\"ekely-nav\">\n            <button class=\"ekely-btn ekely-btn-secondary ekely-prev\" data-prev=\"1\">\u2190 Tilbake<\/button>\n            <button class=\"ekely-btn ekely-btn-primary ekely-next\" data-next=\"3\" disabled>Dine detaljer \u2192<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 3: Customer Details -->\n    <div class=\"ekely-panel\" id=\"ekely-step-3\" style=\"display:none;\">\n        <h3>Dine kontaktdetaljer<\/h3>\n\n        <div class=\"ekely-form-fields\">\n            <div class=\"ekely-field\">\n                <label for=\"ekely-name\">Fullt navn *<\/label>\n                <input type=\"text\" id=\"ekely-name\" class=\"ekely-input\" required placeholder=\"Ola Nordmann\">\n            <\/div>\n            <div class=\"ekely-field\">\n                <label for=\"ekely-email\">E-post *<\/label>\n                <input type=\"email\" id=\"ekely-email\" class=\"ekely-input\" required placeholder=\"din@epost.no\">\n            <\/div>\n            <div class=\"ekely-field\">\n                <label for=\"ekely-phone\">Telefon *<\/label>\n                <input type=\"tel\" id=\"ekely-phone\" class=\"ekely-input\" required placeholder=\"+47 xxx xx xxx\">\n            <\/div>\n            <div class=\"ekely-field\">\n                <label for=\"ekely-notes\">Kommentarer (valgfritt)<\/label>\n                <textarea id=\"ekely-notes\" class=\"ekely-input\" rows=\"3\" placeholder=\"Noe vi b\u00f8r vite?\"><\/textarea>\n            <\/div>\n        <\/div>\n\n        <div class=\"ekely-nav\">\n            <button class=\"ekely-btn ekely-btn-secondary ekely-prev\" data-prev=\"2\">\u2190 Tilbake<\/button>\n            <button class=\"ekely-btn ekely-btn-primary ekely-next\" data-next=\"4\">Se oppsummering \u2192<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 4: Confirmation -->\n    <div class=\"ekely-panel\" id=\"ekely-step-4\" style=\"display:none;\">\n        <h3>Bekreft bestillingen<\/h3>\n\n        <div id=\"ekely-confirmation-summary\" class=\"ekely-confirmation-summary\"><\/div>\n\n        <div class=\"ekely-vipps-info\">\n            <p><strong>Betaling ved henting<\/strong><\/p>\n            <p>Betal leie + depositum via Vipps til <strong id=\"ekely-vipps-display\"><\/strong> eller kontant ved henting.<\/p>\n        <\/div>\n\n        <div class=\"ekely-nav\">\n            <button class=\"ekely-btn ekely-btn-secondary ekely-prev\" data-prev=\"3\">\u2190 Tilbake<\/button>\n            <button class=\"ekely-btn ekely-btn-primary ekely-btn-large\" id=\"ekely-submit\">Bestill n\u00e5<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- SUCCESS -->\n    <div class=\"ekely-panel\" id=\"ekely-success\" style=\"display:none;\">\n        <div class=\"ekely-success-icon\">\u2713<\/div>\n        <h3>Bestilling mottatt!<\/h3>\n        <p id=\"ekely-success-message\"><\/p>\n        <p class=\"ekely-success-ref\">Referanse: <strong id=\"ekely-success-ref\"><\/strong><\/p>\n        <p>Du mottar en e-post med alle detaljer. Vi bekrefter bestillingen din snart.<\/p>\n        <button class=\"ekely-btn ekely-btn-primary\" onclick=\"location.reload();\">Ny bestilling<\/button>\n    <\/div>\n\n    <!-- ERROR -->\n    <div id=\"ekely-error\" class=\"ekely-error\" style=\"display:none;\">\n        <p id=\"ekely-error-message\"><\/p>\n    <\/div>\n<\/div>\n\n\n\n\n<script>\n(function($) {\n  $(document).ready(function() {\n    var params = new URLSearchParams(window.location.search);\n    var toolId = params.get(\"tool\");\n    if (!toolId || !document.getElementById(\"ekely-booking-app\")) return;\n    var attempts = 0;\n    var checker = setInterval(function() {\n      attempts++;\n      var card = document.querySelector(\".ekely-tool-card[data-tool-id=\\\"\" + toolId + \"\\\"]\");\n      if (card) {\n        clearInterval(checker);\n        card.click();\n        document.getElementById(\"ekely-booking-app\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      }\n      if (attempts > 30) clearInterval(checker);\n    }, 100);\n  });\n})(jQuery);\n<\/script>\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-120","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":1,"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/pages\/120\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/ekely.eu\/en_US\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}