// ==UserScript==
// @name        Altex Enhancer
// @description Adds the products to every order. Adds the page link to every product.
// @namespace   http://iulianonofrei.com
// @version     1.1.0
// @author      Iulian Onofrei
// @updateURL   https://github.com/revolter/EnhancerUserscripts/raw/master/scripts/Altex/Altex_Enhancer.user.js
// @match       https://altex.ro/cont/comenzi/*
// @require     https://raw.githubusercontent.com/revolter/min/master/min.js
// @grant       GM_xmlhttpRequest
// ==/UserScript==

/**
 * - Adds the products to every order.
 * - Adds the page link to every product.
 *
 * [Install](https://raw.githubusercontent.com/revolter/EnhancerUserscripts/master/scripts/Altex/Altex_Enhancer.user.js)
 * @alias Altex-Enhancer
 */
(() => {
    "use strict";

    const
        confirmedOrderBackgroundColor = "rgba(0, 128, 0, 0.2)",
        confirmedOrderProductBackgroundColor = "rgba(0, 128, 0, 0.1)",

        canceledOrderBackgroundColor = "#ddd",
        canceledOrderProductBackgroundColor = "#eee",

        getCookie = function (cookieName) {
            const
                value = `; ${document.cookie}`,
                parts = value.split(`; ${cookieName}=`);

            // eslint-disable-next-line no-magic-numbers
            if (parts.length !== 2) {
                return null;
            }

            return parts.pop().split(";").shift();
        };

    min.dom.onNodeExists(min.dom.getById, "my-orders-table", (ordersWrapper) => {
        const orders = min.dom.getByQuery("tbody > tr", min.dom.ALL, ordersWrapper);

        orders.forEach((order) => {
            const linkNode = min.dom.getByXPath("/td/div/a", min.dom.FIRST, order);

            if (!linkNode) {
                return;
            }

            const
                orderId = linkNode.href.match(/(?<id>\d+)\/?$/u).groups.id,
                linkWrapper = order.lastElementChild,
                orderStatus = linkWrapper.previousElementSibling.firstElementChild,
                isOrderConfirmed = orderStatus.textContent === "Confirmata integral";

            // eslint-disable-next-line no-param-reassign
            order.style.backgroundColor = isOrderConfirmed ? confirmedOrderBackgroundColor : canceledOrderBackgroundColor;

            min.gm.xhr(`https://fenrir.altex.ro/oms/orders/${orderId}`, (response) => {
                const
                    responseJSON = JSON.parse(response),
                    {suborders} = responseJSON.order,

                    backgroundColor = isOrderConfirmed ? confirmedOrderProductBackgroundColor : canceledOrderProductBackgroundColor,

                    headersCount = 2,

                    header = min.dom.create("tr", {
                        "style": {
                            "background-color": backgroundColor
                        }
                    }),
                    headerName = min.dom.create("th", {
                        "colSpan": "3"
                    }),
                    headerPrice = min.dom.create("th"),
                    headerQuantity = min.dom.create("th");

                headerName.textContent = "Nume produs";
                headerPrice.textContent = "Pret";
                headerQuantity.textContent = "Cantitate";

                header.appendChild(headerName);
                header.appendChild(headerPrice);
                header.appendChild(headerQuantity);

                min.dom.insertAfter(header, order);

                let products = [];

                suborders.forEach((suborder) => {
                    products = products.concat(suborder.items);
                });

                linkWrapper.rowSpan = products.length + headersCount;

                products.forEach((product) => {
                    const
                        productName = product.product_name,

                        slug = productName.replace(/\W+/gu, "-").toLowerCase(),
                        link = `https://altex.ro/${slug}/cpd/${product.product_sku}`,

                        body = min.dom.create("tr", {
                            "style": {
                                "background-color": backgroundColor
                            }
                        }),
                        bodyLinkWrapper = min.dom.create("td", {
                            "colSpan": "3",
                            "align": "left"
                        }),
                        bodyLink = min.dom.create("a", {"href": link}),
                        bodyPrice = min.dom.create("td"),
                        bodyQuantity = min.dom.create("td");

                    bodyLink.textContent = productName;
                    bodyPrice.textContent = product.selling_price;
                    bodyQuantity.textContent = product.qty_ordered;

                    bodyLinkWrapper.appendChild(bodyLink);

                    body.appendChild(bodyLinkWrapper);
                    body.appendChild(bodyPrice);
                    body.appendChild(bodyQuantity);

                    min.dom.insertAfter(body, header);
                });
            }, null, "GET", {
                "X-Customer-Token": getCookie("token").replace(/^%22|%22$/gu, "")
            }, true);
        });
    });
})();