<!DOCTYPE html>
<html lang="de">
  <head>
    <title><?php 
          echo $_SESSION['etchat_'.$this->_prefix.'radio_name'] ?? 'ET-Chat';
    ?></title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon?v=2" />
    <link rel="icon" type="image/png" href="img/favicon.png" />
    <script src="js/login-box.js" type="text/javascript"></script>
	<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-index.css" rel="stylesheet" type="text/css"/>

<style>

/* Zentriert den gesamten Inhalt der Chat-Seite */
body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;   /* sorgt für vertikale Zentrierung im Iframe */
}

/* Falls ein Container existiert, z.B. .chat-login-box */
.chat-login-box {
    width: 100%;
    max-width: 100%;
}

</style>

  </head>
  <body id="body" style="margin-bottom: 0px;">
   <div class="chat-login-box">
    <?php if (!empty($chatTitle)): ?>
   <div class="user-online-title">
        <?php echo htmlspecialchars($chatTitle); ?>
    </div><br>
    <?php endif; ?>
  
    <!-- Cookie-Banner -->
    <div id="cookie-banner" style="display:none; position:fixed; bottom:0; left:0; right:0; background:#222; color:white; padding:20px; z-index:9999; text-align:center;">
      <p>Diese Seite verwendet Cookies (z.B. PHPSESSID), um ordnungsgemäß zu funktionieren.</p>
      <button id="accept-cookies" style="padding:10px 20px; margin:5px;">Akzeptieren</button>
      <button id="decline-cookies" style="padding:10px 20px; margin:5px;">Ablehnen</button>
    </div>
    <div id="cookie-warning" style="display:none; color:red; text-align:center; font-weight:bold; margin:10px 0;"> Du musst Cookies akzeptieren, um fortzufahren. </div>
    <button id="changeConsentBtn" style="display:none; position:fixed; bottom:70px; right:10px; z-index:9998; background:#f4f4f4; padding:8px 12px; font-size:12px; border:1px solid #333; border-radius:4px;"> Cookie-Einstellungen ändern </button>

<div id="inhalt"> 
<?php
    include 'login-box.php';
?> 
</div>
</div>
       
  </body>
</html>