netwatch/app/modules/floor_infrastructure/edit.php

<?php
/**
 * app/modules/floor_infrastructure/edit.php
 *
 * Formular zum Anlegen/Bearbeiten von Patchpanels und Wandbuchsen
 */

//TODO die auswahl der stockwerke in gebäude gruppieren und gebäude in locations gruppieren

$type = $_GET['type'] ?? 'patchpanel';
$id = (int)($_GET['id'] ?? 0);

$floors = $sql->get("SELECT id, name FROM floors ORDER BY name", "", []);
$rooms = $sql->get(
    "SELECT r.id, r.name, f.name AS floor_name
     FROM rooms r
     LEFT JOIN floors f ON f.id = r.floor_id
     ORDER BY f.name, r.name",
    "",
    []
);

$panel = null;
$outlet = null;
$pageTitle = $type === 'outlet' ? 'Wandbuchse bearbeiten' : 'Patchpanel bearbeiten';

if ($type === 'patchpanel' && $id > 0) {
    $panel = $sql->single(
        "SELECT * FROM floor_patchpanels WHERE id = ?",
        "i",
        [$id]
    );
    if ($panel) {
        $pageTitle = "Patchpanel bearbeiten: " . htmlspecialchars($panel['name']);
    }
}

if ($type === 'outlet' && $id > 0) {
    $outlet = $sql->single(
        "SELECT * FROM network_outlets WHERE id = ?",
        "i",
        [$id]
    );
    if ($outlet) {
        $pageTitle = "Wandbuchse bearbeiten: " . htmlspecialchars($outlet['name']);
    }
}
?>

<div class="floor-infra-edit">
    <h1><?php echo $pageTitle; ?></h1>

    <form method="post" action="?module=floor_infrastructure&action=save" class="infra-edit-form">
        <input type="hidden" name="type" value="<?php echo htmlspecialchars($type); ?>">
        <input type="hidden" name="id" value="<?php echo $type === 'patchpanel' ? ($panel['id'] ?? $id) : ($outlet['id'] ?? $id); ?>">

        <?php if ($type === 'patchpanel'): ?>
            <div class="form-group">
                <label>Name</label>
                <input type="text" name="name" value="<?php echo htmlspecialchars($panel['name'] ?? ''); ?>" required>
            </div>

            <div class="form-group">
                <label>Stockwerk</label>
                <select name="floor_id" required>
                    <option value="">- wählen -</option>
                    <?php foreach ($floors as $floor): ?>
                        <option value="<?php echo $floor['id']; ?>" <?php echo ($panel['floor_id'] ?? 0) === $floor['id'] ? 'selected' : ''; ?>>
                            <?php echo htmlspecialchars($floor['name']); ?>
                        </option>
                    <?php endforeach; ?>
                </select>
            </div>

            <div class="form-grid">
                <div class="form-group">
                    <label>X</label>
                    <input type="number" name="pos_x" value="<?php echo $panel['pos_x'] ?? 0; ?>" required>
                </div>
                <div class="form-group">
                    <label>Y</label>
                    <input type="number" name="pos_y" value="<?php echo $panel['pos_y'] ?? 0; ?>" required>
                </div>
                <div class="form-group">
                    <label>Breite</label>
                    <input type="number" name="width" value="<?php echo $panel['width'] ?? 0; ?>" required>
                </div>
                <div class="form-group">
                    <label>Höhe</label>
                    <input type="number" name="height" value="<?php echo $panel['height'] ?? 0; ?>" required>
                </div>
            </div>

            <div class="form-group">
                <label>Port-Anzahl</label>
                <input type="number" name="port_count" value="<?php echo $panel['port_count'] ?? 0; ?>" min="0">
            </div>

            <div class="form-group">
                <label>Kommentar</label>
                <textarea name="comment"><?php echo htmlspecialchars($panel['comment'] ?? ''); ?></textarea>
            </div>

            <p class="info">TODO: Drag & Drop auf dem SVG-Plan erlauben.</p>

        <?php else: ?>
            <div class="form-group">
                <label>Name</label>
                <input type="text" name="name" value="<?php echo htmlspecialchars($outlet['name'] ?? ''); ?>" required>
            </div>

            <div class="form-group">
                <label>Raum</label>
                <select name="room_id" required>
                    <option value="">- Raum wählen -</option>
                    <?php foreach ($rooms as $room): ?>
                        <option value="<?php echo $room['id']; ?>" <?php echo ($outlet['room_id'] ?? 0) === $room['id'] ? 'selected' : ''; ?>>
                            <?php echo htmlspecialchars($room['floor_name'] . ' / ' . $room['name']); ?>
                        </option>
                    <?php endforeach; ?>
                </select>
            </div>

            <div class="form-group">
                <label>X</label>
                <input type="number" name="x" value="<?php echo $outlet['x'] ?? 0; ?>">
            </div>

            <div class="form-group">
                <label>Y</label>
                <input type="number" name="y" value="<?php echo $outlet['y'] ?? 0; ?>">
            </div>

            <div class="form-group">
                <label>Kommentar</label>
                <textarea name="comment"><?php echo htmlspecialchars($outlet['comment'] ?? ''); ?></textarea>
            </div>

            <p class="info">TODO: Wandbuchsen gezielt auf dem Stockwerksplan platzieren.</p>
        <?php endif; ?>

        <div class="form-actions">
            <button type="submit" class="button button-primary">Speichern</button>
            <a href="?module=floor_infrastructure&action=list" class="button">Abbrechen</a>
        </div>
    </form>
</div>

<?php
//TODO drag an drop auf der stockwerkskarte für die patchfelder und wandbuchsen. buchsen haben eine einheitliche größe, und sind quadratisch, patchfelder sind auch für sich einheitlich, sind rechteckig und breiter als hoch
//TODO style in css files einsortieren
?>
<style>
.floor-infra-edit {
    padding: 25px;
    max-width: 700px;
}
.infra-edit-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}
.form-actions {
    display: flex;
    gap: 10px;
}
.info {
    font-size: 0.9em;
    color: #555;
}
</style>