const root = document.getElementById("root");
let tableSelectionDomElement = document.getElementById("tabla");
let selectedTable = "tagok";

tableSelectionDomElement.addEventListener("change", function () {
    selectedTable = tableSelectionDomElement.value;
    switch (selectedTable) {
        case "tagok":
            CreateTagokForm();
            break;
        case "tagsag":
            CreateTagsagForm();
            break;
        case "jelenlet":
            CreateJelenletForm();
            break;
        case "esemenyek":
            CreateEsemenyekForm();
            break;
        case "visszajelzes":
            CreateVisszajelzesForm();
            break;
        default:
            break;
    }

    disableThis();
});

function disableThis() {
    tableSelectionDomElement.disabled = true;
}


function CreateTagokForm() {
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
            <form action="result.php" method="post">
        <label for="vnev">Vezetéknév:</label>
        <input type="text" id="vnev" name="vnev" placeholder="Vezetéknév"><br><br>

        <label for="knev">Keresztnév:</label>
        <input type="text" id="knev" name="knev" placeholder="Keresztnév"><br><br>

        <label for="email">Email:</label>
        <input type="email" id="email" name="email" placeholder="Email"><br><br>

        <label for="telefon">Telefon:</label>
        <input type="text" id="telefon" name="telefon" placeholder="Telefon"><br><br>

        <label for="lakcim">Lakcím:</label>
        <input type="text" id="lakcim" name="lakcim" placeholder="Lakcím"><br><br>

        <label for="tagsag_kezdete">Tagság kezdete (YYYY-MM-DD):</label>
        <input type="date" id="tagsag_kezdete" name="tagsag_kezdete"><br><br>

        <label for="aktiv">Aktív tagsági státusz:</label>
        <select id="aktiv" name="aktiv">
            <option value="">Mindegy</option>
            <option value="1">Igen</option>
            <option value="0">Nem</option>
        </select><br><br>
        <input type="hidden" name="tabla" value="tagok">

        <button type="submit">Lekérdezés</button>
    </form>
    `;
    root.appendChild(form);
    return;
}

function CreateTagsagForm() {
    //RemoveTable();
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
        <form action="result.php" method="post">
    <label for="tag_id">Tag ID:</label>
    <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br>

    <label for="dij_osszeg">Díj összeg:</label>
    <input type="number" id="dij_osszeg" name="dij_osszeg" placeholder="Díj összeg"><br><br>

    <label for="esedekesseg">Esedékesség (YYYY-MM-DD):</label>
    <input type="date" id="esedekesseg" name="esedekesseg"><br><br>

    <label for="fizetes_statusz">Fizetés státusz:</label>
    <select id="fizetes_statusz" name="fizetes_statusz">
        <option value="">Mindegy</option>
        <option value="1">Fizetett</option>
        <option value="0">Nem fizetett</option>
    </select><br><br>

    <label for="fizetes_datuma">Fizetés dátuma (YYYY-MM-DD):</label>
    <input type="date" id="fizetes_datuma" name="fizetes_datuma"><br><br>

    <label for="nyugtaszam">Nyugtaszám:</label>
    <input type="text" id="nyugtaszam" name="nyugtaszam" placeholder="Nyugtaszám"><br><br>

    <label for="megjegyzes">Megjegyzés:</label>
    <textarea id="megjegyzes" name="megjegyzes" rows="4" placeholder="Megjegyzés"></textarea><br><br>

    <input type="hidden" name="tabla" value="tagsag">
    <button type="submit">Lekérdezés indítása</button>
</form>

    `;
    root.appendChild(form);
    return;
}

function CreateJelenletForm() {
    //RemoveTable();
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
         <form action="result.php" method="post">
    <label for="esemeny_id">Esemény ID:</label>
    <input type="number" id="esemeny_id" name="esemeny_id" placeholder="Esemény ID"><br><br>

    <label for="tag_id">Tag ID:</label>
    <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br>

    <label for="jelenlet_datuma">Jelenlét dátuma (YYYY-MM-DD):</label>
    <input type="date" id="jelenlet_datuma" name="jelenlet_datuma"><br><br>

    <label for="jelenlet_statusz">Jelenlét státusz:</label>
    <select id="jelenlet_statusz" name="jelenlet_statusz">
        <option value="">Mindegy</option>
        <option value="1">Jelen volt</option>
        <option value="0">Nem jelent meg</option>
    </select><br><br>

    <label for="visszajelzes">Visszajelzés:</label>
    <textarea id="visszajelzes" name="visszajelzes" rows="4" placeholder="Visszajelzés"></textarea><br><br>

    <label for="becsekkolas">Becsekkolás:</label>
    <input type="time" id="becsekkolas" name="becsekkolas"><br><br>

    <label for="kicsekkolas">Kicsekkolás:</label>
    <input type="time" id="kicsekkolas" name="kicsekkolas"><br><br>

    <input type="hidden" name="tabla" value="jelenlet">
    <button type="submit">Lekérdezés indítása</button>
</form>

    `;
    root.appendChild(form);
    return;
}

function CreateEsemenyekForm() {
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
        <form action="result.php" method="post">
    <label for="esemeny_neve">Esemény neve:</label>
    <input type="text" id="esemeny_neve" name="esemeny_neve" placeholder="Esemény neve"><br><br>

    <label for="esemeny_datuma">Esemény dátuma (YYYY-MM-DD):</label>
    <input type="date" id="esemeny_datuma" name="esemeny_datuma"><br><br>

    <label for="helyszin">Helyszín:</label>
    <input type="text" id="helyszin" name="helyszin" placeholder="Helyszín"><br><br>

    <label for="leiras">Leírás:</label>
    <textarea id="leiras" name="leiras" rows="4" placeholder="Esemény leírása"></textarea><br><br>

    <label for="max_letszam">Maximális létszám:</label>
    <input type="number" id="max_letszam" name="max_letszam" placeholder="Maximális létszám"><br><br>

    <label for="szervezo">Szervező:</label>
    <input type="text" id="szervezo" name="szervezo" placeholder="Szervező neve"><br><br>

    <label for="esemeny_statusz">Esemény státusz:</label>
    <select id="esemeny_statusz" name="esemeny_statusz">
        <option value="">Mindegy</option>
        <option value="Nyitott">Nyitott</option>
        <option value="Zárt">Zárt</option>
    </select><br><br>
    <input type="hidden" name="tabla" value="esemenyek">

    <button type="submit">Lekérdezés indítása</button>
</form>

    `;
    root.appendChild(form);
    return;
}

function CreateVisszajelzesForm() {
    let form = document.createElement("div");
    form.id = "tabla_Form";
    form.innerHTML = `
        <form action="result.php" method="post">
    <label for="tag_id">Tag ID:</label>
    <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br>

    <label for="esemeny_id">Esemény ID:</label>
    <input type="number" id="esemeny_id" name="esemeny_id" placeholder="Esemény ID"><br><br>

    <label for="visszajelzes_szovege">Visszajelzés szövege:</label>
    <textarea id="visszajelzes_szovege" name="visszajelzes_szovege" rows="4" placeholder="Visszajelzés szövege"></textarea><br><br>

    <label for="ertekeles">Értékelés (1-5):</label>
    <input type="number" id="ertekeles" name="ertekeles" min="1" max="5" placeholder="Értékelés"><br><br>

    <label for="bekuldes_datuma">Beküldés dátuma (YYYY-MM-DD):</label>
    <input type="date" id="bekuldes_datuma" name="bekuldes_datuma"><br><br>

    <label for="lathatosag">Láthatóság:</label>
    <select id="lathatosag" name="lathatosag">
        <option value="">Mindegy</option>
        <option value="Nyilvános">Nyilvános</option>
        <option value="Privát">Privát</option>
    </select><br><br>

    <label for="visszajelzes_statusz">Visszajelzés státusz:</label>
    <select id="visszajelzes_statusz" name="visszajelzes_statusz">
        <option value="">Mindegy</option>
        <option value="1">Küldött</option>
        <option value="0">Nem küldött</option>
    </select><br><br>

    <input type="hidden" name="tabla" value="visszajelzes">
    <button type="submit">Lekérdezés indítása</button>
</form>

    `;
    root.appendChild(form);
    return;
}
