{"id":6685,"date":"2026-08-06T10:29:54","date_gmt":"2026-08-06T08:29:54","guid":{"rendered":"https:\/\/kirunabuss.se\/partner-portal\/"},"modified":"2026-08-10T11:40:15","modified_gmt":"2026-08-10T09:40:15","slug":"partner-portal","status":"publish","type":"page","link":"https:\/\/kirunabuss.se\/en\/partner-portal\/","title":{"rendered":"Partner Portal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6685\" class=\"elementor elementor-6685 elementor-6683\" data-elementor-post-type=\"page\">\n\t\t\t\t<style>\n                .elementor-element-ba4baad{\n                --padding-top: var(--webien-padding-top-none);\n                --padding-right: var(--webien-padding-right-none);\n                --padding-bottom: var(--webien-padding-bottom-none);\n                --padding-left: var(--webien-padding-left-none);\n                }\n            <\/style><div class=\"webien-container-padding-none elementor-element elementor-element-ba4baad e-flex e-con-boxed e-con e-parent\" data-id=\"ba4baad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\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<style>\n                .elementor-element-50431f4{\n                --padding-top: var(--webien-padding-top-m);\n                --padding-right: var(--webien-padding-right-m);\n                --padding-bottom: var(--webien-padding-bottom-m);\n                --padding-left: var(--webien-padding-left-m);\n                }\n            <\/style><div class=\"webien-container-padding-m elementor-element elementor-element-50431f4 e-flex e-con-boxed e-con e-parent\" data-id=\"50431f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0b53e4 elementor-widget elementor-widget-heading\" data-id=\"d0b53e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Partner Portal<\/h2>\t\t\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<style>\n                .elementor-element-249c97d{\n                --padding-top: var(--webien-padding-top-default);\n                --padding-right: var(--webien-padding-right-default);\n                --padding-bottom: var(--webien-padding-bottom-default);\n                --padding-left: var(--webien-padding-left-default);\n                }\n            <\/style><div class=\"webien-container-padding-default elementor-element elementor-element-249c97d e-flex e-con-boxed e-con e-parent\" data-id=\"249c97d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<style>\n                .elementor-element-0eeada5{\n                --padding-top: var(--webien-padding-top-none);\n                --padding-right: var(--webien-padding-right-none);\n                --padding-bottom: var(--webien-padding-bottom-none);\n                --padding-left: var(--webien-padding-left-none);\n                }\n            <\/style><div class=\"webien-container-padding-none elementor-element elementor-element-0eeada5 e-con-full e-flex e-con e-child\" data-id=\"0eeada5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4047561 elementor-widget elementor-widget-webien_kiruna_book\" data-id=\"4047561\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"webien_kiruna_book.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"bookItem-8b536df799\" data-unique=\"8b536df799\" class=\"webien-kiruna-book product-list\">\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h5 class=\"title\">Add products<\/h5>\n        <\/div>\n\n        <ul>\n            <li v-for=\"(item, i) in destinations\" :key=\"i\" :ref=\"'destination-' + i\">\n                <div class=\"summary\">\n                    <img :src=\"item.image\">\n\n                    <div class=\"info\">\n                        <span class=\"title\" v-html=\"item.name\"><\/span>\n                        <span class=\"descr\" v-html=\"item.description\"><\/span>\n                        <a href=\"#\">L\u00e4s mer<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"actions\">\n                    <span class=\"price-txt\" v-html=\"item.priceText\"><\/span>\n                    <button class=\"book-btn\" @click=\"openPartnerProduct(item)\">\n                        <span>L\u00e4gg till<\/span>\n                    <\/button>\n                <\/div>\n\n            <\/li>\n        <\/ul>\n    <\/div>\n\n    <div class=\"webien-kiruna-book book-overlay\" :class=\"[{open:overlay.open}, overlay.scene]\">\n\n    <div class=\"bkg\" @click=\"overlayBkgClicked\"><\/div>\n\n    <div class=\"inner\">\n        <div class=\"top\">\n            <h5 class=\"title\">{{ overlayTitle }}<\/h5>\n            <button class=\"close\" @click=\"closeOverlay\">\n                <i class=\"icon icon-close\"><\/i>\n            <\/button>\n        <\/div>\n\n        <div class=\"travelers\" v-if=\"overlay.scene == 'travelers'\">\n            <div class=\"cat adults\">\n                <div class=\"txt\">\n                    <span class=\"label\">Vuxna<\/span>\n                    <span class=\"descr\">16 \u00e5r och \u00e4ldre.<\/span>\n                <\/div>\n\n                <div class=\"btns\">\n                    <button class=\"minus\" @click=\"changeTravelers('adults', false)\">\n                        <i class=\"icon icon-chevron-left\"><\/i>\n                    <\/button>\n                    <span class=\"value\" v-html=\"adultCount\"><\/span>\n                    <button class=\"plus\" @click=\"changeTravelers('adults', true)\">\n                        <i class=\"icon icon-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"cat children\">\n                <div class=\"txt\">\n                    <span class=\"label\">Barn<\/span>\n                    <span class=\"descr\">8-15 \u00e5r. Max 1 barn\/vuxen.<\/span>\n                <\/div>\n\n                <div class=\"btns\">\n                    <button class=\"minus\" @click=\"changeTravelers('children', false)\">\n                        <i class=\"icon icon-chevron-left\"><\/i>\n                    <\/button>\n                    <span class=\"value\" v-html=\"childrenCount\"><\/span>\n                    <button class=\"plus\" @click=\"changeTravelers('children', true)\">\n                        <i class=\"icon icon-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"date-time\" v-if=\"overlay.scene == 'dateTime'\">\n            <div class=\"calendar\">\n                <v-date-picker\n                    v-model=\"calendar.date\"\n                    is-expanded\n                    locale=\"sv\"\n                    :masks=\"{ weekdays: 'WWW' }\"\n                    :min-date=\"calendar.minDate\"\n                    :available-dates='calendar.available'\n                ><\/v-date-picker>\n            <\/div>\n            <div class=\"slots\">\n                <h5 class=\"title\">Valbara tider {{ dateTitle }}<\/h5>\n                <div class=\"slot-list\" v-if=\"calendar.selectedSlots.length\">\n                    <div class=\"item\">\n                        <button\n                                v-for=\"slot in calendar.selectedSlots\"\n                                :key=\"slot.id || slot.startTimeLocal\"\n                                class=\"book-btn\"\n                                :class=\"{active: isSelectedTimeSlot(slot)}\"\n                                @click=\"selectTimeSlot(slot)\"\n                        >\n                            <span>{{ formatSlotTimeRange(slot) }}<\/span>\n                        <\/button>\n                        <small class=\"instructions\" v-if=\"getPickupInstruction()\" v-html=\"getPickupInstruction()\"><\/small>\n                    <\/div>\n\n                <\/div>\n                <p v-if=\"!calendar.selectedSlots.length\">Inga tider tillg\u00e4ngliga f\u00f6r valt datum.<\/p>\n            <\/div>\n        <\/div>\n\n\n\n        <div class=\"date-only\" v-if=\"overlay.scene == 'date'\">\n            <div class=\"calendar\">\n                <v-date-picker\n                        v-model=\"calendar.date\"\n                        is-expanded\n                        locale=\"sv\"\n                        :masks=\"{ weekdays: 'WWW' }\"\n                        :min-date=\"calendar.minDate\"\n                        :available-dates='calendar.available'\n                ><\/v-date-picker>\n            <\/div>\n        <\/div>\n\n\n\n        <div class=\"terms\" v-if=\"overlay.scene == 'terms'\">\n            <div v-html=\"settings.terms\"><\/div>\n        <\/div>\n\n\n        <div class=\"payment\" v-if=\"overlay.scene == 'payment'\">\n            <div class=\"summary\">\n                <h2>Slutf\u00f6r betalning<\/h2>\n                <p>{{ destinationText }} \u00b7 {{ dateAndTimeText }} \u00b7 {{ travelersText }}<\/p>\n            <\/div>\n            <div class=\"stripe-container\">\n                <div class=\"preloader\" v-if=\"stripe.loading\">\n                    <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000\">\n    <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate attributeName=\"r\" from=\"9\" to=\"9\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"9;15;9\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\".5;1;.5\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n<\/svg>\n                <\/div>\n                <p class=\"stripe-error\" v-if=\"stripe.error\">{{ stripe.error }}<\/p>\n                <div class=\"stripe-payment-element\" :id=\"'stripe-payment-element-' + settings.instanceId\"><\/div>\n            <\/div>\n            <div class=\"total\">\n                <span class=\"label\">Att betala<\/span>\n                <span class=\"value\">{{ stripeTotalText }}<\/span>\n            <\/div>\n\n            <button\n                    class=\"book-cta\"\n                    @click=\"confirmStripePayment\"\n                    :disabled=\"stripe.loading || stripe.processing || !stripe.canConfirm\"\n            >\n                {{ stripePaymentButtonText }}\n            <\/button>\n\n        <\/div>\n\n        <div class=\"payment-success\" v-if=\"overlay.scene == 'paymentSuccess'\">\n            <h2>Tack, betalningen \u00e4r mottagen.<\/h2>\n            <p>{{ stripe.statusMessage }}<\/p>\n            <p>Visa detta meddelande eller g\u00f6r en redirect till en riktig tacksida med orderdata, kvitto etc..<\/p>\n            Order data basics:\n            <pre>{{ paymentSuccessOrderJson }}<\/pre>\n            <button class=\"book-cta\" @click=\"closeOverlay\">\n                St\u00e4ng            <\/button>\n        <\/div>\n\n\n        <div class=\"partner-book\" v-if=\"overlay.scene == 'partnerBook'\">\n            <div class=\"travelers\">\n                <div class=\"input\">\n                    <span class=\"label\">Antal resen\u00e4rer<\/span>\n                    <input class=\"persons\" type=\"number\" min=\"1\" step=\"1\" v-model.number=\"partnerDraft.travelers\">\n                <\/div>\n            <\/div>\n\n            <div class=\"input\" v-if=\"resources.length\">\n                <span class=\"label\">Storlek p\u00e5 buss<\/span>\n                <select class=\"bus\" v-model=\"partnerDraft.resource\">\n                    <option :value=\"null\">V\u00e4lj fordon<\/option>\n                    <option v-for=\"resource in resources\" :key=\"resource.id\" :value=\"resource.name\">{{ resource.name }}<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"date-time\">\n                <div class=\"input\">\n                    <span class=\"label\">\u00d6nskat datum<\/span>\n                    <button class=\"select\" @click=\"showPartnerCalendarOverlay = true\">\n                        <i class=\"icon icon-calendar\"><\/i>\n                        <span class=\"txt\" v-html=\"partnerSelectDateText\"><\/span>\n                        <i class=\"icon icon-chevron\"><\/i>\n                    <\/button>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"input\">\n                <span class=\"label\">\u00d6nskat guidespr\u00e5k<\/span>\n                <select v-model=\"partnerDraft.guideLanguage\">\n                    <option :value=\"null\">V\u00e4lj spr\u00e5k<\/option>\n                    <option v-for=\"language in partnerGuideLanguages\" :value=\"language\">{{language}}<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"input\" v-show=\"partnerDraftPickups\">\n                <span class=\"label\">Upph\u00e4mtning<\/span>\n                <select class=\"from\" v-model=\"partnerDraft.desiredPickup\">\n                    <option v-for=\"pickup in partnerDraftPickups?.pickupLocations\" :value=\"pickup.locationName\" v-html=\"pickup.locationName\"><\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"input\">\n                <span class=\"label\">Kommentar eller \u00f6nskem\u00e5l<\/span>\n                <input type=\"text\" v-model=\"partnerDraft.comment\">\n            <\/div>\n\n        <\/div>\n\n\n\n\n\n        <div class=\"discount\" v-if=\"overlay.scene == 'discount'\">\n            <div class=\"input required\">\n                <span class=\"label\">Rabattkod<\/span>\n                <input\n                        type=\"text\"\n                        v-model=\"promoDraft.code\"\n                        @input=\"resetPromoDraftValidation\"\n                        @keydown.enter.prevent=\"submitPromoCode\"\n                        :disabled=\"promoDraft.checking\"\n                >\n                <span class=\"descr\" v-if=\"promoDraft.checking\">Verifierar\u2026<\/span>\n                <span class=\"descr\" v-else-if=\"promoDraft.valid === true\">{{ promoDraft.message }}<\/span>\n                <span class=\"descr error\" v-else-if=\"promoDraft.valid === false\">{{ promoDraft.message }}<\/span>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"loading\" v-if=\"overlay.scene == 'loading'\">\n            <p v-show=\"loadingOverlayText.length\">{{ loadingOverlayText }}<\/p>\n            <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000\">\n    <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate attributeName=\"r\" from=\"9\" to=\"9\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"9;15;9\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\".5;1;.5\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n<\/svg>\n        <\/div>\n\n\n        <div class=\"booking-error\" v-if=\"overlay.scene == 'bookingError'\">\n            <p v-html=\"booking.error\"><\/p>\n        <\/div>\n\n        <div class=\"message\" v-if=\"overlay.scene == 'message'\">\n            <p v-html=\"message.text\"><\/p>\n        <\/div>\n\n\n        <div class=\"bottom\" v-if=\"showOverlayBottom\">\n            <button class=\"book-btn cancel\" v-if=\"showOverlayCancel\" @click=\"closeOverlay\">\n                Avbryt            <\/button>\n            <div class=\"partner\" v-show=\"overlay.scene === 'partnerBook'\">\n                <button class=\"text remove-item\" :class=\"{show:isEditingPartnerDraft}\" @click=\"removePartnerItem()\">Ta bort bokning<\/button>\n                <span class=\"price\">Pris {{ getFormatedPrice(partnerDraft.product?.price * partnerDraft.travelers) }}<\/span>\n            <\/div>\n            <button class=\"book-cta save\" @click=\"saveOverlay\" :disabled=\"!canSaveOverlay\" v-html=\"overlayCta\"><\/button>\n        <\/div>\n\n    <\/div>\n\n\n\n\n    <div class=\"partner-calendar-overlay\" :class=\"{show: showPartnerCalendarOverlay}\">\n        <div class=\"bkg\"><\/div>\n        <div class=\"inner\">\n            <div class=\"top\">\n                <h5 class=\"title\">V\u00e4lj datum<\/h5>\n                <button class=\"close\" @click=\"showPartnerCalendarOverlay = false\">\n                    <i class=\"icon icon-close\"><\/i>\n                <\/button>\n            <\/div>\n\n            <div class=\"date-only\">\n                <div class=\"calendar\">\n                    <v-date-picker\n                            v-model=\"partnerDraft.desiredDate\"\n                            is-expanded\n                            locale=\"sv\"\n                            :masks=\"{ weekdays: 'WWW'}\"\n                            :min-date=\"new Date()\"\n                    ><\/v-date-picker>\n                <\/div>\n            <\/div>\n\n\n\n            <div class=\"bottom\">\n                <button class=\"book-btn cancel\" @click=\"showPartnerCalendarOverlay = false\">\n                    Avbryt                <\/button>\n                <button class=\"book-cta save\" @click=\"showPartnerCalendarOverlay = false\" :disabled=\"!partnerDraft.desiredDate\">V\u00e4lj datum<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9da88a2 elementor-widget elementor-widget-webien_kiruna_book\" data-id=\"9da88a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"webien_kiruna_book.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"bookItem-c389083a6c\" data-unique=\"c389083a6c\" class=\"webien-kiruna-book partner-checkout\">\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h5 class=\"title\">Contact details<\/h5>\n        <\/div>\n\n\n        <div class=\"input required\">\n            <span class=\"label\">F\u00f6retag<\/span>\n            <input type=\"text\" v-model=\"partnerCart.contact.company\">\n        <\/div>\n\n        <div class=\"input required\">\n            <span class=\"label\">F\u00f6rnamn<\/span>\n            <input type=\"text\" v-model=\"partnerCart.contact.fname\">\n        <\/div>\n\n        <div class=\"input required\">\n            <span class=\"label\">Efternamn<\/span>\n            <input type=\"text\" v-model=\"partnerCart.contact.lname\">\n        <\/div>\n\n        <div class=\"input required\">\n            <span class=\"label\">Mobilnummer<\/span>\n            <input type=\"text\" v-model=\"partnerCart.contact.phone\">\n        <\/div>\n\n        <div class=\"input required\">\n            <span class=\"label\">E-post<\/span>\n            <input type=\"email\" v-model=\"partnerCart.contact.email\">\n        <\/div>\n\n        <div class=\"input required\">\n            <span class=\"label\">Land<\/span>\n            <select v-model=\"partnerCart.contact.country\">\n                <option :value=\"null\" disabled>V\u00e4lj land<\/option>\n                <template v-for=\"(item, i) in countryOptions\" :key=\"i\">\n                    <option v-if=\"item.separator\" disabled>\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/option>\n                    <option v-else :value=\"item.code\">{{item.name}}<\/option>\n                <\/template>\n            <\/select>\n        <\/div>\n\n        <div class=\"input\">\n            <span class=\"label\">\u00d6vriga kommentarer eller \u00f6nskem\u00e5l<\/span>\n            <textarea rows=\"5\" v-model=\"partnerCart.extra.note\"><\/textarea>\n        <\/div>\n\n        <div class=\"input\">\n            <div class=\"confirm-terms\">\n                <div class=\"checkbox\" :class=\"{active:partnerCart.payAgreement}\" @click=\"togglePartnerPayAgreement\">\n                    <i class=\"icon icon-check\"><\/i>\n                <\/div>\n                <span>Jag godk\u00e4nner <button class=\"open-conditions\" @click=\"openOverlay('terms')\">villkoren<\/button>.<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"webien-kiruna-book book-overlay\" :class=\"[{open:overlay.open}, overlay.scene]\">\n\n    <div class=\"bkg\" @click=\"overlayBkgClicked\"><\/div>\n\n    <div class=\"inner\">\n        <div class=\"top\">\n            <h5 class=\"title\">{{ overlayTitle }}<\/h5>\n            <button class=\"close\" @click=\"closeOverlay\">\n                <i class=\"icon icon-close\"><\/i>\n            <\/button>\n        <\/div>\n\n        <div class=\"travelers\" v-if=\"overlay.scene == 'travelers'\">\n            <div class=\"cat adults\">\n                <div class=\"txt\">\n                    <span class=\"label\">Vuxna<\/span>\n                    <span class=\"descr\">16 \u00e5r och \u00e4ldre.<\/span>\n                <\/div>\n\n                <div class=\"btns\">\n                    <button class=\"minus\" @click=\"changeTravelers('adults', false)\">\n                        <i class=\"icon icon-chevron-left\"><\/i>\n                    <\/button>\n                    <span class=\"value\" v-html=\"adultCount\"><\/span>\n                    <button class=\"plus\" @click=\"changeTravelers('adults', true)\">\n                        <i class=\"icon icon-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"cat children\">\n                <div class=\"txt\">\n                    <span class=\"label\">Barn<\/span>\n                    <span class=\"descr\">8-15 \u00e5r. Max 1 barn\/vuxen.<\/span>\n                <\/div>\n\n                <div class=\"btns\">\n                    <button class=\"minus\" @click=\"changeTravelers('children', false)\">\n                        <i class=\"icon icon-chevron-left\"><\/i>\n                    <\/button>\n                    <span class=\"value\" v-html=\"childrenCount\"><\/span>\n                    <button class=\"plus\" @click=\"changeTravelers('children', true)\">\n                        <i class=\"icon icon-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"date-time\" v-if=\"overlay.scene == 'dateTime'\">\n            <div class=\"calendar\">\n                <v-date-picker\n                    v-model=\"calendar.date\"\n                    is-expanded\n                    locale=\"sv\"\n                    :masks=\"{ weekdays: 'WWW' }\"\n                    :min-date=\"calendar.minDate\"\n                    :available-dates='calendar.available'\n                ><\/v-date-picker>\n            <\/div>\n            <div class=\"slots\">\n                <h5 class=\"title\">Valbara tider {{ dateTitle }}<\/h5>\n                <div class=\"slot-list\" v-if=\"calendar.selectedSlots.length\">\n                    <div class=\"item\">\n                        <button\n                                v-for=\"slot in calendar.selectedSlots\"\n                                :key=\"slot.id || slot.startTimeLocal\"\n                                class=\"book-btn\"\n                                :class=\"{active: isSelectedTimeSlot(slot)}\"\n                                @click=\"selectTimeSlot(slot)\"\n                        >\n                            <span>{{ formatSlotTimeRange(slot) }}<\/span>\n                        <\/button>\n                        <small class=\"instructions\" v-if=\"getPickupInstruction()\" v-html=\"getPickupInstruction()\"><\/small>\n                    <\/div>\n\n                <\/div>\n                <p v-if=\"!calendar.selectedSlots.length\">Inga tider tillg\u00e4ngliga f\u00f6r valt datum.<\/p>\n            <\/div>\n        <\/div>\n\n\n\n        <div class=\"date-only\" v-if=\"overlay.scene == 'date'\">\n            <div class=\"calendar\">\n                <v-date-picker\n                        v-model=\"calendar.date\"\n                        is-expanded\n                        locale=\"sv\"\n                        :masks=\"{ weekdays: 'WWW' }\"\n                        :min-date=\"calendar.minDate\"\n                        :available-dates='calendar.available'\n                ><\/v-date-picker>\n            <\/div>\n        <\/div>\n\n\n\n        <div class=\"terms\" v-if=\"overlay.scene == 'terms'\">\n            <div v-html=\"settings.terms\"><\/div>\n        <\/div>\n\n\n        <div class=\"payment\" v-if=\"overlay.scene == 'payment'\">\n            <div class=\"summary\">\n                <h2>Slutf\u00f6r betalning<\/h2>\n                <p>{{ destinationText }} \u00b7 {{ dateAndTimeText }} \u00b7 {{ travelersText }}<\/p>\n            <\/div>\n            <div class=\"stripe-container\">\n                <div class=\"preloader\" v-if=\"stripe.loading\">\n                    <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000\">\n    <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate attributeName=\"r\" from=\"9\" to=\"9\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"9;15;9\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\".5;1;.5\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n<\/svg>\n                <\/div>\n                <p class=\"stripe-error\" v-if=\"stripe.error\">{{ stripe.error }}<\/p>\n                <div class=\"stripe-payment-element\" :id=\"'stripe-payment-element-' + settings.instanceId\"><\/div>\n            <\/div>\n            <div class=\"total\">\n                <span class=\"label\">Att betala<\/span>\n                <span class=\"value\">{{ stripeTotalText }}<\/span>\n            <\/div>\n\n            <button\n                    class=\"book-cta\"\n                    @click=\"confirmStripePayment\"\n                    :disabled=\"stripe.loading || stripe.processing || !stripe.canConfirm\"\n            >\n                {{ stripePaymentButtonText }}\n            <\/button>\n\n        <\/div>\n\n        <div class=\"payment-success\" v-if=\"overlay.scene == 'paymentSuccess'\">\n            <h2>Tack, betalningen \u00e4r mottagen.<\/h2>\n            <p>{{ stripe.statusMessage }}<\/p>\n            <p>Visa detta meddelande eller g\u00f6r en redirect till en riktig tacksida med orderdata, kvitto etc..<\/p>\n            Order data basics:\n            <pre>{{ paymentSuccessOrderJson }}<\/pre>\n            <button class=\"book-cta\" @click=\"closeOverlay\">\n                St\u00e4ng            <\/button>\n        <\/div>\n\n\n        <div class=\"partner-book\" v-if=\"overlay.scene == 'partnerBook'\">\n            <div class=\"travelers\">\n                <div class=\"input\">\n                    <span class=\"label\">Antal resen\u00e4rer<\/span>\n                    <input class=\"persons\" type=\"number\" min=\"1\" step=\"1\" v-model.number=\"partnerDraft.travelers\">\n                <\/div>\n            <\/div>\n\n            <div class=\"input\" v-if=\"resources.length\">\n                <span class=\"label\">Storlek p\u00e5 buss<\/span>\n                <select class=\"bus\" v-model=\"partnerDraft.resource\">\n                    <option :value=\"null\">V\u00e4lj fordon<\/option>\n                    <option v-for=\"resource in resources\" :key=\"resource.id\" :value=\"resource.name\">{{ resource.name }}<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"date-time\">\n                <div class=\"input\">\n                    <span class=\"label\">\u00d6nskat datum<\/span>\n                    <button class=\"select\" @click=\"showPartnerCalendarOverlay = true\">\n                        <i class=\"icon icon-calendar\"><\/i>\n                        <span class=\"txt\" v-html=\"partnerSelectDateText\"><\/span>\n                        <i class=\"icon icon-chevron\"><\/i>\n                    <\/button>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"input\">\n                <span class=\"label\">\u00d6nskat guidespr\u00e5k<\/span>\n                <select v-model=\"partnerDraft.guideLanguage\">\n                    <option :value=\"null\">V\u00e4lj spr\u00e5k<\/option>\n                    <option v-for=\"language in partnerGuideLanguages\" :value=\"language\">{{language}}<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"input\" v-show=\"partnerDraftPickups\">\n                <span class=\"label\">Upph\u00e4mtning<\/span>\n                <select class=\"from\" v-model=\"partnerDraft.desiredPickup\">\n                    <option v-for=\"pickup in partnerDraftPickups?.pickupLocations\" :value=\"pickup.locationName\" v-html=\"pickup.locationName\"><\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"input\">\n                <span class=\"label\">Kommentar eller \u00f6nskem\u00e5l<\/span>\n                <input type=\"text\" v-model=\"partnerDraft.comment\">\n            <\/div>\n\n        <\/div>\n\n\n\n\n\n        <div class=\"discount\" v-if=\"overlay.scene == 'discount'\">\n            <div class=\"input required\">\n                <span class=\"label\">Rabattkod<\/span>\n                <input\n                        type=\"text\"\n                        v-model=\"promoDraft.code\"\n                        @input=\"resetPromoDraftValidation\"\n                        @keydown.enter.prevent=\"submitPromoCode\"\n                        :disabled=\"promoDraft.checking\"\n                >\n                <span class=\"descr\" v-if=\"promoDraft.checking\">Verifierar\u2026<\/span>\n                <span class=\"descr\" v-else-if=\"promoDraft.valid === true\">{{ promoDraft.message }}<\/span>\n                <span class=\"descr error\" v-else-if=\"promoDraft.valid === false\">{{ promoDraft.message }}<\/span>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"loading\" v-if=\"overlay.scene == 'loading'\">\n            <p v-show=\"loadingOverlayText.length\">{{ loadingOverlayText }}<\/p>\n            <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000\">\n    <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate attributeName=\"r\" from=\"9\" to=\"9\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"9;15;9\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\".5;1;.5\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n<\/svg>\n        <\/div>\n\n\n        <div class=\"booking-error\" v-if=\"overlay.scene == 'bookingError'\">\n            <p v-html=\"booking.error\"><\/p>\n        <\/div>\n\n        <div class=\"message\" v-if=\"overlay.scene == 'message'\">\n            <p v-html=\"message.text\"><\/p>\n        <\/div>\n\n\n        <div class=\"bottom\" v-if=\"showOverlayBottom\">\n            <button class=\"book-btn cancel\" v-if=\"showOverlayCancel\" @click=\"closeOverlay\">\n                Avbryt            <\/button>\n            <div class=\"partner\" v-show=\"overlay.scene === 'partnerBook'\">\n                <button class=\"text remove-item\" :class=\"{show:isEditingPartnerDraft}\" @click=\"removePartnerItem()\">Ta bort bokning<\/button>\n                <span class=\"price\">Pris {{ getFormatedPrice(partnerDraft.product?.price * partnerDraft.travelers) }}<\/span>\n            <\/div>\n            <button class=\"book-cta save\" @click=\"saveOverlay\" :disabled=\"!canSaveOverlay\" v-html=\"overlayCta\"><\/button>\n        <\/div>\n\n    <\/div>\n\n\n\n\n    <div class=\"partner-calendar-overlay\" :class=\"{show: showPartnerCalendarOverlay}\">\n        <div class=\"bkg\"><\/div>\n        <div class=\"inner\">\n            <div class=\"top\">\n                <h5 class=\"title\">V\u00e4lj datum<\/h5>\n                <button class=\"close\" @click=\"showPartnerCalendarOverlay = false\">\n                    <i class=\"icon icon-close\"><\/i>\n                <\/button>\n            <\/div>\n\n            <div class=\"date-only\">\n                <div class=\"calendar\">\n                    <v-date-picker\n                            v-model=\"partnerDraft.desiredDate\"\n                            is-expanded\n                            locale=\"sv\"\n                            :masks=\"{ weekdays: 'WWW'}\"\n                            :min-date=\"new Date()\"\n                    ><\/v-date-picker>\n                <\/div>\n            <\/div>\n\n\n\n            <div class=\"bottom\">\n                <button class=\"book-btn cancel\" @click=\"showPartnerCalendarOverlay = false\">\n                    Avbryt                <\/button>\n                <button class=\"book-cta save\" @click=\"showPartnerCalendarOverlay = false\" :disabled=\"!partnerDraft.desiredDate\">V\u00e4lj datum<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<style>\n                .elementor-element-76b993d{\n                --padding-top: var(--webien-padding-top-none);\n                --padding-right: var(--webien-padding-right-none);\n                --padding-bottom: var(--webien-padding-bottom-none);\n                --padding-left: var(--webien-padding-left-none);\n                }\n            <\/style><div class=\"webien-container-padding-none elementor-element elementor-element-76b993d e-con-full e-flex e-con e-child\" data-id=\"76b993d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:24,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc0ea9 elementor-widget elementor-widget-webien_kiruna_book\" data-id=\"fcc0ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"webien_kiruna_book.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"bookItem-e3085b8541\" data-unique=\"e3085b8541\" class=\"webien-kiruna-book partner-cart\">\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <h5 class=\"title\">Cart<\/h5>\n        <\/div>\n\n        <div class=\"row\" v-for=\"(item, i) in partnerCart.items\" :key=\"i\">\n            <div class=\"txt\">\n                <span class=\"label\" v-html=\"item.product.name\"><\/span>\n                <span class=\"value\">{{item.travelers}} pers \u00b7 {{ formatDate(item.desiredDate, 'D MMM') }} \u00b7 {{ getFormatedPrice(item.product.price * item.travelers) }}<\/span>\n            <\/div>\n\n            <div class=\"btns\">\n                <button class=\"book-btn\" @click=\"editPartnerCartItem(item)\">\n                    <span>\u00c4ndra<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"price\" v-show=\"partnerCart.items.length > 0\">\n            <div class=\"tot\">\n                <span class=\"label\">Nettopris<\/span>\n                <span class=\"value\">{{partnerPriceText}}<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"empty-cart\" v-show=\"partnerCart.items.length === 0\">\n            <div class=\"cart-icon\">\n                <i class=\"icon icon-cart\"><\/i>\n            <\/div>\n            <span class=\"label\">Din varukorg \u00e4r tom<\/span>\n            <span class=\"descr\">L\u00e4gg till produkter f\u00f6r att f\u00e5 en offert.<\/span>\n        <\/div>\n\n        <button\n                @click=\"sendQuote\"\n                class=\"book-cta\"\n                :class=\"{disabled: !partnerCartValid || partnerQuoteResult.sending}\"\n                :disabled=\"!partnerCartValid || partnerQuoteResult.sending\"\n        >\n            <span class=\"preloader\" v-if=\"partnerQuoteResult.sending\">\n                <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000\">\n    <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate attributeName=\"r\" from=\"9\" to=\"9\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"9;15;9\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\".5;1;.5\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n<\/svg>\n            <\/span>\n            <span>{{ partnerQuoteButtonText }}<\/span>\n        <\/button>\n    <\/div>\n\n\n    <div class=\"webien-kiruna-book book-overlay\" :class=\"[{open:overlay.open}, overlay.scene]\">\n\n    <div class=\"bkg\" @click=\"overlayBkgClicked\"><\/div>\n\n    <div class=\"inner\">\n        <div class=\"top\">\n            <h5 class=\"title\">{{ overlayTitle }}<\/h5>\n            <button class=\"close\" @click=\"closeOverlay\">\n                <i class=\"icon icon-close\"><\/i>\n            <\/button>\n        <\/div>\n\n        <div class=\"travelers\" v-if=\"overlay.scene == 'travelers'\">\n            <div class=\"cat adults\">\n                <div class=\"txt\">\n                    <span class=\"label\">Vuxna<\/span>\n                    <span class=\"descr\">16 \u00e5r och \u00e4ldre.<\/span>\n                <\/div>\n\n                <div class=\"btns\">\n                    <button class=\"minus\" @click=\"changeTravelers('adults', false)\">\n                        <i class=\"icon icon-chevron-left\"><\/i>\n                    <\/button>\n                    <span class=\"value\" v-html=\"adultCount\"><\/span>\n                    <button class=\"plus\" @click=\"changeTravelers('adults', true)\">\n                        <i class=\"icon icon-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"cat children\">\n                <div class=\"txt\">\n                    <span class=\"label\">Barn<\/span>\n                    <span class=\"descr\">8-15 \u00e5r. Max 1 barn\/vuxen.<\/span>\n                <\/div>\n\n                <div class=\"btns\">\n                    <button class=\"minus\" @click=\"changeTravelers('children', false)\">\n                        <i class=\"icon icon-chevron-left\"><\/i>\n                    <\/button>\n                    <span class=\"value\" v-html=\"childrenCount\"><\/span>\n                    <button class=\"plus\" @click=\"changeTravelers('children', true)\">\n                        <i class=\"icon icon-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"date-time\" v-if=\"overlay.scene == 'dateTime'\">\n            <div class=\"calendar\">\n                <v-date-picker\n                    v-model=\"calendar.date\"\n                    is-expanded\n                    locale=\"sv\"\n                    :masks=\"{ weekdays: 'WWW' }\"\n                    :min-date=\"calendar.minDate\"\n                    :available-dates='calendar.available'\n                ><\/v-date-picker>\n            <\/div>\n            <div class=\"slots\">\n                <h5 class=\"title\">Valbara tider {{ dateTitle }}<\/h5>\n                <div class=\"slot-list\" v-if=\"calendar.selectedSlots.length\">\n                    <div class=\"item\">\n                        <button\n                                v-for=\"slot in calendar.selectedSlots\"\n                                :key=\"slot.id || slot.startTimeLocal\"\n                                class=\"book-btn\"\n                                :class=\"{active: isSelectedTimeSlot(slot)}\"\n                                @click=\"selectTimeSlot(slot)\"\n                        >\n                            <span>{{ formatSlotTimeRange(slot) }}<\/span>\n                        <\/button>\n                        <small class=\"instructions\" v-if=\"getPickupInstruction()\" v-html=\"getPickupInstruction()\"><\/small>\n                    <\/div>\n\n                <\/div>\n                <p v-if=\"!calendar.selectedSlots.length\">Inga tider tillg\u00e4ngliga f\u00f6r valt datum.<\/p>\n            <\/div>\n        <\/div>\n\n\n\n        <div class=\"date-only\" v-if=\"overlay.scene == 'date'\">\n            <div class=\"calendar\">\n                <v-date-picker\n                        v-model=\"calendar.date\"\n                        is-expanded\n                        locale=\"sv\"\n                        :masks=\"{ weekdays: 'WWW' }\"\n                        :min-date=\"calendar.minDate\"\n                        :available-dates='calendar.available'\n                ><\/v-date-picker>\n            <\/div>\n        <\/div>\n\n\n\n        <div class=\"terms\" v-if=\"overlay.scene == 'terms'\">\n            <div v-html=\"settings.terms\"><\/div>\n        <\/div>\n\n\n        <div class=\"payment\" v-if=\"overlay.scene == 'payment'\">\n            <div class=\"summary\">\n                <h2>Slutf\u00f6r betalning<\/h2>\n                <p>{{ destinationText }} \u00b7 {{ dateAndTimeText }} \u00b7 {{ travelersText }}<\/p>\n            <\/div>\n            <div class=\"stripe-container\">\n                <div class=\"preloader\" v-if=\"stripe.loading\">\n                    <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000\">\n    <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate attributeName=\"r\" from=\"9\" to=\"9\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"9;15;9\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\".5;1;.5\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n<\/svg>\n                <\/div>\n                <p class=\"stripe-error\" v-if=\"stripe.error\">{{ stripe.error }}<\/p>\n                <div class=\"stripe-payment-element\" :id=\"'stripe-payment-element-' + settings.instanceId\"><\/div>\n            <\/div>\n            <div class=\"total\">\n                <span class=\"label\">Att betala<\/span>\n                <span class=\"value\">{{ stripeTotalText }}<\/span>\n            <\/div>\n\n            <button\n                    class=\"book-cta\"\n                    @click=\"confirmStripePayment\"\n                    :disabled=\"stripe.loading || stripe.processing || !stripe.canConfirm\"\n            >\n                {{ stripePaymentButtonText }}\n            <\/button>\n\n        <\/div>\n\n        <div class=\"payment-success\" v-if=\"overlay.scene == 'paymentSuccess'\">\n            <h2>Tack, betalningen \u00e4r mottagen.<\/h2>\n            <p>{{ stripe.statusMessage }}<\/p>\n            <p>Visa detta meddelande eller g\u00f6r en redirect till en riktig tacksida med orderdata, kvitto etc..<\/p>\n            Order data basics:\n            <pre>{{ paymentSuccessOrderJson }}<\/pre>\n            <button class=\"book-cta\" @click=\"closeOverlay\">\n                St\u00e4ng            <\/button>\n        <\/div>\n\n\n        <div class=\"partner-book\" v-if=\"overlay.scene == 'partnerBook'\">\n            <div class=\"travelers\">\n                <div class=\"input\">\n                    <span class=\"label\">Antal resen\u00e4rer<\/span>\n                    <input class=\"persons\" type=\"number\" min=\"1\" step=\"1\" v-model.number=\"partnerDraft.travelers\">\n                <\/div>\n            <\/div>\n\n            <div class=\"input\" v-if=\"resources.length\">\n                <span class=\"label\">Storlek p\u00e5 buss<\/span>\n                <select class=\"bus\" v-model=\"partnerDraft.resource\">\n                    <option :value=\"null\">V\u00e4lj fordon<\/option>\n                    <option v-for=\"resource in resources\" :key=\"resource.id\" :value=\"resource.name\">{{ resource.name }}<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"date-time\">\n                <div class=\"input\">\n                    <span class=\"label\">\u00d6nskat datum<\/span>\n                    <button class=\"select\" @click=\"showPartnerCalendarOverlay = true\">\n                        <i class=\"icon icon-calendar\"><\/i>\n                        <span class=\"txt\" v-html=\"partnerSelectDateText\"><\/span>\n                        <i class=\"icon icon-chevron\"><\/i>\n                    <\/button>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"input\">\n                <span class=\"label\">\u00d6nskat guidespr\u00e5k<\/span>\n                <select v-model=\"partnerDraft.guideLanguage\">\n                    <option :value=\"null\">V\u00e4lj spr\u00e5k<\/option>\n                    <option v-for=\"language in partnerGuideLanguages\" :value=\"language\">{{language}}<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"input\" v-show=\"partnerDraftPickups\">\n                <span class=\"label\">Upph\u00e4mtning<\/span>\n                <select class=\"from\" v-model=\"partnerDraft.desiredPickup\">\n                    <option v-for=\"pickup in partnerDraftPickups?.pickupLocations\" :value=\"pickup.locationName\" v-html=\"pickup.locationName\"><\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"input\">\n                <span class=\"label\">Kommentar eller \u00f6nskem\u00e5l<\/span>\n                <input type=\"text\" v-model=\"partnerDraft.comment\">\n            <\/div>\n\n        <\/div>\n\n\n\n\n\n        <div class=\"discount\" v-if=\"overlay.scene == 'discount'\">\n            <div class=\"input required\">\n                <span class=\"label\">Rabattkod<\/span>\n                <input\n                        type=\"text\"\n                        v-model=\"promoDraft.code\"\n                        @input=\"resetPromoDraftValidation\"\n                        @keydown.enter.prevent=\"submitPromoCode\"\n                        :disabled=\"promoDraft.checking\"\n                >\n                <span class=\"descr\" v-if=\"promoDraft.checking\">Verifierar\u2026<\/span>\n                <span class=\"descr\" v-else-if=\"promoDraft.valid === true\">{{ promoDraft.message }}<\/span>\n                <span class=\"descr error\" v-else-if=\"promoDraft.valid === false\">{{ promoDraft.message }}<\/span>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"loading\" v-if=\"overlay.scene == 'loading'\">\n            <p v-show=\"loadingOverlayText.length\">{{ loadingOverlayText }}<\/p>\n            <svg width=\"120\" height=\"30\" viewBox=\"0 0 120 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000\">\n    <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n        <animate attributeName=\"r\" from=\"9\" to=\"9\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"9;15;9\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\".5;1;.5\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n    <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate attributeName=\"r\" from=\"15\" to=\"15\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"15;9;15\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\n                 begin=\"0s\" dur=\"0.8s\"\n                 values=\"1;.5;1\" calcMode=\"linear\"\n                 repeatCount=\"indefinite\" \/>\n    <\/circle>\n<\/svg>\n        <\/div>\n\n\n        <div class=\"booking-error\" v-if=\"overlay.scene == 'bookingError'\">\n            <p v-html=\"booking.error\"><\/p>\n        <\/div>\n\n        <div class=\"message\" v-if=\"overlay.scene == 'message'\">\n            <p v-html=\"message.text\"><\/p>\n        <\/div>\n\n\n        <div class=\"bottom\" v-if=\"showOverlayBottom\">\n            <button class=\"book-btn cancel\" v-if=\"showOverlayCancel\" @click=\"closeOverlay\">\n                Avbryt            <\/button>\n            <div class=\"partner\" v-show=\"overlay.scene === 'partnerBook'\">\n                <button class=\"text remove-item\" :class=\"{show:isEditingPartnerDraft}\" @click=\"removePartnerItem()\">Ta bort bokning<\/button>\n                <span class=\"price\">Pris {{ getFormatedPrice(partnerDraft.product?.price * partnerDraft.travelers) }}<\/span>\n            <\/div>\n            <button class=\"book-cta save\" @click=\"saveOverlay\" :disabled=\"!canSaveOverlay\" v-html=\"overlayCta\"><\/button>\n        <\/div>\n\n    <\/div>\n\n\n\n\n    <div class=\"partner-calendar-overlay\" :class=\"{show: showPartnerCalendarOverlay}\">\n        <div class=\"bkg\"><\/div>\n        <div class=\"inner\">\n            <div class=\"top\">\n                <h5 class=\"title\">V\u00e4lj datum<\/h5>\n                <button class=\"close\" @click=\"showPartnerCalendarOverlay = false\">\n                    <i class=\"icon icon-close\"><\/i>\n                <\/button>\n            <\/div>\n\n            <div class=\"date-only\">\n                <div class=\"calendar\">\n                    <v-date-picker\n                            v-model=\"partnerDraft.desiredDate\"\n                            is-expanded\n                            locale=\"sv\"\n                            :masks=\"{ weekdays: 'WWW'}\"\n                            :min-date=\"new Date()\"\n                    ><\/v-date-picker>\n                <\/div>\n            <\/div>\n\n\n\n            <div class=\"bottom\">\n                <button class=\"book-btn cancel\" @click=\"showPartnerCalendarOverlay = false\">\n                    Avbryt                <\/button>\n                <button class=\"book-cta save\" @click=\"showPartnerCalendarOverlay = false\" :disabled=\"!partnerDraft.desiredDate\">V\u00e4lj datum<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Partner Portal Add products L\u00e4s mer L\u00e4gg till {{ overlayTitle }} Vuxna 16 \u00e5r och \u00e4ldre. Barn 8-15 \u00e5r. Max 1 barn\/vuxen. Valbara tider {{ dateTitle }} {{ formatSlotTimeRange(slot) }} Inga tider tillg\u00e4ngliga f\u00f6r valt datum. H\u00e4mta terms content fr\u00e5n ACF\/sida. Slutf\u00f6r betalning {{ destinationText }} \u00b7 {{ dateAndTimeText }} \u00b7 {{ travelersText }} {{ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6685","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/pages\/6685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/comments?post=6685"}],"version-history":[{"count":5,"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/pages\/6685\/revisions"}],"predecessor-version":[{"id":6758,"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/pages\/6685\/revisions\/6758"}],"wp:attachment":[{"href":"https:\/\/kirunabuss.se\/en\/wp-json\/wp\/v2\/media?parent=6685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}