{"id":5056,"date":"2026-05-28T14:28:45","date_gmt":"2026-05-28T12:28:45","guid":{"rendered":"https:\/\/effiraenergy.com\/se\/?page_id=5056"},"modified":"2026-06-10T08:12:00","modified_gmt":"2026-06-10T06:12:00","slug":"angerratt","status":"publish","type":"page","link":"https:\/\/effiraenergy.com\/se\/angerratt\/","title":{"rendered":"\u00c5ngerr\u00e4tt"},"content":{"rendered":"<div\n    data-block=\"return-form\"\n    class=\"container mx-auto px-4 xl:px-0 py-32 min-h-96\"\n>\n    <div class=\"max-w-2xl mx-auto text-center\">\n                    <h2 class=\"heading-lg mb-6 text-center\">\u00c5ngerr\u00e4tt<\/h2>\n        \n                    <div class=\"wysiwyg body-md mb-8 text-center\"><p>Ange ditt ordernummer och e-postadress f\u00f6r att h\u00e4mta din order och registrera en retur. \u00c5ngerr\u00e4tten g\u00e4ller i 14 dagar fr\u00e5n den dag du mottagit produkterna. Observera att avdrag f\u00f6r installationskostnad g\u00f6rs om installation redan utf\u00f6rts.<\/p>\n<\/div>\n        \n\n\n        <div\n            x-data=\"returnForm()\"\n            x-cloak\n            data-nonce=\"c64910c23c\"\n            data-ajax-url=\"https:\/\/effiraenergy.com\/se\/wp-admin\/admin-ajax.php\"\n            data-webmcp-root=\"return-form\"\n            class=\"text-left\"\n        >\n            <!-- Step 1: Order lookup -->\n            <div x-show=\"step === 'lookup'\">\n                <form\n                    class=\"flex flex-col gap-5\"\n                    x-on:submit.prevent=\"lookupOrder\"\n                    toolname=\"lookup_return_order\"\n                    tooldescription=\"Finds returnable items for an Effira order using the order number and purchase email address.\"\n                    data-webmcp-form=\"lookup-return-order\"\n                >\n                    <div class=\"flex flex-col gap-2\">\n                        <label class=\"font-medium text-sm\" for=\"return-order-number\">\n                            Ordernummer <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input\n                            id=\"return-order-number\"\n                            name=\"order_number\"\n                            x-model=\"orderNumber\"\n                            type=\"text\"\n                            required\n                            placeholder=\"t.ex. 12345\"\n                            autocomplete=\"off\"\n                            data-webmcp-field=\"order-number\"\n                            toolparamdescription=\"The Effira order number shown on the customer order confirmation.\"\n                            class=\"border border-gray-300 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-darkGreen\"\n                        \/>\n                    <\/div>\n\n                    <div class=\"flex flex-col gap-2\">\n                        <label class=\"font-medium text-sm\" for=\"return-email\">\n                            E-postadress (samma som vid k\u00f6pet) <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input\n                            id=\"return-email\"\n                            name=\"email\"\n                            x-model=\"email\"\n                            type=\"email\"\n                            required\n                            placeholder=\"din@epost.se\"\n                            autocomplete=\"email\"\n                            data-webmcp-field=\"email\"\n                            toolparamdescription=\"The email address used when the order was placed.\"\n                            class=\"border border-gray-300 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-darkGreen\"\n                        \/>\n                    <\/div>\n\n                    <div x-show=\"lookupError\" class=\"bg-red-50 border border-red-200 text-red-700 rounded-xl px-4 py-3 text-sm\" aria-live=\"polite\">\n                        <span x-text=\"lookupError\"><\/span>\n                    <\/div>\n\n                    <button\n                        type=\"submit\"\n                        x-bind:disabled=\"lookupLoading\"\n                        data-webmcp-action=\"lookup-return-order\"\n                        class=\"bg-darkGreen text-white rounded-xl px-6 py-3 font-medium hover:bg-darkGreen\/90 disabled:opacity-50 transition-opacity\"\n                    >\n                        <span x-show=\"lookupLoading\">H\u00e4mtar order\u2026<\/span>\n                        <span x-show=\"lookupLoading === false\">H\u00e4mta order<\/span>\n                    <\/button>\n                <\/form>\n            <\/div>\n\n            <!-- Step 2: Select items -->\n            <div x-show=\"step === 'select'\">\n                <form\n                    class=\"flex flex-col gap-6\"\n                    x-on:submit.prevent=\"submitReturn\"\n                    toolname=\"submit_return_request\"\n                    tooldescription=\"Submits an Effira withdrawal-right return request for selected order items.\"\n                    data-webmcp-form=\"submit-return-request\"\n                >\n                    <div class=\"flex flex-col gap-3\">\n                        <p class=\"font-medium text-sm\">V\u00e4lj artiklar att returnera:<\/p>\n\n                        <template x-for=\"(item, index) in selectedItems\" x-bind:key=\"item.item_id\">\n                            <div\n                                class=\"flex items-start gap-4 border rounded-xl p-4 cursor-pointer transition-colors\"\n                                x-bind:class=\"item.selected ? 'border-darkGreen bg-lightGreen\/20' : 'border-gray-200 hover:border-gray-300'\"\n                                x-on:click=\"toggleItem(index)\"\n                                data-webmcp-repeat=\"return-item\"\n                            >\n                                <input\n                                    type=\"checkbox\"\n                                    x-bind:name=\"`items[${index}][selected]`\"\n                                    x-bind:checked=\"item.selected\"\n                                    x-bind:aria-label=\"`Returnera ${item.name}`\"\n                                    data-webmcp-field=\"return-item-selected\"\n                                    toolparamdescription=\"Whether this order item should be included in the return request.\"\n                                    class=\"mt-1 h-4 w-4 accent-darkGreen flex-shrink-0\"\n                                    x-on:click.stop=\"toggleItem(index)\"\n                                \/>\n\n                                <img\n                                    x-show=\"item.image\"\n                                    alt=\"Produktbild\"\n                                    x-bind:src=\"item.image\"\n                                    class=\"w-14 h-14 object-contain rounded flex-shrink-0\"\n                                \/>\n\n                                <div class=\"flex-1\">\n                                    <p class=\"font-medium text-sm\" x-text=\"item.name\"><\/p>\n                                    <p class=\"text-xs text-gray-500 mt-1\" x-html=\"item.total\"><\/p>\n                                <\/div>\n\n                                <div\n                                    x-show=\"item.selected &#038;&#038; item.showQty\"\n                                    class=\"flex items-center gap-2 flex-shrink-0\"\n                                    x-on:click.stop\n                                >\n                                    <label class=\"text-xs text-gray-600\">Antal:<\/label>\n                                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden\">\n                                        <button type=\"button\"\n                                            class=\"px-2 py-1 text-gray-600 hover:bg-gray-100 transition-colors text-base leading-none\"\n                                            x-on:click.stop=\"setQuantity(index, item.quantity - 1)\"\n                                            x-bind:aria-label=\"`Minska antal f\u00f6r ${item.name}`\"\n                                            data-webmcp-action=\"decrease-return-item-quantity\"\n                                        >\u2212<\/button>\n                                        <span\n                                            class=\"px-2 text-sm font-medium min-w-[1.5rem] text-center\"\n                                            x-text=\"item.quantity\"\n                                            x-bind:data-webmcp-return-quantity=\"item.quantity\"\n                                        ><\/span>\n                                        <button type=\"button\"\n                                            class=\"px-2 py-1 text-gray-600 hover:bg-gray-100 transition-colors text-base leading-none\"\n                                            x-on:click.stop=\"setQuantity(index, item.quantity + 1)\"\n                                            x-bind:aria-label=\"`\u00d6ka antal f\u00f6r ${item.name}`\"\n                                            data-webmcp-action=\"increase-return-item-quantity\"\n                                        >+<\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n\n                    <div class=\"flex flex-col gap-2\">\n                        <label class=\"font-medium text-sm\" for=\"return-reason\">Anledning till retur (valfritt)<\/label>\n                        <textarea\n                            id=\"return-reason\"\n                            name=\"reason\"\n                            x-model=\"reason\"\n                            rows=\"3\"\n                            placeholder=\"Ber\u00e4tta g\u00e4rna varf\u00f6r du returnerar\u2026\"\n                            data-webmcp-field=\"return-reason\"\n                            toolparamdescription=\"Optional free-text reason for the return.\"\n                            class=\"border border-gray-300 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-darkGreen resize-none\"\n                        ><\/textarea>\n                    <\/div>\n\n                    <div class=\"flex items-start gap-3 bg-orange\/10 border border-orange\/30 rounded-xl px-4 py-4\">\n                        <input\n                            id=\"installation-performed\"\n                            name=\"installation_performed\"\n                            x-model=\"installationPerformed\"\n                            type=\"checkbox\"\n                            value=\"1\"\n                            data-webmcp-field=\"installation-performed\"\n                            toolparamdescription=\"Whether hardware installation has already been performed.\"\n                            class=\"mt-0.5 h-4 w-4 accent-darkGreen flex-shrink-0\"\n                        \/>\n                        <label for=\"installation-performed\" class=\"text-sm cursor-pointer\">\n                            <strong>Har installation utf\u00f6rts?<\/strong><br \/>\n                            Kryssa i om h\u00e5rdvaran har installerats innan du skickar in returen.                            <span class=\"text-gray-600 block mt-1\">\n                                Observera: installationsarbetet \u00e5terbetalas ej enligt v\u00e5ra villkor, men du kan fortfarande returnera h\u00e5rdvaran om du befinner dig inom \u00e5ngerr\u00e4ttsperioden (14 dagar fr\u00e5n mottagandet).                            <\/span>\n                        <\/label>\n                    <\/div>\n\n                    <div x-show=\"submitError\" class=\"bg-red-50 border border-red-200 text-red-700 rounded-xl px-4 py-3 text-sm\" aria-live=\"polite\">\n                        <span x-text=\"submitError\"><\/span>\n                    <\/div>\n\n                    <div class=\"flex flex-col sm:flex-row gap-3\">\n                        <button\n                            type=\"button\"\n                            class=\"border border-gray-300 text-gray-700 rounded-xl px-6 py-3 font-medium hover:bg-gray-50 transition-colors\"\n                            x-on:click=\"goBack\"\n                            data-webmcp-action=\"return-form-back\"\n                        >\n                            Tillbaka                        <\/button>\n\n                        <button\n                            type=\"submit\"\n                            x-bind:disabled=\"submitLoading || canSubmit === false\"\n                            data-webmcp-action=\"submit-return-request\"\n                            class=\"bg-darkGreen text-white rounded-xl px-6 py-3 font-medium hover:bg-darkGreen\/90 disabled:opacity-50 transition-opacity flex-1\"\n                        >\n                            <span x-show=\"submitLoading\">Skickar in returans\u00f6kan\u2026<\/span>\n                            <span x-show=\"submitLoading === false\">Skicka returans\u00f6kan<\/span>\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n\n            <!-- Step 3: Success -->\n            <div x-show=\"step === 'success'\" class=\"text-center flex flex-col items-center gap-6 py-8\">\n                <div class=\"w-16 h-16 bg-lightGreen rounded-full flex items-center justify-center\">\n                    <svg class=\"w-8 h-8 text-darkGreen\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                    <\/svg>\n                <\/div>\n                <p class=\"text-lg font-medium text-darkGreen\" x-text=\"successMessage\"><\/p>\n                <p class=\"text-sm text-gray-600 max-w-md\">\n                    Vi behandlar din ans\u00f6kan och \u00e5terkommer med mer information via e-post. Har du fr\u00e5gor \u00e4r du v\u00e4lkommen att kontakta oss.                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5056","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/pages\/5056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/comments?post=5056"}],"version-history":[{"count":1,"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/pages\/5056\/revisions"}],"predecessor-version":[{"id":5057,"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/pages\/5056\/revisions\/5057"}],"wp:attachment":[{"href":"https:\/\/effiraenergy.com\/se\/wp-json\/wp\/v2\/media?parent=5056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}