import {formatCurrency} from "./common.js"

export function showTable(api) {
    let token = localStorage.getItem("token");
    let tbody = document.getElementById("subscriptions-table").getElementsByTagName("tbody")[0];

    const requestOptions = {
        method: 'post',
        headers: {
            'Accept': `application/json`,
            'Content-Type': 'application/json',
            'Authorization': 'Bearer ' + token,
        },
    };

    fetch(api + "/api/admin/all-subscriptions", requestOptions)
        .then(response => response.json())
        .then(function (data) {
            if (data) {
            data.forEach(function (i) {
                let newRow = tbody.insertRow();
                let newCell = newRow.insertCell();

                newCell.innerHTML = `<a href="/admin/subscriptions/${i.id}">Order ${i.id}</a>`;

                newCell = newRow.insertCell();
                let item = document.createTextNode(i.customer.last_name + ", " + i.customer.first_name);
                newCell.appendChild(item)

                newCell = newRow.insertCell();
                item = document.createTextNode(i.widget.name);
                newCell.appendChild(item)

                let cur = formatCurrency(i.transaction.amount)
                newCell = newRow.insertCell();
                item = document.createTextNode(cur + "/month");
                newCell.appendChild(item)

            });
            } else {
                let newRow = tbody.insertRow();
                let newCell = newRow.insertCell();
                newCell.setAttribute("colspan", "4");
                newCell.innerHTML = "No data available";
            }
        });
}