"use strict";

window.addEventListener('DOMContentLoaded', function () {
    const host = "http://localhost:8080";
    const table = document.getElementById("tbody");
    const form = document.getElementById("form");
    const customerInput = document.getElementById("customer");
    const idInput = document.getElementById("id");
    const removeBtn = document.getElementById("removeBtn");

    const getData = async function () {
        table.innerHTML = "";
        const response = await fetch(host + "/order");
        const data = await response.json();
        /*data.forEach(order => {
            let temp = "<select>";
            order.tickets.forEach(ticket => {
                temp += `<option>${ticket.name + " " + ticket.price + " " + ticket.timestamp}</option>`
            })
            table.innerHTML +=
                `<tr>
                        <th scope="row">${order.id}</th>
                        <td>${order.customer}</td>
                        <td>${order.dateOfPurchase}</td>
                        <td>${temp}</td>
                    </tr>`;
        })*/
    }
    async function create() {
        const requestParams = {
            method: "POST",
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            }
        };
        const response = await fetch(host + `/order/post?post=`, requestParams);
        return await response.json();
    }
    async function remove(id) {
        const requestParams = {
            method: "DELETE",
        };
        const response = await fetch(host + `/order/${id}`, requestParams);
        return await response.json();
    }
    async function editCustomer(id) {
        const requestParams = {
            method: "PUT",
            headers: {
                "Content-Type": "application/json",
            }
        };
        const response = await fetch(host + `/order/${id}/updcustomer`, requestParams);
        return await response.json();
    }

    form.addEventListener("submit", function (event) {
        event.preventDefault();
        create().then(() => {
            getData();
        });
    });

    removeBtn.addEventListener("click", function (event) {
        event.preventDefault();
        remove(idInput.value).then((result) => {
            getData();
            customerInput.value = "";
            idInput.value = "";
        });
    });

    getData();
});