import { fullscreen } from "./fullscreen.js";

export class product_adder extends fullscreen {
    _build_node() {
        const container = document.createElement("div");
        container.classList.add("product-adder");

        const label_name = document.createElement("label");
        label_name.setAttribute("for", "name");
        label_name.textContent = "Name:";

        const name = document.createElement("input");
        name.type = "text";
        name.id = "name";
        name.name = "name";
        name.placeholder = "Sample...";

        const label_description = document.createElement("label");
        label_description.setAttribute("for", "description");
        label_description.textContent = "Description:";

        const description = document.createElement("input");
        description.type = "text";
        description.id = "description";
        description.name = "description";
        description.placeholder = "This is exa...";

        const label_author = document.createElement("label");
        label_author.setAttribute("for", "author");
        label_author.textContent = "Author:";

        const author = document.createElement("input");
        author.type = "text";
        author.id = "author";
        author.name = "author";
        author.placeholder = "John Snow...";

        const label_barcode = document.createElement("label");
        label_barcode.setAttribute("for", "barcode");
        label_barcode.textContent = "Barcode:";

        const barcode = document.createElement("input");
        barcode.type = "number";
        barcode.id = "barcode";
        barcode.name = "barcode";
        barcode.placeholder = "Enter EAN-12...";

        const label_stock_count = document.createElement("label");
        label_stock_count.setAttribute("for", "stock-count");
        label_stock_count.textContent = "On stock:";

        const stock_count = document.createElement("input");
        stock_count.type = "number";
        stock_count.id = "stock-count";
        stock_count.name = "stock-count";
        stock_count.placeholder = "20...";

        const button = document.createElement("button");
        button.type = "submit";
        button.id = "add";
        button.name = "add";
        button.className = "material-icons";
        button.textContent = "add";

        container.appendChild(label_name);
        container.appendChild(name);
        container.appendChild(label_description);
        container.appendChild(description);
        container.appendChild(label_author);
        container.appendChild(author);
        container.appendChild(label_barcode);
        container.appendChild(barcode);
        container.appendChild(label_stock_count);
        container.appendChild(stock_count);
        container.appendChild(button);

        return container;
    }
}
