<?php
// Formular mit leeren Eingabefeldern
?>

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formular zur Datenaktualisierung</title>
    <style>
    /* Container für jedes Eingabefeld und Label */
/* Allgemeines Layout für das Formular */
/* Allgemeines Layout für das Formular */
form {
    width: 100%; /* Formular passt sich der Bildschirmbreite an */
    max-width: 600px; /* Maximale Breite des Formulars */
    margin: 0 auto;
    padding-left: 30px; /* Linker Rand für das Formular */
    box-sizing: border-box; /* Padding und Border werden zur Gesamtbreite gezählt */
}

/* Container für jedes Eingabefeld und Label */
.form-row {
    display: flex; /* Flexbox für die Ausrichtung */
    justify-content: flex-end; /* Elemente nach rechts ausrichten */
    align-items: center; /* Vertikale Ausrichtung der Elemente */
    margin-bottom: 10px; /* Abstand zwischen den Reihen */
    width: 100%;
    box-sizing: border-box; /* Padding und Border werden zur Gesamtbreite gezählt */
}

/* Stil für das Label */
label {
    text-align: right; /* Label rechtsbündig */
    width: 150px; /* Feste Breite für das Label */
    margin-right: 10px; /* Abstand zum Eingabefeld */
    display: inline-block; /* Das Label wird als Inline-Block angezeigt */
    box-sizing: border-box; /* Padding und Border werden zur Gesamtbreite des Labels gezählt */
}

/* Stil für das Eingabefeld */
input[type="text"] {
    text-align: right;  /* Text im Eingabefeld wird rechts ausgerichtet */
    width: calc(100% - 160px); /* Die Eingabefelder passen sich der Bildschirmbreite an, abzüglich der Breite des Labels und Abstands */
    padding: 5px;
    box-sizing: border-box; /* Padding und Border werden zur Gesamtbreite des Elements gezählt */
    margin-bottom: 0;  /* Kein zusätzlicher Abstand unten */
}

/* Stil für den Button */
input[type="submit"] {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

/* Hover-Effekt für den Button */
input[type="submit"]:hover {
    background-color: #45a049;
}


    </style>
</head>
<body>
    <script>
    // Bildschirmbreite des Geräts abfragen
    const screenWidth = window.innerWidth;
    
    // Breite in der Konsole ausgeben
    console.log("Breite des Bildschirms: " + screenWidth + "px");
</script>
<h2>Formular zur Datenaktualisierung1</h2>

<form action="" method="POST">
    <div class="form-row">
        <label for="gid_ref">GID Ref:</label>
        <input type="text" id="gid_ref" name="gid_ref">
    </div>

    <div class="form-row">
        <label for="updated_by">Updated By:</label>
        <input type="text" id="updated_by" name="updated_by">
    </div>

    <div class="form-row">
        <label for="first_name">First Name:</label>
        <input type="text" id="first_name" name="first_name">
    </div>

    <div class="form-row">
        <label for="last_name">Last Name:</label>
        <input type="text" id="last_name" name="last_name">
    </div>

    <div class="form-row">
        <label for="year_of_birth">Year of Birth:</label>
        <input type="text" id="year_of_birth" name="year_of_birth">
    </div>

    <div class="form-row">
        <label for="street">Street:</label>
        <input type="text" id="street" name="street">
    </div>

    <div class="form-row">
        <label for="house_no">House Number:</label>
        <input type="text" id="house_no" name="house_no">
    </div>

    <div class="form-row">
        <label for="lat">Latitude:</label>
        <input type="text" id="lat" name="lat">
    </div>

    <div class="form-row">
        <label for="lon">Longitude:</label>
        <input type="text" id="lon" name="lon">
    </div>

    <div class="form-row">
        <label for="postalcode">Postal Code:</label>
        <input type="text" id="postalcode" name="postalcode">
    </div>

    <div class="form-row">
        <label for="district_id">District ID:</label>
        <input type="text" id="district_id" name="district_id">
    </div>

    <div class="form-row">
        <label for="localdistrict_id">Local District ID:</label>
        <input type="text" id="localdistrict_id" name="localdistrict_id">
    </div>

    <div class="form-row">
        <label for="virtual">Virtual:</label>
        <input type="text" id="virtual" name="virtual">
    </div>

    <div class="form-row">
        <label for="url">URL:</label>
        <input type="text" id="url" name="url">
    </div>

    <div class="form-row">
        <label for="geom">Geometrie:</label>
        <input type="text" id="geom" name="geom">
    </div>

    <div>
        <input type="submit" value="Daten senden">
    </div>
</form>

</body>
</html>

<?php
// Der PHP-Code für die DB-Verbindung und das Update wurde entfernt, da es nur die leeren Felder anzeigen soll.
?>
