<?php


/**
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 Weiterentwicklungen, Optimierungen und Ergänzungen am Code sind das geistige Eigentum von Tommy (Thomas Kuhn) und Harlekin (Bernd Witte).

Die darauf folgende Optimierungen und Ergänzungen am Code sind das Geistige Eigentum von Powermen (Christian K.)
und wird unter der Namenserweiterung M.C.v.x.x.x. geführt. 
PHP 8/9 Ready, XML Parser, PDO Prepared Statements Get Set sicherheit usw.
 */

ob_start();
?>

<div id="successBanner">
<?= $message ?>
</div>

<p>Die Externe Login Box funktioniert übergreifend auf verschiedenen Websites.
Der Login kann (URL) unabhängig vom Chat betrieben werden.</p>

<table>

<tr>
<td><b>Name der Login Box:</b></td>
<td>
<input type="text" id="boxTitle" placeholder="zB: Crazy Radio Chat" onkeyup="updateBox()">
<small>Der Name erscheint als Überschrift. Leer lassen = keine Überschrift.</small>
</td>

</tr>

<form method="post">
<tr>
<td><b>Erlaubte Domains:</b></td>
<td>
<textarea name="allowed_domains_list" id="allowedDomains" class="admin-textarea-medium" 
placeholder="domain.de... (Nutze ENTER für weitere)" 
oninput="autoResize(this)"><?php echo htmlspecialchars($current_domains); ?></textarea>
<small> NUR: (domain.de) ohne (https) oder (www).
Pro Zeile eine Domain.
Eine Haupt-Domain (domain.de) erlaubt automatisch alle Subdomains.</small></td>
</tr>
<tr>
<td>
<input type="submit" name="save_domains" class="button" value="Liste speichern">
</td>
<td>
</td>
</tr>

</form>

</table>

<center><br><div id="previewArea"></div></center>

<b>Code zum Kopieren für die Webseite:</b>
<textarea id="codeOut" class="admin-textarea-medium" readonly onclick="this.select();"></textarea>


<script>
function updateBox() {
var title = document.getElementById('boxTitle').value.trim();
var chat_url = "<?php echo $chat_url; ?>";
var h = (title !== "") ? 365 : 330;
var tParam = (title !== "") ? "&titel=" + encodeURIComponent(title) : "";
var finalUrl = chat_url + "?IndexBox" + tParam;
document.getElementById('previewArea').innerHTML = '<iframe src="' + finalUrl + '" name="chat_login" width="330" height="' + h + '" frameborder="0" scrolling="yes" style="border:none; overflow:hidden;" allowtransparency="true"></iframe>';
document.getElementById('codeOut').value = '<div style="display: flex; justify-content: center; align-items: center; width: 100%;">\n<iframe src="' + finalUrl + '" name="chat_login" width="330" height="' + h + '" frameborder="0" scrolling="yes" style="border:none; overflow:hidden;" allowtransparency="true"></iframe>\n</div>';
}

function autoResize(el) {
    el.style.height = '36px';
    if(el.scrollHeight > 36) {
        el.style.height = el.scrollHeight + 'px';
    }
}

window.addEventListener('DOMContentLoaded', () => {
    // Banner-Code bleibt hier...
    
    // Initiale Größe für Textarea setzen
    const textarea = document.getElementById('allowedDomains');
    if(textarea) {
        autoResize(textarea);
    }
	
	updateBox();
});

// Speichermitteilung
window.addEventListener('DOMContentLoaded', () => {
    const banner = document.getElementById("successBanner");
    if (banner) {
        setTimeout(() => {
            banner.style.display = "none";
        }, 5000);
    }
});

function closeSuccessBanner() {
    const banner = document.getElementById("successBanner");
    if (banner) banner.style.display = "none";
}
</script>

<?php
$content = ob_get_clean();

$pageTitle  = 'Externe Login Box';
$backLink   = './?AdminIndex';
$footerNote = '';

include __DIR__ . '/admin_master_template.php';