<?php
	$privilegien = $feld[0][1] ?? 'gast';
	$privilegien_farben = [
	  'admin' => 'color: ' . $_SESSION['etchat_'.$this->_prefix.'admin_color'] . ';',
	  'mod'   => 'color: ' . $_SESSION['etchat_'.$this->_prefix.'mod_color'] . ';',
	  'user'  => 'color: ' . $_SESSION['etchat_'.$this->_prefix.'user_color'] . ';',
	  'gast'  => 'color: ' . $_SESSION['etchat_'.$this->_prefix.'gast_color'] . ';',
	  'co_admin' => 'color: ' . $_SESSION['etchat_'.$this->_prefix.'admin_color'] . ';',
	  'grafik' => 'color: ' . $_SESSION['etchat_'.$this->_prefix.'admin_color'] . ';',
	  'chatwache' => 'color: ' . $_SESSION['etchat_'.$this->_prefix.'admin_color'] . ';'
	];
	$privilegien_namen = [
	'admin' => 'Administrator',
	'mod' => 'Moderator',
	'user' => 'Registrierter Benutzer',
	'gast' => 'Gast',
	'co_admin' => 'Co Admin',
	'grafik' => 'Gerafiker',
	'chatwache' => 'Chatwache'
	];
	$privilegien_anzeige = $privilegien_namen[$privilegien] ?? 'Gast';
	$privilegien_style = $privilegien_farben[$privilegien] ?? 'color: #FFFFFF;';
?>

<!DOCTYPE html>
<html lang="de">

<head>

<!--

ET-Chat Copyright by SEDesign | ET-Chat v3.x.x Lizenz: CCPL | Autor: Evgeni Tcherkasski (info@s-e-d.de)

ET-Chat_T-FISH-MOD Weiterentwicklung des ET-Chats durch Tommy (Thomas Kuhn) und Harlekin (Bernd Witte)

Die Weiterentwicklungen, Optimierungen und ErgÃ¤nzungen am Code sind das geistige Eigentum von Tommy (Thomas Kuhn) und Harlekin (Bernd Witte).

-->

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Profil</title>
<link href="styles/<?php echo $_SESSION['etchat_'.$this->_prefix.'style']; ?>/style.css" rel="stylesheet" type="text/css"/>
<link href="styles/<?php echo $_SESSION['etchat_'.$this->_prefix.'style']; ?>/style-mobil.css" rel="stylesheet" type="text/css"/>

<style>
#saveMessage {
    display: none; /* standardmäßig versteckt */
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px; /* Breite festlegen, z.B. 300px */
    max-width: 90%; /* für kleinere Bildschirme */
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 9999;
    font-size: 14px;
}
#saveMessage span.close {
	float: right;
    margin-left: 15px;
    cursor: pointer;
    font-weight: bold;
}
</style>


</head>

<body>

	<div id="saveMessage">
    Profil gespeichert! <span class="close" onclick="hideSaveMessage()">X</span>
	</div>


	<div class="profile-container">
		<center><div class="profile-info">

		<?php
		if ($avatar_an_aus == '1') {
		?>
		<div>
		<img src="avatar/<?php echo htmlspecialchars($feld[0][4]); ?>" alt="Avatar" class="profile-avatar">
		</div>
		<?php } ?>

			<strong>Benutzername:</strong> <?php echo htmlspecialchars($feld[0][0] ?? 'Nicht verfügbar'); ?><br>
			<strong>Privilegien:</strong> <span style="<?php echo $privilegien_style; ?>"> <?php echo $privilegien_anzeige; ?></span><br>
			<strong>Geschlecht:</strong>
			<?php
				$geschlecht = $feld[0][3] ?? 'u';
				switch ($geschlecht) {
					case 'm': echo 'm&auml;nnlich'; break;
					case 'f': echo 'weiblich'; break;
					case 'n': echo 'divers'; break;
					default: echo 'Unbekannt';
				}

				if (($_SESSION['etchat_'.$this->_prefix.'pro'] == '1') && ($_SESSION['etchat_'.$this->_prefix.'user_priv'] != 'gast')){

			?><br><br>

			<strong>Registrierungsdatum:</strong>
			<?php
				echo isset($feld[0][2]) ? date("d.m.Y H:i:s", strtotime($feld[0][2])) : 'Nicht verfügbar';
			?>

			<div class="profile-container">
				<b>Profil bearbeiten:</b>
				<form method="post">
					<label>Geburtsdatum:</label><br>
					<select name="geb_tag">
						<option value="">Tag</option>
						<?php for ($i = 1; $i <= 31; $i++): ?>
							<option value="<?= $i ?>" <?= ($feld[0][5] ?? 0) == $i ? 'selected' : '' ?>><?= $i ?></option>
						<?php endfor; ?>
					</select>
					<select name="geb_monat">
						<option value="">Monat</option>
						<?php for ($i = 1; $i <= 12; $i++): ?>
							<option value="<?= $i ?>" <?= ($feld[0][6] ?? 0) == $i ? 'selected' : '' ?>><?= $i ?></option>
						<?php endfor; ?>
					</select>
					<select name="geb_jahr">
						<option value="">Jahr</option>
						<?php for ($i = date('Y'); $i >= 1900; $i--): ?>
							<option value="<?= $i ?>" <?= ($feld[0][7] ?? 0) == $i ? 'selected' : '' ?>><?= $i ?></option>
						<?php endfor; ?>
					</select>
					<br>
<?php
    $tag   = (int)($feld[0][5] ?? 0);
    $monat = (int)($feld[0][6] ?? 0);
    $jahr  = (int)($feld[0][7] ?? 0);
    $alter = $feld[0]['alter'] ?? null;

    $heuteTag = (int)date('j');
    $heuteMonat = (int)date('n');
    $geburtstagsIcon = ''; 

    // Prüfen, ob heute Geburtstag ist
    if ($tag && $monat && $heuteTag === $tag && $heuteMonat === $monat) {
        $geburtstagsIcon = ' <img src="img/cake.png" alt="Geburtstag" style="width:16px;height:16px;">';
    }

    // Ausgabe

    if ($tag && $monat && $jahr && $alter !== null) {
        // Vollständiges Datum + Alter
            echo "<strong>Alter:</strong> ";
        echo "$alter Jahre Geb.: $tag.$monat.$jahr" . $geburtstagsIcon;
    } elseif ($tag && $monat) {
        // Nur Tag + Monat
        echo "Geb.: $tag.$monat" . $geburtstagsIcon;
    } else {
        // Nichts vorhanden
        echo "Nicht angegeben";
    }
?>


					<?php echo $geburt; ?>

					<br>
					<label>Wohnort:</label><br>
					<input type="text" name="ort" value="<?= htmlspecialchars($feld[0][8] ?? '') ?>" style="width: auto;"><br><br>

					<label>Beschreibung:</label><br>
					<div style="display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 2px; width: 90%;">
					  <span id="count_used">0 / 1000 Zeichen</span>  <span id="count_left">Noch 1000</span>
					</div>

					<textarea name="beschreibung" id="beschreibung" maxlength="1000" rows="5" style="width: 95%; height: 80px;"><?= htmlspecialchars($feld[0][9] ?? '') ?></textarea>

<script>
  const textarea = document.getElementById('beschreibung');
  const used = document.getElementById('count_used');
  const left = document.getElementById('count_left');
  const max = 1000;

  function updateCounter() {
    const len = textarea.value.length;
    used.textContent = `${len} / ${max} Zeichen`;
    left.textContent = `Noch ${max - len}`;
  }

  textarea.addEventListener('input', updateCounter);
  window.addEventListener('DOMContentLoaded', updateCounter); // Initial zählen bei Seitenlade

  // Funktion zum Anzeigen der Nachricht
function showSaveMessage() {
    const msg = document.getElementById('saveMessage');
    msg.style.display = 'block';

    // Nach 5 Sekunden automatisch ausblenden
    setTimeout(() => {
        msg.style.display = 'none';
    }, 5000);
}

// Funktion zum manuellen Schließen
function hideSaveMessage() {
    document.getElementById('saveMessage').style.display = 'none';
}

// Prüfen, ob das Formular erfolgreich gesendet wurde
<?php if ($_SERVER['REQUEST_METHOD'] === 'POST'): ?>
    showSaveMessage();
<?php endif; ?>

</script>

					<br><br>
					<input type="submit" value="Profil speichern">
				</form>
			</div>
		 </div></center>
	</div><br>

<?php }	if (($_SESSION['etchat_'.$this->_prefix.'biup'] == '1') && ($_SESSION['etchat_'.$this->_prefix.'user_priv'] != 'gast')){ ?>

	<div class="profile-container-gal">
		<h3>Hochgeladene Bilder</h3>
		<div class="user-images">

			<?php if (empty($feld[0]['user_images'])): ?>
				<p>Noch keine Bilder hochgeladen.</p>
			<?php else: ?>
				<?php foreach ($feld[0]['user_images'] as $userImage): ?>
					<div class="user-image">
						<div class="image-wrapper">
							<img src="./userpic/<?php echo htmlspecialchars($userImage['image']); ?>" alt="Bild"  style="max-width: 95%; max-height: 100px;">
						</div>
						<p><?php echo htmlspecialchars($userImage['datum']); ?></p>
						<form method="post" onsubmit="return confirm('Möchtest du dieses Bild wirklich löschen?\nDas Bild wird auch aus der Gallery gelöscht.');" style="margin: 0;">
							<input type="hidden" name="deleteUserImage" value="<?php echo htmlspecialchars($userImage['image']); ?>">
							<button type="submit" class="button" style="color:red;margin-bottom: 7px;">Bild löschen</button>
						</form>
					</div>
				<?php endforeach; ?>
			<?php endif; ?>

		</div>
	</div>
	<?php } ?>
</div>
</body>

</html>